@charset "UTF-8";
/*!
* KNACSS Reborn: Just keep it simple!
* @author: Alsacreations
* v8.2 2022/01
* Licence WTFPL http://www.wtfpl.net/
*/
/* ----------------------------- */
/* ==Reset (base)                */
/* ----------------------------- */
/*
 * 1. Switch to border-box model for all elements
 * 2. Avoid min-width: auto on flex and grid items
 */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  min-width: 0;
  /* 2 */
}

/*
 * 1. Remove the grey highlight on links in iOS 
 * 2. Prevent orientation font changes in iOS
 * 3. Breaks words to prevent overflow in all browsers
 */
html {
  font-size: 100%;
  -webkit-tap-highlight-color: transparent;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  overflow-wrap: break-word;
  /* 3 */
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  line-height: 1.5;
  background-color: #FFFFFF;
  color: #212529;
}

/*
 * Headings
 */
h1,
.h1-like,
h2,
.h2-like,
h3,
.h3-like,
h4,
.h4-like,
h5,
.h5-like,
h6,
.h6-like {
  color: #212529;
}

/*
 * Links
 */
a {
  color: #212529;
  text-decoration: underline;
}

a:focus,
a:hover,
a:active {
  color: #0F0F0F;
  text-decoration: underline;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/*
 * Vertical rythm
 */
h1,
.h1-like,
h2,
.h2-like {
  margin-top: 0;
  margin-bottom: 1rem;
}

p,
address,
ol,
ul,
dl,
blockquote,
pre,
h3,
.h3-like,
h4,
.h4-like,
h5,
.h5-like,
h6,
.h6-like,
dt,
dd {
  margin-top: 0;
  margin-bottom: 0.75rem;
}

/*
 * Nested elements
 */
ol ol,
ol ul,
ul ol,
ul ul,
li ul,
li ol,
nav ul,
nav ol,
li p,
li .p-like {
  margin-top: 0;
  margin-bottom: 0;
}

/*
 * Lists
 */
ul,
ol {
  padding-left: 1rem;
}

nav ul,
nav ol {
  list-style: none;
  padding: 0;
}

/*
 * Embed content
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

img,
table,
td,
blockquote,
pre,
code,
input,
textarea,
select,
video,
svg,
iframe {
  max-width: 100%;
}

img,
input,
select,
textarea {
  height: auto;
}

img {
  border-style: none;
}

/**
 * Remove the border on iframes in all browsers
 */
iframe {
  border-style: none;
}

/*
 * Fill color matching to text color
 */
svg:not([fill]) {
  fill: currentColor;
}

/*
 * Hide the overflow in IE
 */
svg:not(:root) {
  overflow: hidden;
}

/*
 * Tables
 */
table {
  border-collapse: collapse;
}

/*
 * Rulers
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0;
  border-top: 1px solid;
  margin: 1rem 0;
  clear: both;
  color: inherit;
}

/*
 * table styles
 */
table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  vertical-align: top;
  margin-bottom: 1rem;
}

/* 
 * Hidden but not for an assistive technology like a screen reader, Yahoo! method 
 */
.visually-hidden,
.sr-only {
  position: absolute !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

/*
 * Disable animations styles when reduced motion is enabled
 */
@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation: none !important;
            animation: none !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
/*
 * Change the cursor on busy elements in all browsers.
 */
[aria-busy=true] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers.
 */
[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers.
 */
[aria-disabled=true],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers.
 */
[aria-hidden=false][hidden] {
  display: initial;
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/* ----------------------------- */
/* ==Reset (forms)               */
/* ----------------------------- */
/*
 * Remove the tapping delay on clickable elements in all browsers .
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

/*
 * 1. Change the inconsistent appearance in all browsers.
 * 2. Add typography inheritance in all browsers.
 */
button,
input,
select,
textarea {
  margin: 0;
  background-color: transparent; /* 1 */
  color: inherit; /* 1 */
  font-family: inherit; /* 2 */
  font-size: inherit; /* 2 */
  line-height: inherit; /* 2 */
  letter-spacing: inherit; /* 2 */
  vertical-align: middle;
}

/*
 * Basic User Interface reset
 */
button,
input:not([type=radio]):not([type=checkbox]),
select,
textarea {
  border: 0;
}

/*
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre,
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

pre {
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
  white-space: pre-wrap;
  line-height: normal;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

/*
 * Show overflow in IE/Edge
 */
button,
input {
  overflow: visible;
}

/* 
 * Remove the inheritance of text transform in Firefox
 */
button,
select {
  text-transform: none;
}

/*
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

form,
fieldset {
  border: none;
}

fieldset {
  margin: 0;
  padding: 1rem;
}

legend {
  display: table;
  max-width: 100%;
  padding: 0 0.25rem;
  border: 0;
  color: inherit;
  white-space: normal;
}

label {
  display: inline-block;
  cursor: pointer;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
  white-space: pre-wrap;
}

progress {
  display: inline-block;
  width: 100%;
  vertical-align: baseline;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

/* ----------------------------- */
/* Form oddities                 */
/* ----------------------------- */
/*
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/*
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/*
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/*
 * Remove the additional :invalid styles in Firefox.
 */
:-moz-ui-invalid {
  box-shadow: none;
}

/* ----------------------------- */
/* ==Print (quick print reset)   */
/* ----------------------------- */
@media print {
  * {
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  body {
    width: auto;
    margin: auto;
    font-family: serif;
    font-size: 12pt;
  }
  p,
  .p-like,
  h1,
  .h1-like,
  h2,
  .h2-like,
  h3,
  .h3-like,
  h4,
  .h4-like,
  h5,
  .h5-like,
  h6,
  .h6-like,
  blockquote,
  label,
  ul,
  ol {
    color: #000;
    margin: auto;
  }
  .print {
    display: block;
  }
  .no-print {
    display: none;
  }
  /* no orphans, no widows */
  p,
  .p-like,
  blockquote {
    orphans: 3;
    widows: 3;
  }
  /* no breaks inside these elements */
  blockquote,
  ul,
  ol {
    page-break-inside: avoid;
  }
  /* page break before main headers
  h1,
  .h1-like {
    page-break-before: always;
  }
  */
  /* no breaks after these elements */
  h1,
  .h1-like,
  h2,
  .h2-like,
  h3,
  .h3-like,
  caption {
    page-break-after: avoid;
  }
  a {
    color: #000;
  }
  /* displaying URLs
  a[href]::after {
    content: " (" attr(href) ")";
  }
  */
  a[href^="javascript:"]::after,
  a[href^="#"]::after {
    content: "";
  }
}
/* ----------------------------  */
/* ==Layout classes              */
/* ----------------------------- */
/* Global container */
.layout-maxed {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 576px) {
  .layout-maxed {
    -ms-grid-columns: minmax(0.75rem, 1fr) minmax(auto, 576px) minmax(0.75rem, 1fr);
    grid-template-columns: minmax(0.75rem, 1fr) minmax(auto, 576px) minmax(0.75rem, 1fr);
  }
}
@media (min-width: 992px) {
  .layout-maxed {
    -ms-grid-columns: minmax(0.75rem, 1fr) minmax(auto, 992px) minmax(0.75rem, 1fr);
    grid-template-columns: minmax(0.75rem, 1fr) minmax(auto, 992px) minmax(0.75rem, 1fr);
  }
}
@media (min-width: 1400px) {
  .layout-maxed {
    -ms-grid-columns: minmax(0.75rem, 1fr) minmax(auto, 1400px) minmax(0.75rem, 1fr);
    grid-template-columns: minmax(0.75rem, 1fr) minmax(auto, 1400px) minmax(0.75rem, 1fr);
  }
}

/* Center all children */
.layout-maxed > * {
  -ms-grid-column: 2;
  grid-column: 2;
}

/* Hero box  */
.layout-hero {
  grid-column: 1/-1;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: inherit;
  grid-template-columns: inherit;
}

.layout-hero > * {
  -ms-grid-column: 2;
  grid-column: 2;
}

/* Hero image */
.layout-hero-img {
  grid-column: 1/-1;
  -ms-grid-column-align: center;
      justify-self: center;
  max-width: 100%;
}

/* 
 * Global utility classes 
 */
.hidden {
  display: none;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

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

.flex-no-wrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.flex-shrink {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.flex-no-shrink {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.flex-grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.flex-no-grow {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.float-none {
  float: none;
}

.text-bold {
  font-weight: bold;
}

.text-italic {
  font-style: italic;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-smaller {
  font-size: smaller;
}

.text-larger {
  font-size: larger;
}

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

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

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

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

.text-wrap {
  overflow-wrap: break-word;
}

.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.justify-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.justify-evenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.justify-items-start {
  justify-items: start;
}

.justify-items-end {
  justify-items: end;
}

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

.align-start {
  -ms-flex-line-pack: start;
      align-content: start;
}

.align-end {
  -ms-flex-line-pack: end;
      align-content: end;
}

.align-center {
  -ms-flex-line-pack: center;
      align-content: center;
}

.align-between {
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.align-around {
  -ms-flex-line-pack: distribute;
      align-content: space-around;
}

.align-evenly {
  -ms-flex-line-pack: space-evenly;
      align-content: space-evenly;
}

.align-items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.align-items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

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

.justify-self-auto {
  -ms-grid-column-align: auto;
      justify-self: auto;
}

.justify-self-start {
  -ms-grid-column-align: start;
      justify-self: start;
}

.justify-self-end {
  -ms-grid-column-align: end;
      justify-self: end;
}

.justify-self-center {
  -ms-grid-column-align: center;
      justify-self: center;
}

.justify-self-stretch {
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}

.align-self-auto {
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto;
}

.align-self-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.align-self-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.align-self-center {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.align-self-stretch {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

.align-top {
  vertical-align: top;
}

.align-bottom {
  vertical-align: bottom;
}

.align-middle {
  vertical-align: middle;
}

.item-first {
  -webkit-box-ordinal-group: -99;
      -ms-flex-order: -100;
          order: -100;
}

.item-last {
  -webkit-box-ordinal-group: 101;
      -ms-flex-order: 100;
          order: 100;
}

@media (min-width: 576px) {
  .sm\:hidden {
    display: none;
  }
}
@media (min-width: 992px) {
  .md\:hidden {
    display: none;
  }
}
@media (min-width: 1400px) {
  .lg\:hidden {
    display: none;
  }
}
@media (min-width: 576px) {
  .sm\:block {
    display: block;
  }
}
@media (min-width: 992px) {
  .md\:block {
    display: block;
  }
}
@media (min-width: 1400px) {
  .lg\:block {
    display: block;
  }
}
@media (min-width: 576px) {
  .sm\:inline {
    display: inline;
  }
}
@media (min-width: 992px) {
  .md\:inline {
    display: inline;
  }
}
@media (min-width: 1400px) {
  .lg\:inline {
    display: inline;
  }
}
@media (min-width: 576px) {
  .sm\:inline-block {
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .md\:inline-block {
    display: inline-block;
  }
}
@media (min-width: 1400px) {
  .lg\:inline-block {
    display: inline-block;
  }
}
@media (min-width: 576px) {
  .sm\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 992px) {
  .md\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1400px) {
  .lg\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 576px) {
  .sm\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 992px) {
  .md\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 1400px) {
  .lg\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 576px) {
  .sm\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 992px) {
  .md\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 1400px) {
  .lg\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 576px) {
  .sm\:flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .md\:flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (min-width: 1400px) {
  .lg\:flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (min-width: 576px) {
  .sm\:flex-no-wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media (min-width: 992px) {
  .md\:flex-no-wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media (min-width: 1400px) {
  .lg\:flex-no-wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media (min-width: 576px) {
  .sm\:flex-shrink {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
}
@media (min-width: 992px) {
  .md\:flex-shrink {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
}
@media (min-width: 1400px) {
  .lg\:flex-shrink {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
}
@media (min-width: 576px) {
  .sm\:flex-no-shrink {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media (min-width: 992px) {
  .md\:flex-no-shrink {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media (min-width: 1400px) {
  .lg\:flex-no-shrink {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media (min-width: 576px) {
  .sm\:flex-grow {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
@media (min-width: 992px) {
  .md\:flex-grow {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
@media (min-width: 1400px) {
  .lg\:flex-grow {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
@media (min-width: 576px) {
  .sm\:flex-no-grow {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}
@media (min-width: 992px) {
  .md\:flex-no-grow {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}
@media (min-width: 1400px) {
  .lg\:flex-no-grow {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}
@media (min-width: 576px) {
  .sm\:float-left {
    float: left;
  }
}
@media (min-width: 992px) {
  .md\:float-left {
    float: left;
  }
}
@media (min-width: 1400px) {
  .lg\:float-left {
    float: left;
  }
}
@media (min-width: 576px) {
  .sm\:float-right {
    float: right;
  }
}
@media (min-width: 992px) {
  .md\:float-right {
    float: right;
  }
}
@media (min-width: 1400px) {
  .lg\:float-right {
    float: right;
  }
}
@media (min-width: 576px) {
  .sm\:float-none {
    float: none;
  }
}
@media (min-width: 992px) {
  .md\:float-none {
    float: none;
  }
}
@media (min-width: 1400px) {
  .lg\:float-none {
    float: none;
  }
}
@media (min-width: 576px) {
  .sm\:text-bold {
    font-weight: bold;
  }
}
@media (min-width: 992px) {
  .md\:text-bold {
    font-weight: bold;
  }
}
@media (min-width: 1400px) {
  .lg\:text-bold {
    font-weight: bold;
  }
}
@media (min-width: 576px) {
  .sm\:text-italic {
    font-style: italic;
  }
}
@media (min-width: 992px) {
  .md\:text-italic {
    font-style: italic;
  }
}
@media (min-width: 1400px) {
  .lg\:text-italic {
    font-style: italic;
  }
}
@media (min-width: 576px) {
  .sm\:text-uppercase {
    text-transform: uppercase;
  }
}
@media (min-width: 992px) {
  .md\:text-uppercase {
    text-transform: uppercase;
  }
}
@media (min-width: 1400px) {
  .lg\:text-uppercase {
    text-transform: uppercase;
  }
}
@media (min-width: 576px) {
  .sm\:text-lowercase {
    text-transform: lowercase;
  }
}
@media (min-width: 992px) {
  .md\:text-lowercase {
    text-transform: lowercase;
  }
}
@media (min-width: 1400px) {
  .lg\:text-lowercase {
    text-transform: lowercase;
  }
}
@media (min-width: 576px) {
  .sm\:text-smaller {
    font-size: smaller;
  }
}
@media (min-width: 992px) {
  .md\:text-smaller {
    font-size: smaller;
  }
}
@media (min-width: 1400px) {
  .lg\:text-smaller {
    font-size: smaller;
  }
}
@media (min-width: 576px) {
  .sm\:text-larger {
    font-size: larger;
  }
}
@media (min-width: 992px) {
  .md\:text-larger {
    font-size: larger;
  }
}
@media (min-width: 1400px) {
  .lg\:text-larger {
    font-size: larger;
  }
}
@media (min-width: 576px) {
  .sm\:text-left {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .md\:text-left {
    text-align: left;
  }
}
@media (min-width: 1400px) {
  .lg\:text-left {
    text-align: left;
  }
}
@media (min-width: 576px) {
  .sm\:text-center {
    text-align: center;
  }
}
@media (min-width: 992px) {
  .md\:text-center {
    text-align: center;
  }
}
@media (min-width: 1400px) {
  .lg\:text-center {
    text-align: center;
  }
}
@media (min-width: 576px) {
  .sm\:text-right {
    text-align: right;
  }
}
@media (min-width: 992px) {
  .md\:text-right {
    text-align: right;
  }
}
@media (min-width: 1400px) {
  .lg\:text-right {
    text-align: right;
  }
}
@media (min-width: 576px) {
  .sm\:text-justify {
    text-align: justify;
  }
}
@media (min-width: 992px) {
  .md\:text-justify {
    text-align: justify;
  }
}
@media (min-width: 1400px) {
  .lg\:text-justify {
    text-align: justify;
  }
}
@media (min-width: 576px) {
  .sm\:text-wrap {
    overflow-wrap: break-word;
  }
}
@media (min-width: 992px) {
  .md\:text-wrap {
    overflow-wrap: break-word;
  }
}
@media (min-width: 1400px) {
  .lg\:text-wrap {
    overflow-wrap: break-word;
  }
}
@media (min-width: 576px) {
  .sm\:justify-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (min-width: 992px) {
  .md\:justify-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (min-width: 1400px) {
  .lg\:justify-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (min-width: 576px) {
  .sm\:justify-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (min-width: 992px) {
  .md\:justify-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (min-width: 1400px) {
  .lg\:justify-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (min-width: 576px) {
  .sm\:justify-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 992px) {
  .md\:justify-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 1400px) {
  .lg\:justify-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 576px) {
  .sm\:justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .md\:justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 1400px) {
  .lg\:justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 576px) {
  .sm\:justify-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media (min-width: 992px) {
  .md\:justify-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media (min-width: 1400px) {
  .lg\:justify-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media (min-width: 576px) {
  .sm\:justify-evenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
@media (min-width: 992px) {
  .md\:justify-evenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
@media (min-width: 1400px) {
  .lg\:justify-evenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
@media (min-width: 576px) {
  .sm\:justify-items-start {
    justify-items: start;
  }
}
@media (min-width: 992px) {
  .md\:justify-items-start {
    justify-items: start;
  }
}
@media (min-width: 1400px) {
  .lg\:justify-items-start {
    justify-items: start;
  }
}
@media (min-width: 576px) {
  .sm\:justify-items-end {
    justify-items: end;
  }
}
@media (min-width: 992px) {
  .md\:justify-items-end {
    justify-items: end;
  }
}
@media (min-width: 1400px) {
  .lg\:justify-items-end {
    justify-items: end;
  }
}
@media (min-width: 576px) {
  .sm\:justify-items-center {
    justify-items: center;
  }
}
@media (min-width: 992px) {
  .md\:justify-items-center {
    justify-items: center;
  }
}
@media (min-width: 1400px) {
  .lg\:justify-items-center {
    justify-items: center;
  }
}
@media (min-width: 576px) {
  .sm\:align-start {
    -ms-flex-line-pack: start;
        align-content: start;
  }
}
@media (min-width: 992px) {
  .md\:align-start {
    -ms-flex-line-pack: start;
        align-content: start;
  }
}
@media (min-width: 1400px) {
  .lg\:align-start {
    -ms-flex-line-pack: start;
        align-content: start;
  }
}
@media (min-width: 576px) {
  .sm\:align-end {
    -ms-flex-line-pack: end;
        align-content: end;
  }
}
@media (min-width: 992px) {
  .md\:align-end {
    -ms-flex-line-pack: end;
        align-content: end;
  }
}
@media (min-width: 1400px) {
  .lg\:align-end {
    -ms-flex-line-pack: end;
        align-content: end;
  }
}
@media (min-width: 576px) {
  .sm\:align-center {
    -ms-flex-line-pack: center;
        align-content: center;
  }
}
@media (min-width: 992px) {
  .md\:align-center {
    -ms-flex-line-pack: center;
        align-content: center;
  }
}
@media (min-width: 1400px) {
  .lg\:align-center {
    -ms-flex-line-pack: center;
        align-content: center;
  }
}
@media (min-width: 576px) {
  .sm\:align-between {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
}
@media (min-width: 992px) {
  .md\:align-between {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
}
@media (min-width: 1400px) {
  .lg\:align-between {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
}
@media (min-width: 576px) {
  .sm\:align-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
}
@media (min-width: 992px) {
  .md\:align-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
}
@media (min-width: 1400px) {
  .lg\:align-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
}
@media (min-width: 576px) {
  .sm\:align-evenly {
    -ms-flex-line-pack: space-evenly;
        align-content: space-evenly;
  }
}
@media (min-width: 992px) {
  .md\:align-evenly {
    -ms-flex-line-pack: space-evenly;
        align-content: space-evenly;
  }
}
@media (min-width: 1400px) {
  .lg\:align-evenly {
    -ms-flex-line-pack: space-evenly;
        align-content: space-evenly;
  }
}
@media (min-width: 576px) {
  .sm\:align-items-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 992px) {
  .md\:align-items-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 1400px) {
  .lg\:align-items-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 576px) {
  .sm\:align-items-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media (min-width: 992px) {
  .md\:align-items-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media (min-width: 1400px) {
  .lg\:align-items-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media (min-width: 576px) {
  .sm\:align-items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 992px) {
  .md\:align-items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 1400px) {
  .lg\:align-items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 576px) {
  .sm\:place-center {
    place-content: center;
  }
}
@media (min-width: 992px) {
  .md\:place-center {
    place-content: center;
  }
}
@media (min-width: 1400px) {
  .lg\:place-center {
    place-content: center;
  }
}
@media (min-width: 576px) {
  .sm\:justify-self-auto {
    -ms-grid-column-align: auto;
        justify-self: auto;
  }
}
@media (min-width: 992px) {
  .md\:justify-self-auto {
    -ms-grid-column-align: auto;
        justify-self: auto;
  }
}
@media (min-width: 1400px) {
  .lg\:justify-self-auto {
    -ms-grid-column-align: auto;
        justify-self: auto;
  }
}
@media (min-width: 576px) {
  .sm\:justify-self-start {
    -ms-grid-column-align: start;
        justify-self: start;
  }
}
@media (min-width: 992px) {
  .md\:justify-self-start {
    -ms-grid-column-align: start;
        justify-self: start;
  }
}
@media (min-width: 1400px) {
  .lg\:justify-self-start {
    -ms-grid-column-align: start;
        justify-self: start;
  }
}
@media (min-width: 576px) {
  .sm\:justify-self-end {
    -ms-grid-column-align: end;
        justify-self: end;
  }
}
@media (min-width: 992px) {
  .md\:justify-self-end {
    -ms-grid-column-align: end;
        justify-self: end;
  }
}
@media (min-width: 1400px) {
  .lg\:justify-self-end {
    -ms-grid-column-align: end;
        justify-self: end;
  }
}
@media (min-width: 576px) {
  .sm\:justify-self-center {
    -ms-grid-column-align: center;
        justify-self: center;
  }
}
@media (min-width: 992px) {
  .md\:justify-self-center {
    -ms-grid-column-align: center;
        justify-self: center;
  }
}
@media (min-width: 1400px) {
  .lg\:justify-self-center {
    -ms-grid-column-align: center;
        justify-self: center;
  }
}
@media (min-width: 576px) {
  .sm\:justify-self-stretch {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
  }
}
@media (min-width: 992px) {
  .md\:justify-self-stretch {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
  }
}
@media (min-width: 1400px) {
  .lg\:justify-self-stretch {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
  }
}
@media (min-width: 576px) {
  .sm\:align-self-auto {
    -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
  }
}
@media (min-width: 992px) {
  .md\:align-self-auto {
    -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
  }
}
@media (min-width: 1400px) {
  .lg\:align-self-auto {
    -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
  }
}
@media (min-width: 576px) {
  .sm\:align-self-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
@media (min-width: 992px) {
  .md\:align-self-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
@media (min-width: 1400px) {
  .lg\:align-self-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
@media (min-width: 576px) {
  .sm\:align-self-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
@media (min-width: 992px) {
  .md\:align-self-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
@media (min-width: 1400px) {
  .lg\:align-self-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
@media (min-width: 576px) {
  .sm\:align-self-center {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}
@media (min-width: 992px) {
  .md\:align-self-center {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}
@media (min-width: 1400px) {
  .lg\:align-self-center {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}
@media (min-width: 576px) {
  .sm\:align-self-stretch {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}
@media (min-width: 992px) {
  .md\:align-self-stretch {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}
@media (min-width: 1400px) {
  .lg\:align-self-stretch {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}
@media (min-width: 576px) {
  .sm\:align-top {
    vertical-align: top;
  }
}
@media (min-width: 992px) {
  .md\:align-top {
    vertical-align: top;
  }
}
@media (min-width: 1400px) {
  .lg\:align-top {
    vertical-align: top;
  }
}
@media (min-width: 576px) {
  .sm\:align-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 992px) {
  .md\:align-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 1400px) {
  .lg\:align-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 576px) {
  .sm\:align-middle {
    vertical-align: middle;
  }
}
@media (min-width: 992px) {
  .md\:align-middle {
    vertical-align: middle;
  }
}
@media (min-width: 1400px) {
  .lg\:align-middle {
    vertical-align: middle;
  }
}
@media (min-width: 576px) {
  .sm\:item-first {
    -webkit-box-ordinal-group: -99;
        -ms-flex-order: -100;
            order: -100;
  }
}
@media (min-width: 992px) {
  .md\:item-first {
    -webkit-box-ordinal-group: -99;
        -ms-flex-order: -100;
            order: -100;
  }
}
@media (min-width: 1400px) {
  .lg\:item-first {
    -webkit-box-ordinal-group: -99;
        -ms-flex-order: -100;
            order: -100;
  }
}
@media (min-width: 576px) {
  .sm\:item-last {
    -webkit-box-ordinal-group: 101;
        -ms-flex-order: 100;
            order: 100;
  }
}
@media (min-width: 992px) {
  .md\:item-last {
    -webkit-box-ordinal-group: 101;
        -ms-flex-order: 100;
            order: 100;
  }
}
@media (min-width: 1400px) {
  .lg\:item-last {
    -webkit-box-ordinal-group: 101;
        -ms-flex-order: 100;
            order: 100;
  }
}
.is-unstyled {
  list-style: none;
  padding-left: 0;
}

.is-disabled,
[disabled] {
  opacity: 0.6;
  cursor: not-allowed !important;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.text-normal {
  font-weight: normal;
  font-style: normal;
  text-transform: none;
}

@media (min-width: 576px) {
  .sm\:visually-hidden {
    position: absolute !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
  }
  .sm\:is-unstyled {
    list-style: none;
    padding-left: 0;
  }
  .sm\:is-disabled {
    opacity: 0.6;
    cursor: not-allowed !important;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
  }
  .sm\:text-normal {
    font-weight: normal;
    font-style: normal;
    text-transform: none;
  }
}
@media (min-width: 992px) {
  .md\:visually-hidden {
    position: absolute !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
  }
  .md\:is-unstyled {
    list-style: none;
    padding-left: 0;
  }
  .md\:is-disabled {
    opacity: 0.6;
    cursor: not-allowed !important;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
  }
  .md\:text-normal {
    font-weight: normal;
    font-style: normal;
    text-transform: none;
  }
}
@media (min-width: 1400px) {
  .lg\:visually-hidden {
    position: absolute !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
  }
  .lg\:is-unstyled {
    list-style: none;
    padding-left: 0;
  }
  .lg\:is-disabled {
    opacity: 0.6;
    cursor: not-allowed !important;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
  }
  .lg\:text-normal {
    font-weight: normal;
    font-style: normal;
    text-transform: none;
  }
}
/* Font sizes utility classes */
.text-10 {
  font-size: 0.625rem;
}

.text-11 {
  font-size: 0.6875rem;
}

.text-12 {
  font-size: 0.75rem;
}

.text-14 {
  font-size: 0.875rem;
}

.text-16 {
  font-size: 1rem;
}

.text-18 {
  font-size: 1.125rem;
}

.text-20 {
  font-size: 1.25rem;
}

.text-24 {
  font-size: 1.5rem;
}

.text-30 {
  font-size: 1.875rem;
}

.text-36 {
  font-size: 2.25rem;
}

.text-base {
  font-size: 1rem;
}

.text-inherit {
  font-size: inherit;
}

@media (min-width: 576px) {
  .sm\:text-10 {
    font-size: 0.625rem;
  }
}
@media (min-width: 992px) {
  .md\:text-10 {
    font-size: 0.625rem;
  }
}
@media (min-width: 1400px) {
  .lg\:text-10 {
    font-size: 0.625rem;
  }
}
@media (min-width: 576px) {
  .sm\:text-11 {
    font-size: 0.6875rem;
  }
}
@media (min-width: 992px) {
  .md\:text-11 {
    font-size: 0.6875rem;
  }
}
@media (min-width: 1400px) {
  .lg\:text-11 {
    font-size: 0.6875rem;
  }
}
@media (min-width: 576px) {
  .sm\:text-12 {
    font-size: 0.75rem;
  }
}
@media (min-width: 992px) {
  .md\:text-12 {
    font-size: 0.75rem;
  }
}
@media (min-width: 1400px) {
  .lg\:text-12 {
    font-size: 0.75rem;
  }
}
@media (min-width: 576px) {
  .sm\:text-14 {
    font-size: 0.875rem;
  }
}
@media (min-width: 992px) {
  .md\:text-14 {
    font-size: 0.875rem;
  }
}
@media (min-width: 1400px) {
  .lg\:text-14 {
    font-size: 0.875rem;
  }
}
@media (min-width: 576px) {
  .sm\:text-16 {
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  .md\:text-16 {
    font-size: 1rem;
  }
}
@media (min-width: 1400px) {
  .lg\:text-16 {
    font-size: 1rem;
  }
}
@media (min-width: 576px) {
  .sm\:text-18 {
    font-size: 1.125rem;
  }
}
@media (min-width: 992px) {
  .md\:text-18 {
    font-size: 1.125rem;
  }
}
@media (min-width: 1400px) {
  .lg\:text-18 {
    font-size: 1.125rem;
  }
}
@media (min-width: 576px) {
  .sm\:text-20 {
    font-size: 1.25rem;
  }
}
@media (min-width: 992px) {
  .md\:text-20 {
    font-size: 1.25rem;
  }
}
@media (min-width: 1400px) {
  .lg\:text-20 {
    font-size: 1.25rem;
  }
}
@media (min-width: 576px) {
  .sm\:text-24 {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .md\:text-24 {
    font-size: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .lg\:text-24 {
    font-size: 1.5rem;
  }
}
@media (min-width: 576px) {
  .sm\:text-30 {
    font-size: 1.875rem;
  }
}
@media (min-width: 992px) {
  .md\:text-30 {
    font-size: 1.875rem;
  }
}
@media (min-width: 1400px) {
  .lg\:text-30 {
    font-size: 1.875rem;
  }
}
@media (min-width: 576px) {
  .sm\:text-36 {
    font-size: 2.25rem;
  }
}
@media (min-width: 992px) {
  .md\:text-36 {
    font-size: 2.25rem;
  }
}
@media (min-width: 1400px) {
  .lg\:text-36 {
    font-size: 2.25rem;
  }
}
@media (min-width: 576px) {
  .sm\:text-base {
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  .md\:text-base {
    font-size: 1rem;
  }
}
@media (min-width: 1400px) {
  .lg\:text-base {
    font-size: 1rem;
  }
}
@media (min-width: 576px) {
  .sm\:text-inherit {
    font-size: inherit;
  }
}
@media (min-width: 992px) {
  .md\:text-inherit {
    font-size: inherit;
  }
}
@media (min-width: 1400px) {
  .lg\:text-inherit {
    font-size: inherit;
  }
}
/* Spacers utility classes */
.p-0 {
  padding: 0;
}

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

.pr-0 {
  padding-right: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pl-0 {
  padding-left: 0;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.m-0 {
  margin: 0;
}

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

.mr-0 {
  margin-right: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .sm\:p-0 {
    padding: 0;
  }
  .sm\:pt-0 {
    padding-top: 0;
  }
  .sm\:pr-0 {
    padding-right: 0;
  }
  .sm\:pb-0 {
    padding-bottom: 0;
  }
  .sm\:pl-0 {
    padding-left: 0;
  }
  .sm\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .sm\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .sm\:m-0 {
    margin: 0;
  }
  .sm\:mt-0 {
    margin-top: 0;
  }
  .sm\:mr-0 {
    margin-right: 0;
  }
  .sm\:mb-0 {
    margin-bottom: 0;
  }
  .sm\:ml-0 {
    margin-left: 0;
  }
  .sm\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .sm\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .md\:p-0 {
    padding: 0;
  }
  .md\:pt-0 {
    padding-top: 0;
  }
  .md\:pr-0 {
    padding-right: 0;
  }
  .md\:pb-0 {
    padding-bottom: 0;
  }
  .md\:pl-0 {
    padding-left: 0;
  }
  .md\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .md\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .md\:m-0 {
    margin: 0;
  }
  .md\:mt-0 {
    margin-top: 0;
  }
  .md\:mr-0 {
    margin-right: 0;
  }
  .md\:mb-0 {
    margin-bottom: 0;
  }
  .md\:ml-0 {
    margin-left: 0;
  }
  .md\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .md\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1400px) {
  .lg\:p-0 {
    padding: 0;
  }
  .lg\:pt-0 {
    padding-top: 0;
  }
  .lg\:pr-0 {
    padding-right: 0;
  }
  .lg\:pb-0 {
    padding-bottom: 0;
  }
  .lg\:pl-0 {
    padding-left: 0;
  }
  .lg\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .lg\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .lg\:m-0 {
    margin: 0;
  }
  .lg\:mt-0 {
    margin-top: 0;
  }
  .lg\:mr-0 {
    margin-right: 0;
  }
  .lg\:mb-0 {
    margin-bottom: 0;
  }
  .lg\:ml-0 {
    margin-left: 0;
  }
  .lg\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .lg\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.p-1 {
  padding: 1px;
}

.pt-1 {
  padding-top: 1px;
}

.pr-1 {
  padding-right: 1px;
}

.pb-1 {
  padding-bottom: 1px;
}

.pl-1 {
  padding-left: 1px;
}

.px-1 {
  padding-left: 1px;
  padding-right: 1px;
}

.py-1 {
  padding-top: 1px;
  padding-bottom: 1px;
}

.m-1 {
  margin: 1px;
}

.mt-1 {
  margin-top: 1px;
}

.mr-1 {
  margin-right: 1px;
}

.mb-1 {
  margin-bottom: 1px;
}

.ml-1 {
  margin-left: 1px;
}

.mx-1 {
  margin-left: 1px;
  margin-right: 1px;
}

.my-1 {
  margin-top: 1px;
  margin-bottom: 1px;
}

@media (min-width: 576px) {
  .sm\:p-1 {
    padding: 1px;
  }
  .sm\:pt-1 {
    padding-top: 1px;
  }
  .sm\:pr-1 {
    padding-right: 1px;
  }
  .sm\:pb-1 {
    padding-bottom: 1px;
  }
  .sm\:pl-1 {
    padding-left: 1px;
  }
  .sm\:px-1 {
    padding-left: 1px;
    padding-right: 1px;
  }
  .sm\:py-1 {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .sm\:m-1 {
    margin: 1px;
  }
  .sm\:mt-1 {
    margin-top: 1px;
  }
  .sm\:mr-1 {
    margin-right: 1px;
  }
  .sm\:mb-1 {
    margin-bottom: 1px;
  }
  .sm\:ml-1 {
    margin-left: 1px;
  }
  .sm\:mx-1 {
    margin-left: 1px;
    margin-right: 1px;
  }
  .sm\:my-1 {
    margin-top: 1px;
    margin-bottom: 1px;
  }
}
@media (min-width: 992px) {
  .md\:p-1 {
    padding: 1px;
  }
  .md\:pt-1 {
    padding-top: 1px;
  }
  .md\:pr-1 {
    padding-right: 1px;
  }
  .md\:pb-1 {
    padding-bottom: 1px;
  }
  .md\:pl-1 {
    padding-left: 1px;
  }
  .md\:px-1 {
    padding-left: 1px;
    padding-right: 1px;
  }
  .md\:py-1 {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .md\:m-1 {
    margin: 1px;
  }
  .md\:mt-1 {
    margin-top: 1px;
  }
  .md\:mr-1 {
    margin-right: 1px;
  }
  .md\:mb-1 {
    margin-bottom: 1px;
  }
  .md\:ml-1 {
    margin-left: 1px;
  }
  .md\:mx-1 {
    margin-left: 1px;
    margin-right: 1px;
  }
  .md\:my-1 {
    margin-top: 1px;
    margin-bottom: 1px;
  }
}
@media (min-width: 1400px) {
  .lg\:p-1 {
    padding: 1px;
  }
  .lg\:pt-1 {
    padding-top: 1px;
  }
  .lg\:pr-1 {
    padding-right: 1px;
  }
  .lg\:pb-1 {
    padding-bottom: 1px;
  }
  .lg\:pl-1 {
    padding-left: 1px;
  }
  .lg\:px-1 {
    padding-left: 1px;
    padding-right: 1px;
  }
  .lg\:py-1 {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .lg\:m-1 {
    margin: 1px;
  }
  .lg\:mt-1 {
    margin-top: 1px;
  }
  .lg\:mr-1 {
    margin-right: 1px;
  }
  .lg\:mb-1 {
    margin-bottom: 1px;
  }
  .lg\:ml-1 {
    margin-left: 1px;
  }
  .lg\:mx-1 {
    margin-left: 1px;
    margin-right: 1px;
  }
  .lg\:my-1 {
    margin-top: 1px;
    margin-bottom: 1px;
  }
}
.p-2 {
  padding: 0.125rem;
}

.pt-2 {
  padding-top: 0.125rem;
}

.pr-2 {
  padding-right: 0.125rem;
}

.pb-2 {
  padding-bottom: 0.125rem;
}

.pl-2 {
  padding-left: 0.125rem;
}

.px-2 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.py-2 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.m-2 {
  margin: 0.125rem;
}

.mt-2 {
  margin-top: 0.125rem;
}

.mr-2 {
  margin-right: 0.125rem;
}

.mb-2 {
  margin-bottom: 0.125rem;
}

.ml-2 {
  margin-left: 0.125rem;
}

.mx-2 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.my-2 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

@media (min-width: 576px) {
  .sm\:p-2 {
    padding: 0.125rem;
  }
  .sm\:pt-2 {
    padding-top: 0.125rem;
  }
  .sm\:pr-2 {
    padding-right: 0.125rem;
  }
  .sm\:pb-2 {
    padding-bottom: 0.125rem;
  }
  .sm\:pl-2 {
    padding-left: 0.125rem;
  }
  .sm\:px-2 {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  .sm\:py-2 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  .sm\:m-2 {
    margin: 0.125rem;
  }
  .sm\:mt-2 {
    margin-top: 0.125rem;
  }
  .sm\:mr-2 {
    margin-right: 0.125rem;
  }
  .sm\:mb-2 {
    margin-bottom: 0.125rem;
  }
  .sm\:ml-2 {
    margin-left: 0.125rem;
  }
  .sm\:mx-2 {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  .sm\:my-2 {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
}
@media (min-width: 992px) {
  .md\:p-2 {
    padding: 0.125rem;
  }
  .md\:pt-2 {
    padding-top: 0.125rem;
  }
  .md\:pr-2 {
    padding-right: 0.125rem;
  }
  .md\:pb-2 {
    padding-bottom: 0.125rem;
  }
  .md\:pl-2 {
    padding-left: 0.125rem;
  }
  .md\:px-2 {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  .md\:py-2 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  .md\:m-2 {
    margin: 0.125rem;
  }
  .md\:mt-2 {
    margin-top: 0.125rem;
  }
  .md\:mr-2 {
    margin-right: 0.125rem;
  }
  .md\:mb-2 {
    margin-bottom: 0.125rem;
  }
  .md\:ml-2 {
    margin-left: 0.125rem;
  }
  .md\:mx-2 {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  .md\:my-2 {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
}
@media (min-width: 1400px) {
  .lg\:p-2 {
    padding: 0.125rem;
  }
  .lg\:pt-2 {
    padding-top: 0.125rem;
  }
  .lg\:pr-2 {
    padding-right: 0.125rem;
  }
  .lg\:pb-2 {
    padding-bottom: 0.125rem;
  }
  .lg\:pl-2 {
    padding-left: 0.125rem;
  }
  .lg\:px-2 {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  .lg\:py-2 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  .lg\:m-2 {
    margin: 0.125rem;
  }
  .lg\:mt-2 {
    margin-top: 0.125rem;
  }
  .lg\:mr-2 {
    margin-right: 0.125rem;
  }
  .lg\:mb-2 {
    margin-bottom: 0.125rem;
  }
  .lg\:ml-2 {
    margin-left: 0.125rem;
  }
  .lg\:mx-2 {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  .lg\:my-2 {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
}
.p-4 {
  padding: 0.25rem;
}

.pt-4 {
  padding-top: 0.25rem;
}

.pr-4 {
  padding-right: 0.25rem;
}

.pb-4 {
  padding-bottom: 0.25rem;
}

.pl-4 {
  padding-left: 0.25rem;
}

.px-4 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.py-4 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.m-4 {
  margin: 0.25rem;
}

.mt-4 {
  margin-top: 0.25rem;
}

.mr-4 {
  margin-right: 0.25rem;
}

.mb-4 {
  margin-bottom: 0.25rem;
}

.ml-4 {
  margin-left: 0.25rem;
}

.mx-4 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.my-4 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

@media (min-width: 576px) {
  .sm\:p-4 {
    padding: 0.25rem;
  }
  .sm\:pt-4 {
    padding-top: 0.25rem;
  }
  .sm\:pr-4 {
    padding-right: 0.25rem;
  }
  .sm\:pb-4 {
    padding-bottom: 0.25rem;
  }
  .sm\:pl-4 {
    padding-left: 0.25rem;
  }
  .sm\:px-4 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .sm\:py-4 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .sm\:m-4 {
    margin: 0.25rem;
  }
  .sm\:mt-4 {
    margin-top: 0.25rem;
  }
  .sm\:mr-4 {
    margin-right: 0.25rem;
  }
  .sm\:mb-4 {
    margin-bottom: 0.25rem;
  }
  .sm\:ml-4 {
    margin-left: 0.25rem;
  }
  .sm\:mx-4 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .sm\:my-4 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
}
@media (min-width: 992px) {
  .md\:p-4 {
    padding: 0.25rem;
  }
  .md\:pt-4 {
    padding-top: 0.25rem;
  }
  .md\:pr-4 {
    padding-right: 0.25rem;
  }
  .md\:pb-4 {
    padding-bottom: 0.25rem;
  }
  .md\:pl-4 {
    padding-left: 0.25rem;
  }
  .md\:px-4 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .md\:py-4 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .md\:m-4 {
    margin: 0.25rem;
  }
  .md\:mt-4 {
    margin-top: 0.25rem;
  }
  .md\:mr-4 {
    margin-right: 0.25rem;
  }
  .md\:mb-4 {
    margin-bottom: 0.25rem;
  }
  .md\:ml-4 {
    margin-left: 0.25rem;
  }
  .md\:mx-4 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .md\:my-4 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
}
@media (min-width: 1400px) {
  .lg\:p-4 {
    padding: 0.25rem;
  }
  .lg\:pt-4 {
    padding-top: 0.25rem;
  }
  .lg\:pr-4 {
    padding-right: 0.25rem;
  }
  .lg\:pb-4 {
    padding-bottom: 0.25rem;
  }
  .lg\:pl-4 {
    padding-left: 0.25rem;
  }
  .lg\:px-4 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .lg\:py-4 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .lg\:m-4 {
    margin: 0.25rem;
  }
  .lg\:mt-4 {
    margin-top: 0.25rem;
  }
  .lg\:mr-4 {
    margin-right: 0.25rem;
  }
  .lg\:mb-4 {
    margin-bottom: 0.25rem;
  }
  .lg\:ml-4 {
    margin-left: 0.25rem;
  }
  .lg\:mx-4 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .lg\:my-4 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
}
.p-8 {
  padding: 0.5rem;
}

.pt-8 {
  padding-top: 0.5rem;
}

.pr-8 {
  padding-right: 0.5rem;
}

.pb-8 {
  padding-bottom: 0.5rem;
}

.pl-8 {
  padding-left: 0.5rem;
}

.px-8 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-8 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.m-8 {
  margin: 0.5rem;
}

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

.mr-8 {
  margin-right: 0.5rem;
}

.mb-8 {
  margin-bottom: 0.5rem;
}

.ml-8 {
  margin-left: 0.5rem;
}

.mx-8 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my-8 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 576px) {
  .sm\:p-8 {
    padding: 0.5rem;
  }
  .sm\:pt-8 {
    padding-top: 0.5rem;
  }
  .sm\:pr-8 {
    padding-right: 0.5rem;
  }
  .sm\:pb-8 {
    padding-bottom: 0.5rem;
  }
  .sm\:pl-8 {
    padding-left: 0.5rem;
  }
  .sm\:px-8 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm\:py-8 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm\:m-8 {
    margin: 0.5rem;
  }
  .sm\:mt-8 {
    margin-top: 0.5rem;
  }
  .sm\:mr-8 {
    margin-right: 0.5rem;
  }
  .sm\:mb-8 {
    margin-bottom: 0.5rem;
  }
  .sm\:ml-8 {
    margin-left: 0.5rem;
  }
  .sm\:mx-8 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .sm\:my-8 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 992px) {
  .md\:p-8 {
    padding: 0.5rem;
  }
  .md\:pt-8 {
    padding-top: 0.5rem;
  }
  .md\:pr-8 {
    padding-right: 0.5rem;
  }
  .md\:pb-8 {
    padding-bottom: 0.5rem;
  }
  .md\:pl-8 {
    padding-left: 0.5rem;
  }
  .md\:px-8 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .md\:py-8 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .md\:m-8 {
    margin: 0.5rem;
  }
  .md\:mt-8 {
    margin-top: 0.5rem;
  }
  .md\:mr-8 {
    margin-right: 0.5rem;
  }
  .md\:mb-8 {
    margin-bottom: 0.5rem;
  }
  .md\:ml-8 {
    margin-left: 0.5rem;
  }
  .md\:mx-8 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .md\:my-8 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 1400px) {
  .lg\:p-8 {
    padding: 0.5rem;
  }
  .lg\:pt-8 {
    padding-top: 0.5rem;
  }
  .lg\:pr-8 {
    padding-right: 0.5rem;
  }
  .lg\:pb-8 {
    padding-bottom: 0.5rem;
  }
  .lg\:pl-8 {
    padding-left: 0.5rem;
  }
  .lg\:px-8 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .lg\:py-8 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .lg\:m-8 {
    margin: 0.5rem;
  }
  .lg\:mt-8 {
    margin-top: 0.5rem;
  }
  .lg\:mr-8 {
    margin-right: 0.5rem;
  }
  .lg\:mb-8 {
    margin-bottom: 0.5rem;
  }
  .lg\:ml-8 {
    margin-left: 0.5rem;
  }
  .lg\:mx-8 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .lg\:my-8 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.p-12 {
  padding: 0.75rem;
}

.pt-12 {
  padding-top: 0.75rem;
}

.pr-12 {
  padding-right: 0.75rem;
}

.pb-12 {
  padding-bottom: 0.75rem;
}

.pl-12 {
  padding-left: 0.75rem;
}

.px-12 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.m-12 {
  margin: 0.75rem;
}

.mt-12 {
  margin-top: 0.75rem;
}

.mr-12 {
  margin-right: 0.75rem;
}

.mb-12 {
  margin-bottom: 0.75rem;
}

.ml-12 {
  margin-left: 0.75rem;
}

.mx-12 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.my-12 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .sm\:p-12 {
    padding: 0.75rem;
  }
  .sm\:pt-12 {
    padding-top: 0.75rem;
  }
  .sm\:pr-12 {
    padding-right: 0.75rem;
  }
  .sm\:pb-12 {
    padding-bottom: 0.75rem;
  }
  .sm\:pl-12 {
    padding-left: 0.75rem;
  }
  .sm\:px-12 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .sm\:py-12 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .sm\:m-12 {
    margin: 0.75rem;
  }
  .sm\:mt-12 {
    margin-top: 0.75rem;
  }
  .sm\:mr-12 {
    margin-right: 0.75rem;
  }
  .sm\:mb-12 {
    margin-bottom: 0.75rem;
  }
  .sm\:ml-12 {
    margin-left: 0.75rem;
  }
  .sm\:mx-12 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .sm\:my-12 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 992px) {
  .md\:p-12 {
    padding: 0.75rem;
  }
  .md\:pt-12 {
    padding-top: 0.75rem;
  }
  .md\:pr-12 {
    padding-right: 0.75rem;
  }
  .md\:pb-12 {
    padding-bottom: 0.75rem;
  }
  .md\:pl-12 {
    padding-left: 0.75rem;
  }
  .md\:px-12 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .md\:py-12 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .md\:m-12 {
    margin: 0.75rem;
  }
  .md\:mt-12 {
    margin-top: 0.75rem;
  }
  .md\:mr-12 {
    margin-right: 0.75rem;
  }
  .md\:mb-12 {
    margin-bottom: 0.75rem;
  }
  .md\:ml-12 {
    margin-left: 0.75rem;
  }
  .md\:mx-12 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .md\:my-12 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1400px) {
  .lg\:p-12 {
    padding: 0.75rem;
  }
  .lg\:pt-12 {
    padding-top: 0.75rem;
  }
  .lg\:pr-12 {
    padding-right: 0.75rem;
  }
  .lg\:pb-12 {
    padding-bottom: 0.75rem;
  }
  .lg\:pl-12 {
    padding-left: 0.75rem;
  }
  .lg\:px-12 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .lg\:py-12 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .lg\:m-12 {
    margin: 0.75rem;
  }
  .lg\:mt-12 {
    margin-top: 0.75rem;
  }
  .lg\:mr-12 {
    margin-right: 0.75rem;
  }
  .lg\:mb-12 {
    margin-bottom: 0.75rem;
  }
  .lg\:ml-12 {
    margin-left: 0.75rem;
  }
  .lg\:mx-12 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .lg\:my-12 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
}
.p-16 {
  padding: 1rem;
}

.pt-16 {
  padding-top: 1rem;
}

.pr-16 {
  padding-right: 1rem;
}

.pb-16 {
  padding-bottom: 1rem;
}

.pl-16 {
  padding-left: 1rem;
}

.px-16 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-16 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.m-16 {
  margin: 1rem;
}

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

.mr-16 {
  margin-right: 1rem;
}

.mb-16 {
  margin-bottom: 1rem;
}

.ml-16 {
  margin-left: 1rem;
}

.mx-16 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-16 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

@media (min-width: 576px) {
  .sm\:p-16 {
    padding: 1rem;
  }
  .sm\:pt-16 {
    padding-top: 1rem;
  }
  .sm\:pr-16 {
    padding-right: 1rem;
  }
  .sm\:pb-16 {
    padding-bottom: 1rem;
  }
  .sm\:pl-16 {
    padding-left: 1rem;
  }
  .sm\:px-16 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:py-16 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .sm\:m-16 {
    margin: 1rem;
  }
  .sm\:mt-16 {
    margin-top: 1rem;
  }
  .sm\:mr-16 {
    margin-right: 1rem;
  }
  .sm\:mb-16 {
    margin-bottom: 1rem;
  }
  .sm\:ml-16 {
    margin-left: 1rem;
  }
  .sm\:mx-16 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .sm\:my-16 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 992px) {
  .md\:p-16 {
    padding: 1rem;
  }
  .md\:pt-16 {
    padding-top: 1rem;
  }
  .md\:pr-16 {
    padding-right: 1rem;
  }
  .md\:pb-16 {
    padding-bottom: 1rem;
  }
  .md\:pl-16 {
    padding-left: 1rem;
  }
  .md\:px-16 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:py-16 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .md\:m-16 {
    margin: 1rem;
  }
  .md\:mt-16 {
    margin-top: 1rem;
  }
  .md\:mr-16 {
    margin-right: 1rem;
  }
  .md\:mb-16 {
    margin-bottom: 1rem;
  }
  .md\:ml-16 {
    margin-left: 1rem;
  }
  .md\:mx-16 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .md\:my-16 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 1400px) {
  .lg\:p-16 {
    padding: 1rem;
  }
  .lg\:pt-16 {
    padding-top: 1rem;
  }
  .lg\:pr-16 {
    padding-right: 1rem;
  }
  .lg\:pb-16 {
    padding-bottom: 1rem;
  }
  .lg\:pl-16 {
    padding-left: 1rem;
  }
  .lg\:px-16 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg\:py-16 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .lg\:m-16 {
    margin: 1rem;
  }
  .lg\:mt-16 {
    margin-top: 1rem;
  }
  .lg\:mr-16 {
    margin-right: 1rem;
  }
  .lg\:mb-16 {
    margin-bottom: 1rem;
  }
  .lg\:ml-16 {
    margin-left: 1rem;
  }
  .lg\:mx-16 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .lg\:my-16 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
.p-20 {
  padding: 1.25rem;
}

.pt-20 {
  padding-top: 1.25rem;
}

.pr-20 {
  padding-right: 1.25rem;
}

.pb-20 {
  padding-bottom: 1.25rem;
}

.pl-20 {
  padding-left: 1.25rem;
}

.px-20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.m-20 {
  margin: 1.25rem;
}

.mt-20 {
  margin-top: 1.25rem;
}

.mr-20 {
  margin-right: 1.25rem;
}

.mb-20 {
  margin-bottom: 1.25rem;
}

.ml-20 {
  margin-left: 1.25rem;
}

.mx-20 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.my-20 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

@media (min-width: 576px) {
  .sm\:p-20 {
    padding: 1.25rem;
  }
  .sm\:pt-20 {
    padding-top: 1.25rem;
  }
  .sm\:pr-20 {
    padding-right: 1.25rem;
  }
  .sm\:pb-20 {
    padding-bottom: 1.25rem;
  }
  .sm\:pl-20 {
    padding-left: 1.25rem;
  }
  .sm\:px-20 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .sm\:py-20 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .sm\:m-20 {
    margin: 1.25rem;
  }
  .sm\:mt-20 {
    margin-top: 1.25rem;
  }
  .sm\:mr-20 {
    margin-right: 1.25rem;
  }
  .sm\:mb-20 {
    margin-bottom: 1.25rem;
  }
  .sm\:ml-20 {
    margin-left: 1.25rem;
  }
  .sm\:mx-20 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .sm\:my-20 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 992px) {
  .md\:p-20 {
    padding: 1.25rem;
  }
  .md\:pt-20 {
    padding-top: 1.25rem;
  }
  .md\:pr-20 {
    padding-right: 1.25rem;
  }
  .md\:pb-20 {
    padding-bottom: 1.25rem;
  }
  .md\:pl-20 {
    padding-left: 1.25rem;
  }
  .md\:px-20 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .md\:py-20 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .md\:m-20 {
    margin: 1.25rem;
  }
  .md\:mt-20 {
    margin-top: 1.25rem;
  }
  .md\:mr-20 {
    margin-right: 1.25rem;
  }
  .md\:mb-20 {
    margin-bottom: 1.25rem;
  }
  .md\:ml-20 {
    margin-left: 1.25rem;
  }
  .md\:mx-20 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .md\:my-20 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1400px) {
  .lg\:p-20 {
    padding: 1.25rem;
  }
  .lg\:pt-20 {
    padding-top: 1.25rem;
  }
  .lg\:pr-20 {
    padding-right: 1.25rem;
  }
  .lg\:pb-20 {
    padding-bottom: 1.25rem;
  }
  .lg\:pl-20 {
    padding-left: 1.25rem;
  }
  .lg\:px-20 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .lg\:py-20 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .lg\:m-20 {
    margin: 1.25rem;
  }
  .lg\:mt-20 {
    margin-top: 1.25rem;
  }
  .lg\:mr-20 {
    margin-right: 1.25rem;
  }
  .lg\:mb-20 {
    margin-bottom: 1.25rem;
  }
  .lg\:ml-20 {
    margin-left: 1.25rem;
  }
  .lg\:mx-20 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .lg\:my-20 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
.p-24 {
  padding: 1.5rem;
}

.pt-24 {
  padding-top: 1.5rem;
}

.pr-24 {
  padding-right: 1.5rem;
}

.pb-24 {
  padding-bottom: 1.5rem;
}

.pl-24 {
  padding-left: 1.5rem;
}

.px-24 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-24 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.m-24 {
  margin: 1.5rem;
}

.mt-24 {
  margin-top: 1.5rem;
}

.mr-24 {
  margin-right: 1.5rem;
}

.mb-24 {
  margin-bottom: 1.5rem;
}

.ml-24 {
  margin-left: 1.5rem;
}

.mx-24 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my-24 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

@media (min-width: 576px) {
  .sm\:p-24 {
    padding: 1.5rem;
  }
  .sm\:pt-24 {
    padding-top: 1.5rem;
  }
  .sm\:pr-24 {
    padding-right: 1.5rem;
  }
  .sm\:pb-24 {
    padding-bottom: 1.5rem;
  }
  .sm\:pl-24 {
    padding-left: 1.5rem;
  }
  .sm\:px-24 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:py-24 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .sm\:m-24 {
    margin: 1.5rem;
  }
  .sm\:mt-24 {
    margin-top: 1.5rem;
  }
  .sm\:mr-24 {
    margin-right: 1.5rem;
  }
  .sm\:mb-24 {
    margin-bottom: 1.5rem;
  }
  .sm\:ml-24 {
    margin-left: 1.5rem;
  }
  .sm\:mx-24 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .sm\:my-24 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 992px) {
  .md\:p-24 {
    padding: 1.5rem;
  }
  .md\:pt-24 {
    padding-top: 1.5rem;
  }
  .md\:pr-24 {
    padding-right: 1.5rem;
  }
  .md\:pb-24 {
    padding-bottom: 1.5rem;
  }
  .md\:pl-24 {
    padding-left: 1.5rem;
  }
  .md\:px-24 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:py-24 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .md\:m-24 {
    margin: 1.5rem;
  }
  .md\:mt-24 {
    margin-top: 1.5rem;
  }
  .md\:mr-24 {
    margin-right: 1.5rem;
  }
  .md\:mb-24 {
    margin-bottom: 1.5rem;
  }
  .md\:ml-24 {
    margin-left: 1.5rem;
  }
  .md\:mx-24 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .md\:my-24 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .lg\:p-24 {
    padding: 1.5rem;
  }
  .lg\:pt-24 {
    padding-top: 1.5rem;
  }
  .lg\:pr-24 {
    padding-right: 1.5rem;
  }
  .lg\:pb-24 {
    padding-bottom: 1.5rem;
  }
  .lg\:pl-24 {
    padding-left: 1.5rem;
  }
  .lg\:px-24 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lg\:py-24 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .lg\:m-24 {
    margin: 1.5rem;
  }
  .lg\:mt-24 {
    margin-top: 1.5rem;
  }
  .lg\:mr-24 {
    margin-right: 1.5rem;
  }
  .lg\:mb-24 {
    margin-bottom: 1.5rem;
  }
  .lg\:ml-24 {
    margin-left: 1.5rem;
  }
  .lg\:mx-24 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .lg\:my-24 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.p-36 {
  padding: 2.25rem;
}

.pt-36 {
  padding-top: 2.25rem;
}

.pr-36 {
  padding-right: 2.25rem;
}

.pb-36 {
  padding-bottom: 2.25rem;
}

.pl-36 {
  padding-left: 2.25rem;
}

.px-36 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.py-36 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.m-36 {
  margin: 2.25rem;
}

.mt-36 {
  margin-top: 2.25rem;
}

.mr-36 {
  margin-right: 2.25rem;
}

.mb-36 {
  margin-bottom: 2.25rem;
}

.ml-36 {
  margin-left: 2.25rem;
}

.mx-36 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}

.my-36 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

@media (min-width: 576px) {
  .sm\:p-36 {
    padding: 2.25rem;
  }
  .sm\:pt-36 {
    padding-top: 2.25rem;
  }
  .sm\:pr-36 {
    padding-right: 2.25rem;
  }
  .sm\:pb-36 {
    padding-bottom: 2.25rem;
  }
  .sm\:pl-36 {
    padding-left: 2.25rem;
  }
  .sm\:px-36 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
  .sm\:py-36 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
  .sm\:m-36 {
    margin: 2.25rem;
  }
  .sm\:mt-36 {
    margin-top: 2.25rem;
  }
  .sm\:mr-36 {
    margin-right: 2.25rem;
  }
  .sm\:mb-36 {
    margin-bottom: 2.25rem;
  }
  .sm\:ml-36 {
    margin-left: 2.25rem;
  }
  .sm\:mx-36 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }
  .sm\:my-36 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }
}
@media (min-width: 992px) {
  .md\:p-36 {
    padding: 2.25rem;
  }
  .md\:pt-36 {
    padding-top: 2.25rem;
  }
  .md\:pr-36 {
    padding-right: 2.25rem;
  }
  .md\:pb-36 {
    padding-bottom: 2.25rem;
  }
  .md\:pl-36 {
    padding-left: 2.25rem;
  }
  .md\:px-36 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
  .md\:py-36 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
  .md\:m-36 {
    margin: 2.25rem;
  }
  .md\:mt-36 {
    margin-top: 2.25rem;
  }
  .md\:mr-36 {
    margin-right: 2.25rem;
  }
  .md\:mb-36 {
    margin-bottom: 2.25rem;
  }
  .md\:ml-36 {
    margin-left: 2.25rem;
  }
  .md\:mx-36 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }
  .md\:my-36 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }
}
@media (min-width: 1400px) {
  .lg\:p-36 {
    padding: 2.25rem;
  }
  .lg\:pt-36 {
    padding-top: 2.25rem;
  }
  .lg\:pr-36 {
    padding-right: 2.25rem;
  }
  .lg\:pb-36 {
    padding-bottom: 2.25rem;
  }
  .lg\:pl-36 {
    padding-left: 2.25rem;
  }
  .lg\:px-36 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
  .lg\:py-36 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
  .lg\:m-36 {
    margin: 2.25rem;
  }
  .lg\:mt-36 {
    margin-top: 2.25rem;
  }
  .lg\:mr-36 {
    margin-right: 2.25rem;
  }
  .lg\:mb-36 {
    margin-bottom: 2.25rem;
  }
  .lg\:ml-36 {
    margin-left: 2.25rem;
  }
  .lg\:mx-36 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }
  .lg\:my-36 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }
}
.p-40 {
  padding: 3rem;
}

.pt-40 {
  padding-top: 3rem;
}

.pr-40 {
  padding-right: 3rem;
}

.pb-40 {
  padding-bottom: 3rem;
}

.pl-40 {
  padding-left: 3rem;
}

.px-40 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.py-40 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.m-40 {
  margin: 3rem;
}

.mt-40 {
  margin-top: 3rem;
}

.mr-40 {
  margin-right: 3rem;
}

.mb-40 {
  margin-bottom: 3rem;
}

.ml-40 {
  margin-left: 3rem;
}

.mx-40 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-40 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

@media (min-width: 576px) {
  .sm\:p-40 {
    padding: 3rem;
  }
  .sm\:pt-40 {
    padding-top: 3rem;
  }
  .sm\:pr-40 {
    padding-right: 3rem;
  }
  .sm\:pb-40 {
    padding-bottom: 3rem;
  }
  .sm\:pl-40 {
    padding-left: 3rem;
  }
  .sm\:px-40 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .sm\:py-40 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .sm\:m-40 {
    margin: 3rem;
  }
  .sm\:mt-40 {
    margin-top: 3rem;
  }
  .sm\:mr-40 {
    margin-right: 3rem;
  }
  .sm\:mb-40 {
    margin-bottom: 3rem;
  }
  .sm\:ml-40 {
    margin-left: 3rem;
  }
  .sm\:mx-40 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .sm\:my-40 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 992px) {
  .md\:p-40 {
    padding: 3rem;
  }
  .md\:pt-40 {
    padding-top: 3rem;
  }
  .md\:pr-40 {
    padding-right: 3rem;
  }
  .md\:pb-40 {
    padding-bottom: 3rem;
  }
  .md\:pl-40 {
    padding-left: 3rem;
  }
  .md\:px-40 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .md\:py-40 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .md\:m-40 {
    margin: 3rem;
  }
  .md\:mt-40 {
    margin-top: 3rem;
  }
  .md\:mr-40 {
    margin-right: 3rem;
  }
  .md\:mb-40 {
    margin-bottom: 3rem;
  }
  .md\:ml-40 {
    margin-left: 3rem;
  }
  .md\:mx-40 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .md\:my-40 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 1400px) {
  .lg\:p-40 {
    padding: 3rem;
  }
  .lg\:pt-40 {
    padding-top: 3rem;
  }
  .lg\:pr-40 {
    padding-right: 3rem;
  }
  .lg\:pb-40 {
    padding-bottom: 3rem;
  }
  .lg\:pl-40 {
    padding-left: 3rem;
  }
  .lg\:px-40 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .lg\:py-40 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .lg\:m-40 {
    margin: 3rem;
  }
  .lg\:mt-40 {
    margin-top: 3rem;
  }
  .lg\:mr-40 {
    margin-right: 3rem;
  }
  .lg\:mb-40 {
    margin-bottom: 3rem;
  }
  .lg\:ml-40 {
    margin-left: 3rem;
  }
  .lg\:mx-40 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .lg\:my-40 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
.p-auto {
  padding: auto;
}

.pt-auto {
  padding-top: auto;
}

.pr-auto {
  padding-right: auto;
}

.pb-auto {
  padding-bottom: auto;
}

.pl-auto {
  padding-left: auto;
}

.px-auto {
  padding-left: auto;
  padding-right: auto;
}

.py-auto {
  padding-top: auto;
  padding-bottom: auto;
}

.m-auto {
  margin: auto;
}

.mt-auto {
  margin-top: auto;
}

.mr-auto {
  margin-right: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.ml-auto {
  margin-left: auto;
}

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

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

@media (min-width: 576px) {
  .sm\:p-auto {
    padding: auto;
  }
  .sm\:pt-auto {
    padding-top: auto;
  }
  .sm\:pr-auto {
    padding-right: auto;
  }
  .sm\:pb-auto {
    padding-bottom: auto;
  }
  .sm\:pl-auto {
    padding-left: auto;
  }
  .sm\:px-auto {
    padding-left: auto;
    padding-right: auto;
  }
  .sm\:py-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
  .sm\:m-auto {
    margin: auto;
  }
  .sm\:mt-auto {
    margin-top: auto;
  }
  .sm\:mr-auto {
    margin-right: auto;
  }
  .sm\:mb-auto {
    margin-bottom: auto;
  }
  .sm\:ml-auto {
    margin-left: auto;
  }
  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .sm\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media (min-width: 992px) {
  .md\:p-auto {
    padding: auto;
  }
  .md\:pt-auto {
    padding-top: auto;
  }
  .md\:pr-auto {
    padding-right: auto;
  }
  .md\:pb-auto {
    padding-bottom: auto;
  }
  .md\:pl-auto {
    padding-left: auto;
  }
  .md\:px-auto {
    padding-left: auto;
    padding-right: auto;
  }
  .md\:py-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
  .md\:m-auto {
    margin: auto;
  }
  .md\:mt-auto {
    margin-top: auto;
  }
  .md\:mr-auto {
    margin-right: auto;
  }
  .md\:mb-auto {
    margin-bottom: auto;
  }
  .md\:ml-auto {
    margin-left: auto;
  }
  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media (min-width: 1400px) {
  .lg\:p-auto {
    padding: auto;
  }
  .lg\:pt-auto {
    padding-top: auto;
  }
  .lg\:pr-auto {
    padding-right: auto;
  }
  .lg\:pb-auto {
    padding-bottom: auto;
  }
  .lg\:pl-auto {
    padding-left: auto;
  }
  .lg\:px-auto {
    padding-left: auto;
    padding-right: auto;
  }
  .lg\:py-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
  .lg\:m-auto {
    margin: auto;
  }
  .lg\:mt-auto {
    margin-top: auto;
  }
  .lg\:mr-auto {
    margin-right: auto;
  }
  .lg\:mb-auto {
    margin-bottom: auto;
  }
  .lg\:ml-auto {
    margin-left: auto;
  }
  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
}
/* -------------------------------------------------- */
/* ==Grillade : système de micro-grille  de KNACSS   */
/* ------------------------------------------------ */
.grid {
  display: -ms-grid;
  display: grid;
}

@media (min-width: 576px) {
  .sm\:grid {
    display: -ms-grid;
    display: grid;
  }
}
@media (min-width: 992px) {
  .md\:grid {
    display: -ms-grid;
    display: grid;
  }
}
@media (min-width: 1400px) {
  .lg\:grid {
    display: -ms-grid;
    display: grid;
  }
}
/* grid-template-columns initialisation */
.grid-cols-1 {
  -ms-grid-columns: (minmax(0, 1fr))[1];
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  -ms-grid-columns: (minmax(0, 1fr))[2];
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  -ms-grid-columns: (minmax(0, 1fr))[3];
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  -ms-grid-columns: (minmax(0, 1fr))[4];
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
  -ms-grid-columns: (minmax(0, 1fr))[5];
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
  -ms-grid-columns: (minmax(0, 1fr))[6];
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
  -ms-grid-columns: (minmax(0, 1fr))[7];
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8 {
  -ms-grid-columns: (minmax(0, 1fr))[8];
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

/* grid-template-columns au sein des breakpoints */
@media (min-width: 576px) {
  .sm\:grid-cols-1 {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .sm\:grid-cols-2 {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3 {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:grid-cols-4 {
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:grid-cols-5 {
    -ms-grid-columns: (minmax(0, 1fr))[5];
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .sm\:grid-cols-6 {
    -ms-grid-columns: (minmax(0, 1fr))[6];
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .sm\:grid-cols-7 {
    -ms-grid-columns: (minmax(0, 1fr))[7];
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .sm\:grid-cols-8 {
    -ms-grid-columns: (minmax(0, 1fr))[8];
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .md\:grid-cols-1 {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .md\:grid-cols-2 {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4 {
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-5 {
    -ms-grid-columns: (minmax(0, 1fr))[5];
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:grid-cols-6 {
    -ms-grid-columns: (minmax(0, 1fr))[6];
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:grid-cols-7 {
    -ms-grid-columns: (minmax(0, 1fr))[7];
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .md\:grid-cols-8 {
    -ms-grid-columns: (minmax(0, 1fr))[8];
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
@media (min-width: 1400px) {
  .lg\:grid-cols-1 {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .lg\:grid-cols-2 {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-5 {
    -ms-grid-columns: (minmax(0, 1fr))[5];
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:grid-cols-6 {
    -ms-grid-columns: (minmax(0, 1fr))[6];
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:grid-cols-7 {
    -ms-grid-columns: (minmax(0, 1fr))[7];
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .lg\:grid-cols-8 {
    -ms-grid-columns: (minmax(0, 1fr))[8];
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
/* gap initialisation */
.gap-0 {
  gap: 0;
}

.gap-x-0 {
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}

.gap-y-0 {
  row-gap: 0;
}

.gap-5 {
  gap: 0.313rem;
}

.gap-x-5 {
  -webkit-column-gap: 0.313rem;
     -moz-column-gap: 0.313rem;
          column-gap: 0.313rem;
}

.gap-y-5 {
  row-gap: 0.313rem;
}

.gap-10 {
  gap: 0.625rem;
}

.gap-x-10 {
  -webkit-column-gap: 0.625rem;
     -moz-column-gap: 0.625rem;
          column-gap: 0.625rem;
}

.gap-y-10 {
  row-gap: 0.625rem;
}

.gap-16 {
  gap: 1rem;
}

.gap-x-16 {
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}

.gap-y-16 {
  row-gap: 1rem;
}

.gap-20 {
  gap: 1.25rem;
}

.gap-x-20 {
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
}

.gap-y-20 {
  row-gap: 1.25rem;
}

.gap-36 {
  gap: 2.25rem;
}

.gap-x-36 {
  -webkit-column-gap: 2.25rem;
     -moz-column-gap: 2.25rem;
          column-gap: 2.25rem;
}

.gap-y-36 {
  row-gap: 2.25rem;
}

.gap-40 {
  gap: 3rem;
}

.gap-x-40 {
  -webkit-column-gap: 3rem;
     -moz-column-gap: 3rem;
          column-gap: 3rem;
}

.gap-y-40 {
  row-gap: 3rem;
}

/* gap au sein des breakpoints */
@media (min-width: 576px) {
  .sm\:gap-0 {
    gap: 0;
  }
  .sm\:gap-x-0 {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }
  .sm\:gap-y-0 {
    row-gap: 0;
  }
  .sm\:gap-5 {
    gap: 0.313rem;
  }
  .sm\:gap-x-5 {
    -webkit-column-gap: 0.313rem;
       -moz-column-gap: 0.313rem;
            column-gap: 0.313rem;
  }
  .sm\:gap-y-5 {
    row-gap: 0.313rem;
  }
  .sm\:gap-10 {
    gap: 0.625rem;
  }
  .sm\:gap-x-10 {
    -webkit-column-gap: 0.625rem;
       -moz-column-gap: 0.625rem;
            column-gap: 0.625rem;
  }
  .sm\:gap-y-10 {
    row-gap: 0.625rem;
  }
  .sm\:gap-16 {
    gap: 1rem;
  }
  .sm\:gap-x-16 {
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }
  .sm\:gap-y-16 {
    row-gap: 1rem;
  }
  .sm\:gap-20 {
    gap: 1.25rem;
  }
  .sm\:gap-x-20 {
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }
  .sm\:gap-y-20 {
    row-gap: 1.25rem;
  }
  .sm\:gap-36 {
    gap: 2.25rem;
  }
  .sm\:gap-x-36 {
    -webkit-column-gap: 2.25rem;
       -moz-column-gap: 2.25rem;
            column-gap: 2.25rem;
  }
  .sm\:gap-y-36 {
    row-gap: 2.25rem;
  }
  .sm\:gap-40 {
    gap: 3rem;
  }
  .sm\:gap-x-40 {
    -webkit-column-gap: 3rem;
       -moz-column-gap: 3rem;
            column-gap: 3rem;
  }
  .sm\:gap-y-40 {
    row-gap: 3rem;
  }
}
@media (min-width: 992px) {
  .md\:gap-0 {
    gap: 0;
  }
  .md\:gap-x-0 {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }
  .md\:gap-y-0 {
    row-gap: 0;
  }
  .md\:gap-5 {
    gap: 0.313rem;
  }
  .md\:gap-x-5 {
    -webkit-column-gap: 0.313rem;
       -moz-column-gap: 0.313rem;
            column-gap: 0.313rem;
  }
  .md\:gap-y-5 {
    row-gap: 0.313rem;
  }
  .md\:gap-10 {
    gap: 0.625rem;
  }
  .md\:gap-x-10 {
    -webkit-column-gap: 0.625rem;
       -moz-column-gap: 0.625rem;
            column-gap: 0.625rem;
  }
  .md\:gap-y-10 {
    row-gap: 0.625rem;
  }
  .md\:gap-16 {
    gap: 1rem;
  }
  .md\:gap-x-16 {
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }
  .md\:gap-y-16 {
    row-gap: 1rem;
  }
  .md\:gap-20 {
    gap: 1.25rem;
  }
  .md\:gap-x-20 {
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }
  .md\:gap-y-20 {
    row-gap: 1.25rem;
  }
  .md\:gap-36 {
    gap: 2.25rem;
  }
  .md\:gap-x-36 {
    -webkit-column-gap: 2.25rem;
       -moz-column-gap: 2.25rem;
            column-gap: 2.25rem;
  }
  .md\:gap-y-36 {
    row-gap: 2.25rem;
  }
  .md\:gap-40 {
    gap: 3rem;
  }
  .md\:gap-x-40 {
    -webkit-column-gap: 3rem;
       -moz-column-gap: 3rem;
            column-gap: 3rem;
  }
  .md\:gap-y-40 {
    row-gap: 3rem;
  }
}
@media (min-width: 1400px) {
  .lg\:gap-0 {
    gap: 0;
  }
  .lg\:gap-x-0 {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }
  .lg\:gap-y-0 {
    row-gap: 0;
  }
  .lg\:gap-5 {
    gap: 0.313rem;
  }
  .lg\:gap-x-5 {
    -webkit-column-gap: 0.313rem;
       -moz-column-gap: 0.313rem;
            column-gap: 0.313rem;
  }
  .lg\:gap-y-5 {
    row-gap: 0.313rem;
  }
  .lg\:gap-10 {
    gap: 0.625rem;
  }
  .lg\:gap-x-10 {
    -webkit-column-gap: 0.625rem;
       -moz-column-gap: 0.625rem;
            column-gap: 0.625rem;
  }
  .lg\:gap-y-10 {
    row-gap: 0.625rem;
  }
  .lg\:gap-16 {
    gap: 1rem;
  }
  .lg\:gap-x-16 {
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }
  .lg\:gap-y-16 {
    row-gap: 1rem;
  }
  .lg\:gap-20 {
    gap: 1.25rem;
  }
  .lg\:gap-x-20 {
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }
  .lg\:gap-y-20 {
    row-gap: 1.25rem;
  }
  .lg\:gap-36 {
    gap: 2.25rem;
  }
  .lg\:gap-x-36 {
    -webkit-column-gap: 2.25rem;
       -moz-column-gap: 2.25rem;
            column-gap: 2.25rem;
  }
  .lg\:gap-y-36 {
    row-gap: 2.25rem;
  }
  .lg\:gap-40 {
    gap: 3rem;
  }
  .lg\:gap-x-40 {
    -webkit-column-gap: 3rem;
       -moz-column-gap: 3rem;
            column-gap: 3rem;
  }
  .lg\:gap-y-40 {
    row-gap: 3rem;
  }
}
/* grid-items initialisation */
.col-start-1 {
  -ms-grid-column: 1;
      grid-column-start: 1;
}

.col-end-1 {
  -ms-grid-column-span: 1;
  grid-column-end: 1;
}

.col-span-1 {
  -ms-grid-column-span: 1;
  grid-column: span 1/span 1;
}

.col-span-full {
  grid-column: 1/-1;
}

.row-start-1 {
  -ms-grid-row: 1;
      grid-row-start: 1;
}

.row-end-1 {
  -ms-grid-row-span: 1;
  grid-row-end: 1;
}

.row-span-1 {
  -ms-grid-row-span: 1;
  grid-row: span 1/span 1;
}

.col-start-2 {
  -ms-grid-column: 2;
      grid-column-start: 2;
}

.col-end-2 {
  -ms-grid-column-span: 2;
  grid-column-end: 2;
}

.col-span-2 {
  -ms-grid-column-span: 2;
  grid-column: span 2/span 2;
}

.col-span-full {
  grid-column: 1/-1;
}

.row-start-2 {
  -ms-grid-row: 2;
      grid-row-start: 2;
}

.row-end-2 {
  -ms-grid-row-span: 2;
  grid-row-end: 2;
}

.row-span-2 {
  -ms-grid-row-span: 2;
  grid-row: span 2/span 2;
}

.col-start-3 {
  -ms-grid-column: 3;
      grid-column-start: 3;
}

.col-end-3 {
  -ms-grid-column-span: 3;
  grid-column-end: 3;
}

.col-span-3 {
  -ms-grid-column-span: 3;
  grid-column: span 3/span 3;
}

.col-span-full {
  grid-column: 1/-1;
}

.row-start-3 {
  -ms-grid-row: 3;
      grid-row-start: 3;
}

.row-end-3 {
  -ms-grid-row-span: 3;
  grid-row-end: 3;
}

.row-span-3 {
  -ms-grid-row-span: 3;
  grid-row: span 3/span 3;
}

.col-start-4 {
  -ms-grid-column: 4;
      grid-column-start: 4;
}

.col-end-4 {
  -ms-grid-column-span: 4;
  grid-column-end: 4;
}

.col-span-4 {
  -ms-grid-column-span: 4;
  grid-column: span 4/span 4;
}

.col-span-full {
  grid-column: 1/-1;
}

.row-start-4 {
  -ms-grid-row: 4;
      grid-row-start: 4;
}

.row-end-4 {
  -ms-grid-row-span: 4;
  grid-row-end: 4;
}

.row-span-4 {
  -ms-grid-row-span: 4;
  grid-row: span 4/span 4;
}

.col-start-5 {
  -ms-grid-column: 5;
      grid-column-start: 5;
}

.col-end-5 {
  -ms-grid-column-span: 5;
  grid-column-end: 5;
}

.col-span-5 {
  -ms-grid-column-span: 5;
  grid-column: span 5/span 5;
}

.col-span-full {
  grid-column: 1/-1;
}

.row-start-5 {
  -ms-grid-row: 5;
      grid-row-start: 5;
}

.row-end-5 {
  -ms-grid-row-span: 5;
  grid-row-end: 5;
}

.row-span-5 {
  -ms-grid-row-span: 5;
  grid-row: span 5/span 5;
}

.col-start-6 {
  -ms-grid-column: 6;
      grid-column-start: 6;
}

.col-end-6 {
  -ms-grid-column-span: 6;
  grid-column-end: 6;
}

.col-span-6 {
  -ms-grid-column-span: 6;
  grid-column: span 6/span 6;
}

.col-span-full {
  grid-column: 1/-1;
}

.row-start-6 {
  -ms-grid-row: 6;
      grid-row-start: 6;
}

.row-end-6 {
  -ms-grid-row-span: 6;
  grid-row-end: 6;
}

.row-span-6 {
  -ms-grid-row-span: 6;
  grid-row: span 6/span 6;
}

.col-start-7 {
  -ms-grid-column: 7;
      grid-column-start: 7;
}

.col-end-7 {
  -ms-grid-column-span: 7;
  grid-column-end: 7;
}

.col-span-7 {
  -ms-grid-column-span: 7;
  grid-column: span 7/span 7;
}

.col-span-full {
  grid-column: 1/-1;
}

.row-start-7 {
  -ms-grid-row: 7;
      grid-row-start: 7;
}

.row-end-7 {
  -ms-grid-row-span: 7;
  grid-row-end: 7;
}

.row-span-7 {
  -ms-grid-row-span: 7;
  grid-row: span 7/span 7;
}

.col-start-8 {
  -ms-grid-column: 8;
      grid-column-start: 8;
}

.col-end-8 {
  -ms-grid-column-span: 8;
  grid-column-end: 8;
}

.col-span-8 {
  -ms-grid-column-span: 8;
  grid-column: span 8/span 8;
}

.col-span-full {
  grid-column: 1/-1;
}

.row-start-8 {
  -ms-grid-row: 8;
      grid-row-start: 8;
}

.row-end-8 {
  -ms-grid-row-span: 8;
  grid-row-end: 8;
}

.row-span-8 {
  -ms-grid-row-span: 8;
  grid-row: span 8/span 8;
}

/* grid-items au sein des breakpoints */
@media (min-width: 576px) {
  .sm\:col-start-1 {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  .sm\:col-end-1 {
    -ms-grid-column-span: 1;
    grid-column-end: 1;
  }
  .sm\:col-span-1 {
    -ms-grid-column-span: 1;
    grid-column: span 1/span 1;
  }
  .sm\:col-span-full {
    grid-column: 1/-1;
  }
  .sm\:row-start-1 {
    -ms-grid-row: 1;
        grid-row-start: 1;
  }
  .sm\:row-end-1 {
    -ms-grid-row-span: 1;
    grid-row-end: 1;
  }
  .sm\:row-span-1 {
    -ms-grid-row-span: 1;
    grid-row: span 1/span 1;
  }
  .sm\:col-start-2 {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
  .sm\:col-end-2 {
    -ms-grid-column-span: 2;
    grid-column-end: 2;
  }
  .sm\:col-span-2 {
    -ms-grid-column-span: 2;
    grid-column: span 2/span 2;
  }
  .sm\:col-span-full {
    grid-column: 1/-1;
  }
  .sm\:row-start-2 {
    -ms-grid-row: 2;
        grid-row-start: 2;
  }
  .sm\:row-end-2 {
    -ms-grid-row-span: 2;
    grid-row-end: 2;
  }
  .sm\:row-span-2 {
    -ms-grid-row-span: 2;
    grid-row: span 2/span 2;
  }
  .sm\:col-start-3 {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
  .sm\:col-end-3 {
    -ms-grid-column-span: 3;
    grid-column-end: 3;
  }
  .sm\:col-span-3 {
    -ms-grid-column-span: 3;
    grid-column: span 3/span 3;
  }
  .sm\:col-span-full {
    grid-column: 1/-1;
  }
  .sm\:row-start-3 {
    -ms-grid-row: 3;
        grid-row-start: 3;
  }
  .sm\:row-end-3 {
    -ms-grid-row-span: 3;
    grid-row-end: 3;
  }
  .sm\:row-span-3 {
    -ms-grid-row-span: 3;
    grid-row: span 3/span 3;
  }
  .sm\:col-start-4 {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
  .sm\:col-end-4 {
    -ms-grid-column-span: 4;
    grid-column-end: 4;
  }
  .sm\:col-span-4 {
    -ms-grid-column-span: 4;
    grid-column: span 4/span 4;
  }
  .sm\:col-span-full {
    grid-column: 1/-1;
  }
  .sm\:row-start-4 {
    -ms-grid-row: 4;
        grid-row-start: 4;
  }
  .sm\:row-end-4 {
    -ms-grid-row-span: 4;
    grid-row-end: 4;
  }
  .sm\:row-span-4 {
    -ms-grid-row-span: 4;
    grid-row: span 4/span 4;
  }
  .sm\:col-start-5 {
    -ms-grid-column: 5;
        grid-column-start: 5;
  }
  .sm\:col-end-5 {
    -ms-grid-column-span: 5;
    grid-column-end: 5;
  }
  .sm\:col-span-5 {
    -ms-grid-column-span: 5;
    grid-column: span 5/span 5;
  }
  .sm\:col-span-full {
    grid-column: 1/-1;
  }
  .sm\:row-start-5 {
    -ms-grid-row: 5;
        grid-row-start: 5;
  }
  .sm\:row-end-5 {
    -ms-grid-row-span: 5;
    grid-row-end: 5;
  }
  .sm\:row-span-5 {
    -ms-grid-row-span: 5;
    grid-row: span 5/span 5;
  }
  .sm\:col-start-6 {
    -ms-grid-column: 6;
        grid-column-start: 6;
  }
  .sm\:col-end-6 {
    -ms-grid-column-span: 6;
    grid-column-end: 6;
  }
  .sm\:col-span-6 {
    -ms-grid-column-span: 6;
    grid-column: span 6/span 6;
  }
  .sm\:col-span-full {
    grid-column: 1/-1;
  }
  .sm\:row-start-6 {
    -ms-grid-row: 6;
        grid-row-start: 6;
  }
  .sm\:row-end-6 {
    -ms-grid-row-span: 6;
    grid-row-end: 6;
  }
  .sm\:row-span-6 {
    -ms-grid-row-span: 6;
    grid-row: span 6/span 6;
  }
  .sm\:col-start-7 {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
  .sm\:col-end-7 {
    -ms-grid-column-span: 7;
    grid-column-end: 7;
  }
  .sm\:col-span-7 {
    -ms-grid-column-span: 7;
    grid-column: span 7/span 7;
  }
  .sm\:col-span-full {
    grid-column: 1/-1;
  }
  .sm\:row-start-7 {
    -ms-grid-row: 7;
        grid-row-start: 7;
  }
  .sm\:row-end-7 {
    -ms-grid-row-span: 7;
    grid-row-end: 7;
  }
  .sm\:row-span-7 {
    -ms-grid-row-span: 7;
    grid-row: span 7/span 7;
  }
  .sm\:col-start-8 {
    -ms-grid-column: 8;
        grid-column-start: 8;
  }
  .sm\:col-end-8 {
    -ms-grid-column-span: 8;
    grid-column-end: 8;
  }
  .sm\:col-span-8 {
    -ms-grid-column-span: 8;
    grid-column: span 8/span 8;
  }
  .sm\:col-span-full {
    grid-column: 1/-1;
  }
  .sm\:row-start-8 {
    -ms-grid-row: 8;
        grid-row-start: 8;
  }
  .sm\:row-end-8 {
    -ms-grid-row-span: 8;
    grid-row-end: 8;
  }
  .sm\:row-span-8 {
    -ms-grid-row-span: 8;
    grid-row: span 8/span 8;
  }
}
@media (min-width: 992px) {
  .md\:col-start-1 {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  .md\:col-end-1 {
    -ms-grid-column-span: 1;
    grid-column-end: 1;
  }
  .md\:col-span-1 {
    -ms-grid-column-span: 1;
    grid-column: span 1/span 1;
  }
  .md\:col-span-full {
    grid-column: 1/-1;
  }
  .md\:row-start-1 {
    -ms-grid-row: 1;
        grid-row-start: 1;
  }
  .md\:row-end-1 {
    -ms-grid-row-span: 1;
    grid-row-end: 1;
  }
  .md\:row-span-1 {
    -ms-grid-row-span: 1;
    grid-row: span 1/span 1;
  }
  .md\:col-start-2 {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
  .md\:col-end-2 {
    -ms-grid-column-span: 2;
    grid-column-end: 2;
  }
  .md\:col-span-2 {
    -ms-grid-column-span: 2;
    grid-column: span 2/span 2;
  }
  .md\:col-span-full {
    grid-column: 1/-1;
  }
  .md\:row-start-2 {
    -ms-grid-row: 2;
        grid-row-start: 2;
  }
  .md\:row-end-2 {
    -ms-grid-row-span: 2;
    grid-row-end: 2;
  }
  .md\:row-span-2 {
    -ms-grid-row-span: 2;
    grid-row: span 2/span 2;
  }
  .md\:col-start-3 {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
  .md\:col-end-3 {
    -ms-grid-column-span: 3;
    grid-column-end: 3;
  }
  .md\:col-span-3 {
    -ms-grid-column-span: 3;
    grid-column: span 3/span 3;
  }
  .md\:col-span-full {
    grid-column: 1/-1;
  }
  .md\:row-start-3 {
    -ms-grid-row: 3;
        grid-row-start: 3;
  }
  .md\:row-end-3 {
    -ms-grid-row-span: 3;
    grid-row-end: 3;
  }
  .md\:row-span-3 {
    -ms-grid-row-span: 3;
    grid-row: span 3/span 3;
  }
  .md\:col-start-4 {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
  .md\:col-end-4 {
    -ms-grid-column-span: 4;
    grid-column-end: 4;
  }
  .md\:col-span-4 {
    -ms-grid-column-span: 4;
    grid-column: span 4/span 4;
  }
  .md\:col-span-full {
    grid-column: 1/-1;
  }
  .md\:row-start-4 {
    -ms-grid-row: 4;
        grid-row-start: 4;
  }
  .md\:row-end-4 {
    -ms-grid-row-span: 4;
    grid-row-end: 4;
  }
  .md\:row-span-4 {
    -ms-grid-row-span: 4;
    grid-row: span 4/span 4;
  }
  .md\:col-start-5 {
    -ms-grid-column: 5;
        grid-column-start: 5;
  }
  .md\:col-end-5 {
    -ms-grid-column-span: 5;
    grid-column-end: 5;
  }
  .md\:col-span-5 {
    -ms-grid-column-span: 5;
    grid-column: span 5/span 5;
  }
  .md\:col-span-full {
    grid-column: 1/-1;
  }
  .md\:row-start-5 {
    -ms-grid-row: 5;
        grid-row-start: 5;
  }
  .md\:row-end-5 {
    -ms-grid-row-span: 5;
    grid-row-end: 5;
  }
  .md\:row-span-5 {
    -ms-grid-row-span: 5;
    grid-row: span 5/span 5;
  }
  .md\:col-start-6 {
    -ms-grid-column: 6;
        grid-column-start: 6;
  }
  .md\:col-end-6 {
    -ms-grid-column-span: 6;
    grid-column-end: 6;
  }
  .md\:col-span-6 {
    -ms-grid-column-span: 6;
    grid-column: span 6/span 6;
  }
  .md\:col-span-full {
    grid-column: 1/-1;
  }
  .md\:row-start-6 {
    -ms-grid-row: 6;
        grid-row-start: 6;
  }
  .md\:row-end-6 {
    -ms-grid-row-span: 6;
    grid-row-end: 6;
  }
  .md\:row-span-6 {
    -ms-grid-row-span: 6;
    grid-row: span 6/span 6;
  }
  .md\:col-start-7 {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
  .md\:col-end-7 {
    -ms-grid-column-span: 7;
    grid-column-end: 7;
  }
  .md\:col-span-7 {
    -ms-grid-column-span: 7;
    grid-column: span 7/span 7;
  }
  .md\:col-span-full {
    grid-column: 1/-1;
  }
  .md\:row-start-7 {
    -ms-grid-row: 7;
        grid-row-start: 7;
  }
  .md\:row-end-7 {
    -ms-grid-row-span: 7;
    grid-row-end: 7;
  }
  .md\:row-span-7 {
    -ms-grid-row-span: 7;
    grid-row: span 7/span 7;
  }
  .md\:col-start-8 {
    -ms-grid-column: 8;
        grid-column-start: 8;
  }
  .md\:col-end-8 {
    -ms-grid-column-span: 8;
    grid-column-end: 8;
  }
  .md\:col-span-8 {
    -ms-grid-column-span: 8;
    grid-column: span 8/span 8;
  }
  .md\:col-span-full {
    grid-column: 1/-1;
  }
  .md\:row-start-8 {
    -ms-grid-row: 8;
        grid-row-start: 8;
  }
  .md\:row-end-8 {
    -ms-grid-row-span: 8;
    grid-row-end: 8;
  }
  .md\:row-span-8 {
    -ms-grid-row-span: 8;
    grid-row: span 8/span 8;
  }
}
@media (min-width: 1400px) {
  .lg\:col-start-1 {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  .lg\:col-end-1 {
    -ms-grid-column-span: 1;
    grid-column-end: 1;
  }
  .lg\:col-span-1 {
    -ms-grid-column-span: 1;
    grid-column: span 1/span 1;
  }
  .lg\:col-span-full {
    grid-column: 1/-1;
  }
  .lg\:row-start-1 {
    -ms-grid-row: 1;
        grid-row-start: 1;
  }
  .lg\:row-end-1 {
    -ms-grid-row-span: 1;
    grid-row-end: 1;
  }
  .lg\:row-span-1 {
    -ms-grid-row-span: 1;
    grid-row: span 1/span 1;
  }
  .lg\:col-start-2 {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
  .lg\:col-end-2 {
    -ms-grid-column-span: 2;
    grid-column-end: 2;
  }
  .lg\:col-span-2 {
    -ms-grid-column-span: 2;
    grid-column: span 2/span 2;
  }
  .lg\:col-span-full {
    grid-column: 1/-1;
  }
  .lg\:row-start-2 {
    -ms-grid-row: 2;
        grid-row-start: 2;
  }
  .lg\:row-end-2 {
    -ms-grid-row-span: 2;
    grid-row-end: 2;
  }
  .lg\:row-span-2 {
    -ms-grid-row-span: 2;
    grid-row: span 2/span 2;
  }
  .lg\:col-start-3 {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
  .lg\:col-end-3 {
    -ms-grid-column-span: 3;
    grid-column-end: 3;
  }
  .lg\:col-span-3 {
    -ms-grid-column-span: 3;
    grid-column: span 3/span 3;
  }
  .lg\:col-span-full {
    grid-column: 1/-1;
  }
  .lg\:row-start-3 {
    -ms-grid-row: 3;
        grid-row-start: 3;
  }
  .lg\:row-end-3 {
    -ms-grid-row-span: 3;
    grid-row-end: 3;
  }
  .lg\:row-span-3 {
    -ms-grid-row-span: 3;
    grid-row: span 3/span 3;
  }
  .lg\:col-start-4 {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
  .lg\:col-end-4 {
    -ms-grid-column-span: 4;
    grid-column-end: 4;
  }
  .lg\:col-span-4 {
    -ms-grid-column-span: 4;
    grid-column: span 4/span 4;
  }
  .lg\:col-span-full {
    grid-column: 1/-1;
  }
  .lg\:row-start-4 {
    -ms-grid-row: 4;
        grid-row-start: 4;
  }
  .lg\:row-end-4 {
    -ms-grid-row-span: 4;
    grid-row-end: 4;
  }
  .lg\:row-span-4 {
    -ms-grid-row-span: 4;
    grid-row: span 4/span 4;
  }
  .lg\:col-start-5 {
    -ms-grid-column: 5;
        grid-column-start: 5;
  }
  .lg\:col-end-5 {
    -ms-grid-column-span: 5;
    grid-column-end: 5;
  }
  .lg\:col-span-5 {
    -ms-grid-column-span: 5;
    grid-column: span 5/span 5;
  }
  .lg\:col-span-full {
    grid-column: 1/-1;
  }
  .lg\:row-start-5 {
    -ms-grid-row: 5;
        grid-row-start: 5;
  }
  .lg\:row-end-5 {
    -ms-grid-row-span: 5;
    grid-row-end: 5;
  }
  .lg\:row-span-5 {
    -ms-grid-row-span: 5;
    grid-row: span 5/span 5;
  }
  .lg\:col-start-6 {
    -ms-grid-column: 6;
        grid-column-start: 6;
  }
  .lg\:col-end-6 {
    -ms-grid-column-span: 6;
    grid-column-end: 6;
  }
  .lg\:col-span-6 {
    -ms-grid-column-span: 6;
    grid-column: span 6/span 6;
  }
  .lg\:col-span-full {
    grid-column: 1/-1;
  }
  .lg\:row-start-6 {
    -ms-grid-row: 6;
        grid-row-start: 6;
  }
  .lg\:row-end-6 {
    -ms-grid-row-span: 6;
    grid-row-end: 6;
  }
  .lg\:row-span-6 {
    -ms-grid-row-span: 6;
    grid-row: span 6/span 6;
  }
  .lg\:col-start-7 {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
  .lg\:col-end-7 {
    -ms-grid-column-span: 7;
    grid-column-end: 7;
  }
  .lg\:col-span-7 {
    -ms-grid-column-span: 7;
    grid-column: span 7/span 7;
  }
  .lg\:col-span-full {
    grid-column: 1/-1;
  }
  .lg\:row-start-7 {
    -ms-grid-row: 7;
        grid-row-start: 7;
  }
  .lg\:row-end-7 {
    -ms-grid-row-span: 7;
    grid-row-end: 7;
  }
  .lg\:row-span-7 {
    -ms-grid-row-span: 7;
    grid-row: span 7/span 7;
  }
  .lg\:col-start-8 {
    -ms-grid-column: 8;
        grid-column-start: 8;
  }
  .lg\:col-end-8 {
    -ms-grid-column-span: 8;
    grid-column-end: 8;
  }
  .lg\:col-span-8 {
    -ms-grid-column-span: 8;
    grid-column: span 8/span 8;
  }
  .lg\:col-span-full {
    grid-column: 1/-1;
  }
  .lg\:row-start-8 {
    -ms-grid-row: 8;
        grid-row-start: 8;
  }
  .lg\:row-end-8 {
    -ms-grid-row-span: 8;
    grid-row-end: 8;
  }
  .lg\:row-span-8 {
    -ms-grid-row-span: 8;
    grid-row: span 8/span 8;
  }
}
/*
 * component nav "burger" button
 */
/*
 * HTML template example:
 * <button class="burger-button" type="button" role="button" aria-label="open/close navigation"><i></i></button>
 * activate it with a JS toggle-class to .is-active
 * see doc : https: //www.knacss.com/doc.html#buttons
 */
/*
 * burger variables (you can change them)
 */
/*
 * burger button styles
 */
.burger-button {
  padding: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 0;
  border: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.burger-button > * {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 1.08rem;
  width: 1.8rem;
  padding: 0;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(#fff, #fff);
  background-position: center;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-size: 100% 1px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  -webkit-transition-property: background, -webkit-transform;
  transition-property: background, -webkit-transform;
  transition-property: transform, background;
  transition-property: transform, background, -webkit-transform;
  will-change: transform, background;
}

.burger-button > *::before,
.burger-button > *::after {
  content: "";
  height: 1px;
  background: #fff;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, -webkit-transform;
  transition-property: transform, top;
  transition-property: transform, top, -webkit-transform;
  will-change: transform, top;
}

.burger-button:hover > * {
  background-color: transparent;
}

.burger-button:focus {
  outline: 0;
}

.burger-button.is-active > * {
  background-image: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.burger-button.is-active > *::before {
  -webkit-transform: translateY(50%) rotate3d(0, 0, 1, 45deg);
          transform: translateY(50%) rotate3d(0, 0, 1, 45deg);
}

.burger-button.is-active > *::after {
  -webkit-transform: translateY(-50%) rotate3d(0, 0, 1, -45deg);
          transform: translateY(-50%) rotate3d(0, 0, 1, -45deg);
}

.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  -webkit-transition-property: visibility, opacity, -webkit-transform;
  transition-property: visibility, opacity, -webkit-transform;
  transition-property: transform, visibility, opacity;
  transition-property: transform, visibility, opacity, -webkit-transform;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  -webkit-transform-origin: center top;
          transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  -webkit-transform-origin: center left;
          transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  -webkit-transform-origin: center right;
          transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
  -webkit-transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
          transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
} /**
 * Swiper 10.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 8, 2023
 */
@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;
}
:root {
  --swiper-theme-color:#007aff;
}

: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;
  overflow: clip;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
          transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.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 {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -ms-scroll-snap-type: none;
      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: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          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 {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          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 {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          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);
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  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: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  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: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  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;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          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-button-next, .swiper-button-prev {
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg, .swiper-button-prev svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  -webkit-transform: rotate(180deg);
          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;
}

.swiper-button-next:after, .swiper-button-prev: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";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
          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;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
          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;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-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-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.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%;
  -webkit-transform: translateX(-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 {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.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%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-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-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  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;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  -ms-touch-action: none;
      touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
          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;
  -webkit-filter: blur(50px);
          filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.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, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.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;
}

.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, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.selectize-control.plugin-drag_drop.multi > .selectize-input.dragging {
  overflow: visible;
}

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #fff;
          box-shadow: inset 0 0 12px 4px #fff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-control .selectize-dropdown-header {
  position: relative;
  padding: 10px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 3px 3px 0 0;
}

.selectize-control .selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}

.selectize-control .selectize-dropdown-header-close:hover {
  color: #000;
}

.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  min-width: 0;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button .item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 0 !important;
}

.selectize-control.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 6px;
  border-left: 1px solid #0073bb;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 6px;
}

.selectize-control.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button .item.active .remove {
  border-left-color: #00578d;
}

.selectize-control.plugin-remove_button .disabled .item .remove:hover {
  background: none;
}

.selectize-control.plugin-remove_button .disabled .item .remove {
  border-left-color: #aaa;
}

.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}

.selectize-control.plugin-clear_button .clear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  height: 100%;
  width: 25px;
  top: 0;
  right: 2px;
  color: #000;
  opacity: 0.4;
  font-weight: bold;
  border: none;
  cursor: pointer;
  z-index: 1;
  font-size: 21px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.selectize-control.plugin-clear_button .clear:hover {
  opacity: 1;
}

.selectize-control.plugin-clear_button.single .clear {
  right: calc(2px + 1.5rem);
}

.selectize-control {
  position: relative;
}

.selectize-dropdown, .selectize-input, .selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  font-smoothing: inherit;
}

.selectize-input, .selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}

.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 5px 8px 2px;
}

.selectize-input.full {
  background-color: #fff;
}

.selectize-input.disabled, .selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
  border-radius: 3px 3px 0 0;
}

.selectize-input > * {
  vertical-align: baseline;
  display: inline-block;
  zoom: 1;
}

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #1da7ee;
  color: #fff;
  border: 1px solid #0073bb;
}

.selectize-control.multi .selectize-input > div.active {
  background: #92c836;
  color: #fff;
  border: 1px solid #00578d;
}

.selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active {
  color: #fff;
  background: #d2d2d2;
  border: 1px solid #aaa;
}

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.selectize-input > input::-ms-clear {
  display: none;
}

.selectize-input > input:focus {
  outline: none !important;
}

.selectize-input > input[placeholder] {
  -webkit-box-sizing: initial;
          box-sizing: initial;
}

.selectize-input.has-items > input {
  margin: 0 0px !important;
}

.selectize-input::after {
  content: " ";
  display: block;
  clear: left;
}

.selectize-input.dropdown-active::before {
  content: " ";
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.selectize-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}

.selectize-dropdown .option, .selectize-dropdown .optgroup-header, .selectize-dropdown .no-results, .selectize-dropdown .create {
  padding: 5px 8px;
}

.selectize-dropdown .option, .selectize-dropdown [data-disabled], .selectize-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}

.selectize-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}

.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}

.selectize-dropdown .active.create {
  color: #495c68;
}

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  overflow-scrolling: touch;
}

.selectize-dropdown-emptyoptionlabel {
  text-align: center;
}

.selectize-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px 8px;
}

.selectize-dropdown .spinner:after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 rgba(0, 0, 0, 0) #d0d0d0 rgba(0, 0, 0, 0);
  -webkit-animation: lds-dual-ring 1.2s linear infinite;
          animation: lds-dual-ring 1.2s linear infinite;
}

@-webkit-keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: gray rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) gray rgba(0, 0, 0, 0);
}

.selectize-control.rtl {
  text-align: right;
}

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}

.selectize-control.multi .selectize-input.has-items {
  padding-left: 5px;
  padding-right: 5px;
}

.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.selectize-control.multi .selectize-input.disabled [data-value], .selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #e6e6e6;
}

.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  background: none;
}

.selectize-control.multi .selectize-input [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  border-radius: 3px;
  background-color: #1b9dec;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1da7ee), to(#178ee9));
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}

.selectize-control.multi .selectize-input [data-value].active {
  background-color: #0085d4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#008fd8), to(#0075cf));
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
}

.selectize-control.single .selectize-input {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  background-color: #f9f9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f2f2f2));
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
}

.selectize-control.single .selectize-input, .selectize-dropdown.single {
  border-color: #b8b8b8;
}

.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-weight: bold;
  font-size: 0.85em;
}

.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}

.selectize-dropdown .optgroup:first-child {
  border-top: 0 none;
}

.carousel {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

.carousel.is-draggable {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.carousel.is-dragging {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.carousel__viewport {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
}

.carousel__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.carousel__slide {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: var(--carousel-slide-width, 60%);
  max-width: 100%;
  padding: 1rem;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

.has-dots {
  margin-bottom: calc(0.5rem + 22px);
}

.carousel__dots {
  margin: 0 auto;
  padding: 0;
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.carousel__dots .carousel__dot {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  width: 22px;
  height: 22px;
  cursor: pointer;
}

.carousel__dots .carousel__dot:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: currentColor;
  opacity: 0.25;
  -webkit-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}

.carousel__dots .carousel__dot.is-selected:after {
  opacity: 1;
}

.carousel__button {
  width: var(--carousel-button-width, 48px);
  height: var(--carousel-button-height, 48px);
  padding: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: all;
  cursor: pointer;
  color: var(--carousel-button-color, currentColor);
  background: var(--carousel-button-bg, transparent);
  border-radius: var(--carousel-button-border-radius, 50%);
  -webkit-box-shadow: var(--carousel-button-shadow, none);
          box-shadow: var(--carousel-button-shadow, none);
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}

.carousel__button.is-prev, .carousel__button.is-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.carousel__button.is-prev {
  left: 10px;
}

.carousel__button.is-next {
  right: 10px;
}

.carousel__button[disabled] {
  cursor: default;
  opacity: 0.3;
}

.carousel__button svg {
  width: var(--carousel-button-svg-width, 50%);
  height: var(--carousel-button-svg-height, 50%);
  fill: none;
  stroke: currentColor;
  stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
  stroke-linejoin: bevel;
  stroke-linecap: round;
  -webkit-filter: var(--carousel-button-svg-filter, none);
          filter: var(--carousel-button-svg-filter, none);
  pointer-events: none;
}

html.with-fancybox {
  scroll-behavior: auto;
}

body.compensate-for-scrollbar {
  overflow: hidden !important;
  -ms-touch-action: none;
      touch-action: none;
}

.fancybox__container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  margin: 0;
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: var(--fancybox-color, #fff);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
  z-index: 1050;
  outline: none;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  --carousel-button-width: 48px;
  --carousel-button-height: 48px;
  --carousel-button-svg-width: 24px;
  --carousel-button-svg-height: 24px;
  --carousel-button-svg-stroke-width: 2.5;
  --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
}

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

.fancybox__container :focus {
  outline: none;
}

body:not(.is-using-mouse) .fancybox__container :focus {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
          box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
}

@media all and (min-width: 1024px) {
  .fancybox__container {
    --carousel-button-width:48px;
    --carousel-button-height:48px;
    --carousel-button-svg-width:27px;
    --carousel-button-svg-height:27px;
  }
}
.fancybox__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--fancybox-bg, rgba(24, 24, 27, 0.92));
}

.fancybox__carousel {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  z-index: 10;
}

.fancybox__carousel.has-dots {
  margin-bottom: calc(0.5rem + 22px);
}

.fancybox__viewport {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
  cursor: default;
}

.fancybox__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.fancybox__slide {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 48px 8px 8px 8px;
  position: relative;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  outline: 0;
  overflow: auto;
  --carousel-button-width: 36px;
  --carousel-button-height: 36px;
  --carousel-button-svg-width: 22px;
  --carousel-button-svg-height: 22px;
}

.fancybox__slide::before, .fancybox__slide::after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0px;
          flex: 0 0 0;
  margin: auto;
}

@media all and (min-width: 1024px) {
  .fancybox__slide {
    padding: 64px 100px;
  }
}
.fancybox__content {
  margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
  padding: 36px;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  position: relative;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 20;
}

.fancybox__content :focus:not(.carousel__button.is-close) {
  outline: thin dotted;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.fancybox__caption {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  max-width: 100%;
  margin: 0;
  padding: 1rem 0 0 0;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  visibility: visible;
  cursor: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow-wrap: anywhere;
}

.is-loading .fancybox__caption {
  visibility: hidden;
}

.fancybox__container > .carousel__dots {
  top: 100%;
  color: var(--fancybox-color, #fff);
}

.fancybox__nav .carousel__button {
  z-index: 40;
}

.fancybox__nav .carousel__button.is-next {
  right: 8px;
}

@media all and (min-width: 1024px) {
  .fancybox__nav .carousel__button.is-next {
    right: 40px;
  }
}
.fancybox__nav .carousel__button.is-prev {
  left: 8px;
}

@media all and (min-width: 1024px) {
  .fancybox__nav .carousel__button.is-prev {
    left: 40px;
  }
}
.carousel__button.is-close {
  position: absolute;
  top: 8px;
  right: 8px;
  top: calc(env(safe-area-inset-top, 0px) + 8px);
  right: calc(env(safe-area-inset-right, 0px) + 8px);
  z-index: 40;
}

@media all and (min-width: 1024px) {
  .carousel__button.is-close {
    right: 40px;
  }
}
.fancybox__content > .carousel__button.is-close {
  position: absolute;
  top: -40px;
  right: 0;
  color: var(--fancybox-color, #fff);
}

.fancybox__no-click, .fancybox__no-click button {
  pointer-events: none;
}

.fancybox__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  color: var(--fancybox-color, currentColor);
}

.fancybox__slide .fancybox__spinner {
  cursor: pointer;
  z-index: 1053;
}

.fancybox__spinner svg {
  -webkit-animation: fancybox-rotate 2s linear infinite;
          animation: fancybox-rotate 2s linear infinite;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}

.fancybox__spinner svg circle {
  fill: none;
  stroke-width: 2.75;
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: fancybox-dash 1.5s ease-in-out infinite;
          animation: fancybox-dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: currentColor;
}

@-webkit-keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes fancybox-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes fancybox-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
.fancybox__backdrop, .fancybox__caption, .fancybox__nav, .carousel__dots, .carousel__button.is-close {
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden=false] .fancybox__caption, .fancybox__container.is-animated[aria-hidden=false] .fancybox__nav, .fancybox__container.is-animated[aria-hidden=false] .carousel__dots, .fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
  -webkit-animation: 0.15s ease backwards fancybox-fadeIn;
          animation: 0.15s ease backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .carousel__button.is-close {
  -webkit-animation: 0.15s ease both fancybox-fadeOut;
          animation: 0.15s ease both fancybox-fadeOut;
}

.fancybox-fadeIn {
  -webkit-animation: 0.15s ease both fancybox-fadeIn;
          animation: 0.15s ease both fancybox-fadeIn;
}

.fancybox-fadeOut {
  -webkit-animation: 0.1s ease both fancybox-fadeOut;
          animation: 0.1s ease both fancybox-fadeOut;
}

.fancybox-zoomInUp {
  -webkit-animation: 0.2s ease both fancybox-zoomInUp;
          animation: 0.2s ease both fancybox-zoomInUp;
}

.fancybox-zoomOutDown {
  -webkit-animation: 0.15s ease both fancybox-zoomOutDown;
          animation: 0.15s ease both fancybox-zoomOutDown;
}

.fancybox-throwOutUp {
  -webkit-animation: 0.15s ease both fancybox-throwOutUp;
          animation: 0.15s ease both fancybox-throwOutUp;
}

.fancybox-throwOutDown {
  -webkit-animation: 0.15s ease both fancybox-throwOutDown;
          animation: 0.15s ease both fancybox-throwOutDown;
}

@-webkit-keyframes fancybox-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fancybox-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fancybox-fadeOut {
  to {
    opacity: 0;
  }
}
@keyframes fancybox-fadeOut {
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fancybox-zoomInUp {
  from {
    -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
            transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fancybox-zoomInUp {
  from {
    -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
            transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fancybox-zoomOutDown {
  to {
    -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
            transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0;
  }
}
@keyframes fancybox-zoomOutDown {
  to {
    -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
            transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fancybox-throwOutUp {
  to {
    -webkit-transform: translate3d(0, -30%, 0);
            transform: translate3d(0, -30%, 0);
    opacity: 0;
  }
}
@keyframes fancybox-throwOutUp {
  to {
    -webkit-transform: translate3d(0, -30%, 0);
            transform: translate3d(0, -30%, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fancybox-throwOutDown {
  to {
    -webkit-transform: translate3d(0, 30%, 0);
            transform: translate3d(0, 30%, 0);
    opacity: 0;
  }
}
@keyframes fancybox-throwOutDown {
  to {
    -webkit-transform: translate3d(0, 30%, 0);
            transform: translate3d(0, 30%, 0);
    opacity: 0;
  }
}
.fancybox__carousel .carousel__slide {
  scrollbar-width: thin;
  scrollbar-color: #ccc rgba(255, 255, 255, 0.1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}

.fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox__carousel.is-dragging .fancybox__slide, .fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox__carousel .fancybox__slide .fancybox__content {
  cursor: auto;
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox__image {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: none;
  transition: none;
}

.has-image .fancybox__content {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  min-height: 1px;
}

.is-closing .has-image .fancybox__content {
  overflow: visible;
}

.has-image[data-image-fit=contain] {
  overflow: visible;
  -ms-touch-action: none;
      touch-action: none;
}

.has-image[data-image-fit=contain] .fancybox__content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.has-image[data-image-fit=contain] .fancybox__image {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.has-image[data-image-fit=contain-w] {
  overflow-x: hidden;
  overflow-y: auto;
}

.has-image[data-image-fit=contain-w] .fancybox__content {
  min-height: auto;
}

.has-image[data-image-fit=contain-w] .fancybox__image {
  max-width: 100%;
  height: auto;
}

.has-image[data-image-fit=cover] {
  overflow: visible;
  -ms-touch-action: none;
      touch-action: none;
}

.has-image[data-image-fit=cover] .fancybox__content {
  width: 100%;
  height: 100%;
}

.has-image[data-image-fit=cover] .fancybox__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  max-width: 100%;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  min-height: 1px;
  overflow: visible;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
  width: 100%;
  height: 80%;
}

.fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%;
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, 0.9);
  color: #fff;
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
  background: #e5e3df;
}

.fancybox__html5video, .fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0);
}

.fancybox-placeholder {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.fancybox__thumbs {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  padding: 0px 3px;
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
  -webkit-animation: 0.15s ease-in backwards fancybox-fadeIn;
          animation: 0.15s ease-in backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
  opacity: 0;
}

.fancybox__thumbs .carousel__slide {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: var(--fancybox-thumbs-width, 96px);
  margin: 0;
  padding: 8px 3px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: visible;
  cursor: pointer;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-width: 5px;
  border-style: solid;
  border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
  opacity: 0;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
  border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
  opacity: 0.92;
}

.fancybox__thumbs .carousel__slide > * {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.fancybox__thumb {
  position: relative;
  width: 100%;
  padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));
  background-size: cover;
  background-position: center center;
  background-color: rgba(255, 255, 255, 0.1);
  background-repeat: no-repeat;
  border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

.fancybox__toolbar {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  background: -webkit-gradient(linear, left bottom, left top, from(hsla(0deg, 0%, 0%, 0)), color-stop(8.1%, hsla(0deg, 0%, 0%, 0.006)), color-stop(15.5%, hsla(0deg, 0%, 0%, 0.021)), color-stop(22.5%, hsla(0deg, 0%, 0%, 0.046)), color-stop(29%, hsla(0deg, 0%, 0%, 0.077)), color-stop(35.3%, hsla(0deg, 0%, 0%, 0.114)), color-stop(41.2%, hsla(0deg, 0%, 0%, 0.155)), color-stop(47.1%, hsla(0deg, 0%, 0%, 0.198)), color-stop(52.9%, hsla(0deg, 0%, 0%, 0.242)), color-stop(58.8%, hsla(0deg, 0%, 0%, 0.285)), color-stop(64.7%, hsla(0deg, 0%, 0%, 0.326)), color-stop(71%, hsla(0deg, 0%, 0%, 0.363)), color-stop(77.5%, hsla(0deg, 0%, 0%, 0.394)), color-stop(84.5%, hsla(0deg, 0%, 0%, 0.419)), color-stop(91.9%, hsla(0deg, 0%, 0%, 0.434)), to(hsla(0deg, 0%, 0%, 0.44)));
  background: linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);
  padding: 0;
  -ms-touch-action: none;
      touch-action: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  --carousel-button-svg-width: 20px;
  --carousel-button-svg-height: 20px;
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4));
}

@media all and (min-width: 1024px) {
  .fancybox__toolbar {
    padding: 8px;
  }
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
  -webkit-animation: 0.15s ease-in backwards fancybox-fadeIn;
          animation: 0.15s ease-in backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
  opacity: 0;
}

.fancybox__toolbar__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

.fancybox__toolbar__items--center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

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

@media (max-width: 640px) {
  .fancybox__toolbar__items--center:not(:last-child) {
    display: none;
  }
}
.fancybox__counter {
  min-width: 72px;
  padding: 0 10px;
  line-height: var(--carousel-button-height, 48px);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox__progress {
  background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0;
          transform-origin: 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  z-index: 30;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.fancybox__container:-webkit-full-screen::backdrop {
  opacity: 0;
}

.fancybox__container:-ms-fullscreen::backdrop {
  opacity: 0;
}

.fancybox__container:fullscreen::-webkit-backdrop {
  opacity: 0;
}

.fancybox__container:fullscreen::backdrop {
  opacity: 0;
}

.fancybox__button--fullscreen g:nth-child(2) {
  display: none;
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(1) {
  display: none;
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(1) {
  display: none;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
  display: none;
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2) {
  display: block;
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(2) {
  display: block;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
  display: block;
}

.fancybox__button--slideshow g:nth-child(2) {
  display: none;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
  display: none;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
  display: block;
} /*!
 * 
 * Super simple wysiwyg editor v0.8.18
 * https://summernote.org
 * 
 * 
 * Copyright 2013- Alan Hong. and other contributors
 * summernote may be freely distributed under the MIT license.
 * 
 * Date: 2020-05-20T18:09Z
 * 
 */
@font-face {
  font-family: "summernote";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url(font/summernote.eot);
  src: url(font/summernote.eot?#iefix) format("embedded-opentype"), url(font/summernote.woff2) format("woff2"), url(font/summernote.woff) format("woff"), url(font/summernote.ttf) format("truetype");
}
[class^=note-icon]:before, [class*=" note-icon"]:before {
  display: inline-block;
  font-family: summernote;
  font-style: normal;
  font-size: inherit;
  text-decoration: inherit;
  text-rendering: auto;
  text-transform: none;
  vertical-align: middle;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  speak: none;
}

.note-icon-fw {
  text-align: center;
  width: 1.25em;
}

.note-icon-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.note-icon-pull-left {
  float: left;
}

.note-icon-pull-right {
  float: right;
}

.note-icon.note-icon-pull-left {
  margin-right: 0.3em;
}

.note-icon.note-icon-pull-right {
  margin-left: 0.3em;
}

.note-icon-align::before {
  content: "\ea01";
}

.note-icon-align-center::before {
  content: "\ea02";
}

.note-icon-align-indent::before {
  content: "\ea03";
}

.note-icon-align-justify::before {
  content: "\ea04";
}

.note-icon-align-left::before {
  content: "\ea05";
}

.note-icon-align-outdent::before {
  content: "\ea06";
}

.note-icon-align-right::before {
  content: "\ea07";
}

.note-icon-arrow-circle-down::before {
  content: "\ea08";
}

.note-icon-arrow-circle-left::before {
  content: "\ea09";
}

.note-icon-arrow-circle-right::before {
  content: "\ea0a";
}

.note-icon-arrow-circle-up::before {
  content: "\ea0b";
}

.note-icon-arrows-alt::before {
  content: "\ea0c";
}

.note-icon-arrows-h::before {
  content: "\ea0d";
}

.note-icon-arrows-v::before {
  content: "\ea0e";
}

.note-icon-bold::before {
  content: "\ea0f";
}

.note-icon-caret::before {
  content: "\ea10";
}

.note-icon-chain-broken::before {
  content: "\ea11";
}

.note-icon-circle::before {
  content: "\ea12";
}

.note-icon-close::before {
  content: "\ea13";
}

.note-icon-code::before {
  content: "\ea14";
}

.note-icon-col-after::before {
  content: "\ea15";
}

.note-icon-col-before::before {
  content: "\ea16";
}

.note-icon-col-remove::before {
  content: "\ea17";
}

.note-icon-eraser::before {
  content: "\ea18";
}

.note-icon-float-left::before {
  content: "\ea19";
}

.note-icon-float-none::before {
  content: "\ea1a";
}

.note-icon-float-right::before {
  content: "\ea1b";
}

.note-icon-font::before {
  content: "\ea1c";
}

.note-icon-frame::before {
  content: "\ea1d";
}

.note-icon-italic::before {
  content: "\ea1e";
}

.note-icon-link::before {
  content: "\ea1f";
}

.note-icon-magic::before {
  content: "\ea20";
}

.note-icon-menu-check::before {
  content: "\ea21";
}

.note-icon-minus::before {
  content: "\ea22";
}

.note-icon-orderedlist::before {
  content: "\ea23";
}

.note-icon-pencil::before {
  content: "\ea24";
}

.note-icon-picture::before {
  content: "\ea25";
}

.note-icon-question::before {
  content: "\ea26";
}

.note-icon-redo::before {
  content: "\ea27";
}

.note-icon-rollback::before {
  content: "\ea28";
}

.note-icon-row-above::before {
  content: "\ea29";
}

.note-icon-row-below::before {
  content: "\ea2a";
}

.note-icon-row-remove::before {
  content: "\ea2b";
}

.note-icon-special-character::before {
  content: "\ea2c";
}

.note-icon-square::before {
  content: "\ea2d";
}

.note-icon-strikethrough::before {
  content: "\ea2e";
}

.note-icon-subscript::before {
  content: "\ea2f";
}

.note-icon-summernote::before {
  content: "\ea30";
}

.note-icon-superscript::before {
  content: "\ea31";
}

.note-icon-table::before {
  content: "\ea32";
}

.note-icon-text-height::before {
  content: "\ea33";
}

.note-icon-trash::before {
  content: "\ea34";
}

.note-icon-underline::before {
  content: "\ea35";
}

.note-icon-undo::before {
  content: "\ea36";
}

.note-icon-unorderedlist::before {
  content: "\ea37";
}

.note-icon-video::before {
  content: "\ea38";
}

.note-frame {
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #000;
  font-family: sans-serif;
  border-radius: 4px;
}

.note-toolbar {
  padding: 10px 5px;
  border-bottom: 1px solid #e2e2e2;
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.note-btn-group {
  position: relative;
  display: inline-block;
  margin-right: 8px;
}

.note-btn-group > .note-btn-group {
  margin-right: 0;
}

.note-btn-group > .note-btn:first-child {
  margin-left: 0;
}

.note-btn-group .note-btn + .note-btn, .note-btn-group .note-btn + .note-btn-group, .note-btn-group .note-btn-group + .note-btn, .note-btn-group .note-btn-group + .note-btn-group {
  margin-left: -1px;
}

.note-btn-group > .note-btn:not(:first-child), .note-btn-group > .note-btn-group:not(:first-child) > .note-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.note-btn-group > .note-btn:not(:last-child):not(.dropdown-toggle), .note-btn-group > .note-btn-group:not(:last-child) > .note-btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.note-btn-group.open > .note-dropdown {
  display: block;
}

.note-btn {
  display: inline-block;
  font-weight: 400;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid #dae0e5;
  white-space: nowrap;
  outline: 0;
  color: #333;
  background-color: #fff;
  border-color: #dae0e5;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.4;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.note-btn:focus, .note-btn.focus {
  color: #333;
  background-color: #ebebeb;
  border-color: #dae0e5;
}

.note-btn:hover {
  color: #333;
  background-color: #ebebeb;
  border-color: #dae0e5;
}

.note-btn.disabled:focus, .note-btn.disabled.focus, .note-btn[disabled]:focus, .note-btn[disabled].focus, fieldset[disabled] .note-btn:focus, fieldset[disabled] .note-btn.focus {
  background-color: #fff;
  border-color: #dae0e5;
}

.note-btn:hover, .note-btn:focus, .note-btn.focus {
  color: #333;
  text-decoration: none;
  border: 1px solid #dae0e5;
  background-color: #ebebeb;
  outline: 0;
  border-radius: 1px;
}

.note-btn:active, .note-btn.active {
  outline: 0;
  background-image: none;
  color: #333;
  text-decoration: none;
  border: 1px solid #dae0e5;
  background-color: #ebebeb;
  outline: 0;
  border-radius: 1px;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.note-btn.disabled, .note-btn[disabled], fieldset[disabled] .note-btn {
  cursor: not-allowed;
  -webkit-opacity: 0.65;
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.note-btn > span.note-icon-caret:first-child {
  margin-left: -1px;
}

.note-btn > span.note-icon-caret:nth-child(2) {
  padding-left: 3px;
  margin-right: -5px;
}

.note-btn-primary {
  background: #fa6362;
  color: #fff;
}

.note-btn-primary:hover, .note-btn-primary:focus, .note-btn-primary.focus {
  color: #fff;
  text-decoration: none;
  border: 1px solid #dae0e5;
  background-color: #fa6362;
  border-radius: 1px;
}

.note-btn-block {
  display: block;
  width: 100%;
}

.note-btn-block + .note-btn-block {
  margin-top: 5px;
}

input[type=submit].note-btn-block, input[type=reset].note-btn-block, input[type=button].note-btn-block {
  width: 100%;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.close {
  float: right;
  font-size: 21px;
  line-height: 1;
  color: #000;
  opacity: 0.2;
}

.close:hover {
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
}

.note-dropdown {
  position: relative;
}

.note-color .dropdown-toggle {
  width: 30px;
  padding-left: 5px;
}

.note-dropdown-menu {
  display: none;
  min-width: 100px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  text-align: left;
  background: #fff;
  border: 1px solid #e2e2e2;
  padding: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
}

.note-dropdown-menu > *:last-child {
  margin-right: 0;
}

.note-btn-group.open .note-dropdown-menu {
  display: block;
}

.note-dropdown-item {
  display: block;
}

.note-dropdown-item:hover {
  background-color: #ebebeb;
}

a.note-dropdown-item, a.note-dropdown-item:hover {
  margin: 5px 0;
  color: #000;
  text-decoration: none;
}

.note-modal {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1050;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  display: none;
}

.note-modal.open {
  display: block;
}

.note-modal-content {
  position: relative;
  width: auto;
  margin: 30px 20px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #fff;
  background-clip: border-box;
  outline: 0;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.note-modal-header {
  padding: 10px 20px;
  border: 1px solid #ededef;
}

.note-modal-body {
  position: relative;
  padding: 20px 30px;
}

.note-modal-body kbd {
  border-radius: 2px;
  background-color: #000;
  color: #fff;
  padding: 3px 5px;
  font-weight: 700;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.note-modal-footer {
  height: 40px;
  padding: 10px;
  text-align: center;
}

.note-modal-footer a {
  color: #337ab7;
  text-decoration: none;
}

.note-modal-footer a:hover, .note-modal-footer a:focus {
  color: #23527c;
  text-decoration: underline;
}

.note-modal-footer .note-btn {
  float: right;
}

.note-modal-title {
  font-size: 20px;
  color: #42515f;
  margin: 0;
  line-height: 1.4;
}

.note-modal-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1040;
  background: #000;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
  display: none;
}

.note-modal-backdrop.open {
  display: block;
}

@media (min-width: 768px) {
  .note-modal-content {
    width: 600px;
    margin: 30px auto;
  }
}
@media (min-width: 992px) {
  .note-modal-content-large {
    width: 900px;
  }
}
.note-modal .note-help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

.note-modal .note-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.note-modal .note-nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

.note-modal .note-nav-link:focus, .note-modal .note-nav-link:hover {
  color: #0056b3;
  text-decoration: none;
}

.note-modal .note-nav-link.disabled {
  color: #868e96;
}

.note-modal .note-nav-tabs {
  border-bottom: 1px solid #ddd;
}

.note-modal .note-nav-tabs .note-nav-item {
  margin-bottom: -1px;
}

.note-modal .note-nav-tabs .note-nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.note-modal .note-nav-tabs .note-nav-link:focus, .note-modal .note-nav-tabs .note-nav-link:hover {
  border-color: #e9ecef #e9ecef #ddd;
}

.note-modal .note-nav-tabs .note-nav-link.disabled {
  color: #868e96;
  background-color: transparent;
  border-color: transparent;
}

.note-modal .note-nav-tabs .note-nav-item.show .note-nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #ddd #ddd #fff;
}

.note-modal .note-tab-content {
  margin: 15px auto;
}

.note-modal .note-tab-content > .note-tab-pane:target ~ .note-tab-pane:last-child, .note-modal .note-tab-content > .note-tab-pane {
  display: none;
}

.note-modal .note-tab-content > :last-child, .note-modal .note-tab-content > .note-tab-pane:target {
  display: block;
}

.note-form-group {
  padding-bottom: 20px;
}

.note-form-group:last-child {
  padding-bottom: 0;
}

.note-form-label {
  display: block;
  width: 100%;
  font-size: 16px;
  color: #42515f;
  margin-bottom: 10px;
  font-weight: 700;
}

.note-input {
  width: 100%;
  display: block;
  border: 1px solid #ededef;
  background: #fff;
  outline: 0;
  padding: 6px 4px;
  font-size: 14px;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.note-input::-webkit-input-placeholder {
  color: #eee;
}

.note-input:-moz-placeholder {
  color: #eee;
}

.note-input::-moz-placeholder {
  color: #eee;
}

.note-input:-ms-input-placeholder {
  color: #eee;
}

.note-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 13px;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}

.note-tooltip.in {
  -webkit-opacity: 0.9;
  -khtml-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}

.note-tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.note-tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.note-tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.note-tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.note-tooltip.bottom .note-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.note-tooltip.top .note-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.note-tooltip.right .note-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.note-tooltip.left .note-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.note-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.note-tooltip-content {
  max-width: 200px;
  font-family: sans-serif;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
}

.note-popover {
  position: absolute;
  z-index: 1060;
  display: block;
  font-size: 13px;
  font-family: sans-serif;
  display: none;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border: 1px solid #ccc;
}

.note-popover.in {
  display: block;
}

.note-popover.top {
  margin-top: -10px;
  padding: 5px 0;
}

.note-popover.right {
  margin-left: 10px;
  padding: 0 5px;
}

.note-popover.bottom {
  margin-top: 10px;
  padding: 5px 0;
}

.note-popover.left {
  margin-left: -10px;
  padding: 0 5px;
}

.note-popover.bottom .note-popover-arrow {
  top: -11px;
  left: 20px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.note-popover.bottom .note-popover-arrow::after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}

.note-popover.top .note-popover-arrow {
  bottom: -11px;
  left: 20px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.note-popover.top .note-popover-arrow::after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-bottom-width: 0;
  border-top-color: #fff;
}

.note-popover.right .note-popover-arrow {
  top: 50%;
  left: -11px;
  margin-top: -10px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.note-popover.right .note-popover-arrow::after {
  left: 1px;
  margin-top: -10px;
  content: " ";
  border-left-width: 0;
  border-right-color: #fff;
}

.note-popover.left .note-popover-arrow {
  top: 50%;
  right: -11px;
  margin-top: -10px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.note-popover.left .note-popover-arrow::after {
  right: 1px;
  margin-top: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.note-popover-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 11px solid transparent;
}

.note-popover-arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: " ";
  border-width: 10px;
}

.note-popover-content {
  padding: 3px 8px;
  color: #000;
  text-align: center;
  background-color: #fff;
  min-width: 100px;
  min-height: 30px;
}

.note-editor {
  position: relative;
}

.note-editor .note-dropzone {
  position: absolute;
  display: none;
  z-index: 100;
  color: #87cefa;
  background-color: #fff;
  opacity: 0.95;
}

.note-editor .note-dropzone .note-dropzone-message {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
}

.note-editor .note-dropzone.hover {
  color: #098ddf;
}

.note-editor.dragover .note-dropzone {
  display: table;
}

.note-editor .note-editing-area {
  position: relative;
}

.note-editor .note-editing-area .note-editable {
  outline: none;
}

.note-editor .note-editing-area .note-editable sup {
  vertical-align: super;
}

.note-editor .note-editing-area .note-editable sub {
  vertical-align: sub;
}

.note-editor .note-editing-area .note-editable img.note-float-left {
  margin-right: 10px;
}

.note-editor .note-editing-area .note-editable img.note-float-right {
  margin-left: 10px;
}

.note-editor.note-frame, .note-editor.note-airframe {
  border: 1px solid rgba(0, 0, 0, 0.1960784314);
}

.note-editor.note-frame.codeview .note-editing-area .note-editable, .note-editor.note-airframe.codeview .note-editing-area .note-editable {
  display: none;
}

.note-editor.note-frame.codeview .note-editing-area .note-codable, .note-editor.note-airframe.codeview .note-editing-area .note-codable {
  display: block;
}

.note-editor.note-frame .note-editing-area, .note-editor.note-airframe .note-editing-area {
  overflow: hidden;
}

.note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-airframe .note-editing-area .note-editable {
  padding: 10px;
  overflow: auto;
  word-wrap: break-word;
}

.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false], .note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false] {
  background-color: rgba(128, 128, 128, 0.1137254902);
}

.note-editor.note-frame .note-editing-area .note-codable, .note-editor.note-airframe .note-editing-area .note-codable {
  display: none;
  width: 100%;
  padding: 10px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: Menlo, Monaco, monospace, sans-serif;
  font-size: 14px;
  color: #ccc;
  background-color: #222;
  resize: none;
  outline: none;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0;
  margin-bottom: 0;
}

.note-editor.note-frame.fullscreen, .note-editor.note-airframe.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  z-index: 1050;
}

.note-editor.note-frame.fullscreen .note-resizebar, .note-editor.note-airframe.fullscreen .note-resizebar {
  display: none;
}

.note-editor.note-frame .note-status-output, .note-editor.note-airframe .note-status-output {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.42857143;
  height: 20px;
  margin-bottom: 0;
  color: #000;
  border: 0;
  border-top: 1px solid #e2e2e2;
}

.note-editor.note-frame .note-status-output:empty, .note-editor.note-airframe .note-status-output:empty {
  height: 0;
  border-top: 0 solid transparent;
}

.note-editor.note-frame .note-status-output .pull-right, .note-editor.note-airframe .note-status-output .pull-right {
  float: right !important;
}

.note-editor.note-frame .note-status-output .text-muted, .note-editor.note-airframe .note-status-output .text-muted {
  color: #777;
}

.note-editor.note-frame .note-status-output .text-primary, .note-editor.note-airframe .note-status-output .text-primary {
  color: #286090;
}

.note-editor.note-frame .note-status-output .text-success, .note-editor.note-airframe .note-status-output .text-success {
  color: #3c763d;
}

.note-editor.note-frame .note-status-output .text-info, .note-editor.note-airframe .note-status-output .text-info {
  color: #31708f;
}

.note-editor.note-frame .note-status-output .text-warning, .note-editor.note-airframe .note-status-output .text-warning {
  color: #8a6d3b;
}

.note-editor.note-frame .note-status-output .text-danger, .note-editor.note-airframe .note-status-output .text-danger {
  color: #a94442;
}

.note-editor.note-frame .note-status-output .alert, .note-editor.note-airframe .note-status-output .alert {
  margin: -7px 0 0 0;
  padding: 7px 10px 2px 10px;
  border-radius: 0;
  color: #000;
  background-color: #f5f5f5;
}

.note-editor.note-frame .note-status-output .alert .note-icon, .note-editor.note-airframe .note-status-output .alert .note-icon {
  margin-right: 5px;
}

.note-editor.note-frame .note-status-output .alert-success, .note-editor.note-airframe .note-status-output .alert-success {
  color: #3c763d !important;
  background-color: #dff0d8 !important;
}

.note-editor.note-frame .note-status-output .alert-info, .note-editor.note-airframe .note-status-output .alert-info {
  color: #31708f !important;
  background-color: #d9edf7 !important;
}

.note-editor.note-frame .note-status-output .alert-warning, .note-editor.note-airframe .note-status-output .alert-warning {
  color: #8a6d3b !important;
  background-color: #fcf8e3 !important;
}

.note-editor.note-frame .note-status-output .alert-danger, .note-editor.note-airframe .note-status-output .alert-danger {
  color: #a94442 !important;
  background-color: #f2dede !important;
}

.note-editor.note-frame .note-statusbar, .note-editor.note-airframe .note-statusbar {
  background-color: rgba(128, 128, 128, 0.1137254902);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 1px solid rgba(0, 0, 0, 0.1960784314);
}

.note-editor.note-frame .note-statusbar .note-resizebar, .note-editor.note-airframe .note-statusbar .note-resizebar {
  padding-top: 1px;
  height: 9px;
  width: 100%;
  cursor: ns-resize;
}

.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar, .note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar {
  width: 20px;
  margin: 1px auto;
  border-top: 1px solid rgba(0, 0, 0, 0.1960784314);
}

.note-editor.note-frame .note-statusbar.locked .note-resizebar, .note-editor.note-airframe .note-statusbar.locked .note-resizebar {
  cursor: default;
}

.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar, .note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar {
  display: none;
}

.note-editor.note-frame .note-placeholder, .note-editor.note-airframe .note-placeholder {
  padding: 10px;
}

.note-editor.note-airframe {
  border: 0;
}

.note-editor.note-airframe .note-editing-area .note-editable {
  padding: 0;
}

.note-popover.popover {
  display: none;
  max-width: none;
}

.note-popover.popover .popover-content a {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.note-popover.popover .arrow {
  left: 20px !important;
}

.note-toolbar {
  position: relative;
}

.note-popover .popover-content, .note-editor .note-toolbar {
  margin: 0;
  padding: 0 0 5px 5px;
}

.note-popover .popover-content > .note-btn-group, .note-editor .note-toolbar > .note-btn-group {
  margin-top: 5px;
  margin-left: 0;
  margin-right: 5px;
}

.note-popover .popover-content .note-btn-group .note-table, .note-editor .note-toolbar .note-btn-group .note-table {
  min-width: 0;
  padding: 5px;
}

.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker, .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker {
  font-size: 18px;
}

.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
  position: absolute !important;
  z-index: 3;
  width: 10em;
  height: 10em;
  cursor: pointer;
}

.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
  position: relative !important;
  z-index: 1;
  width: 5em;
  height: 5em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;
}

.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
  position: absolute !important;
  z-index: 2;
  width: 1em;
  height: 1em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;
}

.note-popover .popover-content .note-style .dropdown-style blockquote, .note-popover .popover-content .note-style .dropdown-style pre, .note-editor .note-toolbar .note-style .dropdown-style blockquote, .note-editor .note-toolbar .note-style .dropdown-style pre {
  margin: 0;
  padding: 5px 10px;
}

.note-popover .popover-content .note-style .dropdown-style h1, .note-popover .popover-content .note-style .dropdown-style h2, .note-popover .popover-content .note-style .dropdown-style h3, .note-popover .popover-content .note-style .dropdown-style h4, .note-popover .popover-content .note-style .dropdown-style h5, .note-popover .popover-content .note-style .dropdown-style h6, .note-popover .popover-content .note-style .dropdown-style p, .note-editor .note-toolbar .note-style .dropdown-style h1, .note-editor .note-toolbar .note-style .dropdown-style h2, .note-editor .note-toolbar .note-style .dropdown-style h3, .note-editor .note-toolbar .note-style .dropdown-style h4, .note-editor .note-toolbar .note-style .dropdown-style h5, .note-editor .note-toolbar .note-style .dropdown-style h6, .note-editor .note-toolbar .note-style .dropdown-style p {
  margin: 0;
  padding: 0;
}

.note-popover .popover-content .note-color-all .note-dropdown-menu, .note-editor .note-toolbar .note-color-all .note-dropdown-menu {
  min-width: 337px;
}

.note-popover .popover-content .note-color .dropdown-toggle, .note-editor .note-toolbar .note-color .dropdown-toggle {
  width: 20px;
  padding-left: 5px;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette {
  display: inline-block;
  margin: 0;
  width: 160px;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child {
  margin: 0 5px;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title {
  font-size: 12px;
  margin: 2px 7px;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select {
  font-size: 11px;
  margin: 3px;
  padding: 0 3px;
  cursor: pointer;
  width: 100%;
  border-radius: 5px;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover {
  background: #eee;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row {
  height: 20px;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn {
  display: none;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn {
  border: 1px solid #eee;
}

.note-popover .popover-content .note-para .note-dropdown-menu, .note-editor .note-toolbar .note-para .note-dropdown-menu {
  min-width: 228px;
  padding: 5px;
}

.note-popover .popover-content .note-para .note-dropdown-menu > div + div, .note-editor .note-toolbar .note-para .note-dropdown-menu > div + div {
  margin-left: 5px;
}

.note-popover .popover-content .note-dropdown-menu, .note-editor .note-toolbar .note-dropdown-menu {
  min-width: 160px;
}

.note-popover .popover-content .note-dropdown-menu.right, .note-editor .note-toolbar .note-dropdown-menu.right {
  right: 0;
  left: auto;
}

.note-popover .popover-content .note-dropdown-menu.right::before, .note-editor .note-toolbar .note-dropdown-menu.right::before {
  right: 9px;
  left: auto !important;
}

.note-popover .popover-content .note-dropdown-menu.right::after, .note-editor .note-toolbar .note-dropdown-menu.right::after {
  right: 10px;
  left: auto !important;
}

.note-popover .popover-content .note-dropdown-menu.note-check a i, .note-editor .note-toolbar .note-dropdown-menu.note-check a i {
  color: #00bfff;
  visibility: hidden;
}

.note-popover .popover-content .note-dropdown-menu.note-check a.checked i, .note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i {
  visibility: visible;
}

.note-popover .popover-content .note-fontsize-10, .note-editor .note-toolbar .note-fontsize-10 {
  font-size: 10px;
}

.note-popover .popover-content .note-color-palette, .note-editor .note-toolbar .note-color-palette {
  line-height: 1;
}

.note-popover .popover-content .note-color-palette div .note-color-btn, .note-editor .note-toolbar .note-color-palette div .note-color-btn {
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
}

.note-popover .popover-content .note-color-palette div .note-color-btn:hover, .note-editor .note-toolbar .note-color-palette div .note-color-btn:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.note-modal .modal-dialog {
  outline: 0;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.note-modal .form-group {
  margin-left: 0;
  margin-right: 0;
}

.note-modal .note-modal-form {
  margin: 0;
}

.note-modal .note-image-dialog .note-dropzone {
  min-height: 100px;
  font-size: 30px;
  line-height: 4;
  color: #d3d3d3;
  text-align: center;
  border: 4px dashed #d3d3d3;
  margin-bottom: 10px;
}

@-moz-document url-prefix() {
  .note-modal .note-image-input {
    height: auto;
  }
}
.note-placeholder {
  position: absolute;
  display: none;
  color: gray;
}

.note-handle .note-control-selection {
  position: absolute;
  display: none;
  border: 1px solid #000;
}

.note-handle .note-control-selection > div {
  position: absolute;
}

.note-handle .note-control-selection .note-control-selection-bg {
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-opacity: 0.3;
  -khtml-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  filter: alpha(opacity=30);
}

.note-handle .note-control-selection .note-control-handle, .note-handle .note-control-selection .note-control-sizing, .note-handle .note-control-selection .note-control-holder {
  width: 7px;
  height: 7px;
  border: 1px solid #000;
}

.note-handle .note-control-selection .note-control-sizing {
  background-color: #000;
}

.note-handle .note-control-selection .note-control-nw {
  top: -5px;
  left: -5px;
  border-right: none;
  border-bottom: none;
}

.note-handle .note-control-selection .note-control-ne {
  top: -5px;
  right: -5px;
  border-bottom: none;
  border-left: none;
}

.note-handle .note-control-selection .note-control-sw {
  bottom: -5px;
  left: -5px;
  border-top: none;
  border-right: none;
}

.note-handle .note-control-selection .note-control-se {
  right: -5px;
  bottom: -5px;
  cursor: se-resize;
}

.note-handle .note-control-selection .note-control-se.note-control-holder {
  cursor: default;
  border-top: none;
  border-left: none;
}

.note-handle .note-control-selection .note-control-selection-info {
  right: 0;
  bottom: 0;
  padding: 5px;
  margin: 5px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
  border-radius: 5px;
  -webkit-opacity: 0.7;
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  filter: alpha(opacity=70);
}

.note-hint-popover {
  min-width: 100px;
  padding: 2px;
}

.note-hint-popover .popover-content {
  padding: 3px;
  max-height: 150px;
  overflow: auto;
}

.note-hint-popover .popover-content .note-hint-group .note-hint-item {
  display: block !important;
  padding: 3px;
}

.note-hint-popover .popover-content .note-hint-group .note-hint-item.active, .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
  display: block;
  clear: both;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
  white-space: nowrap;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
  cursor: pointer;
}

.note-editor .note-editing-area .note-editable table {
  width: 100%;
  border-collapse: collapse;
}

.note-editor .note-editing-area .note-editable table td, .note-editor .note-editing-area .note-editable table th {
  border: 1px solid #ececec;
  padding: 5px 3px;
}

.note-editor .note-editing-area .note-editable a {
  background-color: inherit;
  text-decoration: inherit;
  font-family: inherit;
  font-weight: inherit;
  color: #337ab7;
}

.note-editor .note-editing-area .note-editable a:hover, .note-editor .note-editing-area .note-editable a:focus {
  color: #23527c;
  text-decoration: underline;
  outline: 0;
}

.note-editor .note-editing-area .note-editable figure {
  margin: 0;
}

.note-modal .note-modal-body label {
  margin-bottom: 2px;
  padding: 2px 5px;
  display: inline-block;
}

.note-modal .note-modal-body .help-list-item:hover {
  background-color: #e0e0e0;
}

@-moz-document url-prefix() {
  .note-modal .note-image-input {
    height: auto;
  }
}
.help-list-item label {
  margin-bottom: 5px;
  display: inline-block;
}

@font-face {
  font-family: "StarJedi";
  src: local("StarJedi"), url("../font/starjedi.ttf");
}
@font-face {
  font-family: "Manrope";
  src: local("Manrope"), url("../font/manrope.ttf");
}
body {
  color: #fff;
  font-family: "Manrope";
  background: #12141a;
}
@media (max-width: 980px) {
  body #body {
    margin-top: 66px;
  }
}

.bg-body {
  background: #12141a;
}

.list-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 28px 0;
}
.list-head .list-title {
  font-size: 26px;
  color: #fff;
}
@media (max-width: 980px) {
  .list-head {
    padding: 16px 0 30px 0;
  }
  .list-head .list-title {
    font-size: 20px;
  }
  .list-head .list-title .icon-title {
    display: none;
  }
  .list-head .btn span {
    display: none;
  }
}

.icon-title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #31343c;
  width: 52px;
  height: 52px;
  line-height: 52px;
  padding: 13px;
  border-radius: 50%;
  margin-right: 16px;
}
.icon-title .icon {
  margin: 0;
}

.tac {
  text-align: center !important;
}

.hidden {
  display: none !important;
}

.bullet {
  background-color: #898a8d;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.sticky {
  position: sticky !important;
  top: 0;
}

.ovh {
  overflow: hidden;
  height: 100vh;
}

.sub-title {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
}

.nav-project {
  z-index: 999999;
  position: sticky;
  top: 80px;
  z-index: 999;
  background-color: #1e2026;
  padding-top: 10px;
  margin-top: -10px;
}
.nav-project ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #31343c;
  margin: 0 -27px;
  padding: 0 27px;
}
.nav-project a {
  display: inline-block;
  margin: -15px 25px 0px 0px;
  padding: 18px 0;
  color: #898a8d;
  text-decoration: none;
  border-bottom: 2px solid #1e2026;
}
.nav-project li:hover a,
.nav-project .active a {
  color: white;
  border-bottom: 2px solid #898a8d;
}
.nav-project .swiper {
  margin: 0 -27px;
  padding: 0 27px;
  border-bottom: 1px solid #31343c;
}
.nav-project .swiper .swiper-wraper {
  padding: 0 20px;
}
.nav-project .swiper-slide {
  width: auto;
  margin-top: 8px;
}
.nav-project .swiper-nav {
  display: none;
}
@media (max-width: 980px) {
  .nav-project {
    position: sticky;
    top: 60px;
    margin: 0 -20px;
  }
  .nav-project ul {
    margin: 0;
    padding: 0 20px;
  }
  .nav-project ul li {
    display: inline-block;
  }
  .nav-project .swiper {
    margin: 0;
    padding: 0 20px;
  }
}

.pan-menuspy {
  padding-top: 120px;
  margin-top: -120px;
}
.pan-menuspy .content {
  padding: 20px 0 30px 0;
}

.action-domains {
  display: block;
}
@media (max-width: 980px) {
  .action-domains {
    display: none;
  }
}

.item-avatar {
  position: relative;
  z-index: 9;
}
.item-avatar .avatar {
  display: inline-block;
  width: 42px;
  height: 42px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: solid 2px #31343c;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.item-avatar .avatar:first-child {
  margin-left: 0;
}
.item-avatar .avatar-counter {
  z-index: 0;
  background-color: #31343c;
  color: #898a8d;
  line-height: 42px;
  text-align: center;
}
.item-avatar.avatar-disabled {
  z-index: 0;
  opacity: 0.1;
}
.item-avatar.avatar-disabledhover {
  z-index: 9;
  opacity: 1;
}
.item-avatar.avatar-primary .avatar:hover {
  border: solid 2px #4c586f;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.item-avatar.avatar-secondary .avatar:hover {
  border: solid 2px #31343c;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.item-avatar.avatar-success .avatar:hover {
  border: solid 2px #6fa939;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.item-avatar.avatar-danger .avatar:hover {
  border: solid 2px #ff6565;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.item-avatar.avatar-warning .avatar:hover {
  border: solid 2px #ffc107;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.item-avatar.avatar-orange .avatar:hover {
  border: solid 2px #ffc107;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.item-avatar.avatar-info .avatar:hover {
  border: solid 2px #50aeff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.item-avatar.avatar-gray .avatar:hover {
  border: solid 2px #bbbcbd;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.item-avatar.avatar-white .avatar:hover {
  border: solid 2px #fff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.item-avatar.avatar-green .avatar:hover {
  border: solid 2px #6fa939;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.item-avatar.avatar-red .avatar:hover {
  border: solid 2px #ff6565;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.item-avatar.avatar-dark .avatar:hover {
  border: solid 2px #1e2026;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.item-avatar.avatar-light .avatar:hover {
  border: solid 2px #dcdce5;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.item-avatar.avatar-text .avatar:hover {
  border: solid 2px #848484;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.item-avatar.avatar-cyan .avatar:hover {
  border: solid 2px #50aeff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.item-avatar.avatar-purple .avatar:hover {
  border: solid 2px #9d86ff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.item-stat {
  background-color: #1e2026;
  color: #fff;
  border-radius: 5px;
  padding: 18px 28px;
}
.item-stat .label {
  font-size: 13px;
  color: #898a8d;
  text-transform: uppercase;
  padding-bottom: 8px;
}
.item-stat .label:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 12px;
  background-color: #0d7192;
  border-radius: 50%;
}
.item-stat .value {
  font-size: 18px;
}

.item-primary .label:before {
  background-color: #4c586f;
}

.item-secondary .label:before {
  background-color: #31343c;
}

.item-success .label:before {
  background-color: #6fa939;
}

.item-danger .label:before {
  background-color: #ff6565;
}

.item-warning .label:before {
  background-color: #ffc107;
}

.item-orange .label:before {
  background-color: #ffc107;
}

.item-info .label:before {
  background-color: #50aeff;
}

.item-gray .label:before {
  background-color: #bbbcbd;
}

.item-white .label:before {
  background-color: #fff;
}

.item-green .label:before {
  background-color: #6fa939;
}

.item-red .label:before {
  background-color: #ff6565;
}

.item-dark .label:before {
  background-color: #1e2026;
}

.item-light .label:before {
  background-color: #dcdce5;
}

.item-text .label:before {
  background-color: #848484;
}

.item-cyan .label:before {
  background-color: #50aeff;
}

.item-purple .label:before {
  background-color: #9d86ff;
}

.link-primary {
  color: #4c586f !important;
}
.link-primary:focus, .link-primary:active, .link-primary:hover {
  color: #7c8aa5 !important;
}

.link-secondary {
  color: #31343c !important;
}
.link-secondary:focus, .link-secondary:active, .link-secondary:hover {
  color: #5f6574 !important;
}

.link-success {
  color: #6fa939 !important;
}
.link-success:focus, .link-success:active, .link-success:hover {
  color: #a2d177 !important;
}

.link-danger {
  color: #ff6565 !important;
}
.link-danger:focus, .link-danger:active, .link-danger:hover {
  color: #ffcbcb !important;
}

.link-warning {
  color: #ffc107 !important;
}
.link-warning:focus, .link-warning:active, .link-warning:hover {
  color: #ffdb6d !important;
}

.link-orange {
  color: #ffc107 !important;
}
.link-orange:focus, .link-orange:active, .link-orange:hover {
  color: #ffdb6d !important;
}

.link-info {
  color: #50aeff !important;
}
.link-info:focus, .link-info:active, .link-info:hover {
  color: #b6ddff !important;
}

.link-gray {
  color: #bbbcbd !important;
}
.link-gray:focus, .link-gray:active, .link-gray:hover {
  color: #efefef !important;
}

.link-white {
  color: #fff !important;
}
.link-white:focus, .link-white:active, .link-white:hover {
  color: white !important;
}

.link-green {
  color: #6fa939 !important;
}
.link-green:focus, .link-green:active, .link-green:hover {
  color: #a2d177 !important;
}

.link-red {
  color: #ff6565 !important;
}
.link-red:focus, .link-red:active, .link-red:hover {
  color: #ffcbcb !important;
}

.link-dark {
  color: #1e2026 !important;
}
.link-dark:focus, .link-dark:active, .link-dark:hover {
  color: #4b505f !important;
}

.link-light {
  color: #dcdce5 !important;
}
.link-light:focus, .link-light:active, .link-light:hover {
  color: white !important;
}

.link-text {
  color: #848484 !important;
}
.link-text:focus, .link-text:active, .link-text:hover {
  color: #b7b7b7 !important;
}

.link-cyan {
  color: #50aeff !important;
}
.link-cyan:focus, .link-cyan:active, .link-cyan:hover {
  color: #b6ddff !important;
}

.link-purple {
  color: #9d86ff !important;
}
.link-purple:focus, .link-purple:active, .link-purple:hover {
  color: #f0ecff !important;
}

.border {
  border: solid 1px #1e2026;
  border-radius: 5px;
}

.border-primary {
  border-color: #4c586f;
}

.border-secondary {
  border-color: #31343c;
}

.border-success {
  border-color: #6fa939;
}

.border-danger {
  border-color: #ff6565;
}

.border-warning {
  border-color: #ffc107;
}

.border-orange {
  border-color: #ffc107;
}

.border-info {
  border-color: #50aeff;
}

.border-gray {
  border-color: #bbbcbd;
}

.border-white {
  border-color: #fff;
}

.border-green {
  border-color: #6fa939;
}

.border-red {
  border-color: #ff6565;
}

.border-dark {
  border-color: #1e2026;
}

.border-light {
  border-color: #dcdce5;
}

.border-text {
  border-color: #848484;
}

.border-cyan {
  border-color: #50aeff;
}

.border-purple {
  border-color: #9d86ff;
}

.header {
  position: sticky;
  top: 0;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #12141a;
  height: 80px;
  padding: 0 20px;
  border-bottom: 1px solid #31343c;
  width: 100%;
}
.header .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .brand > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 30px;
}
.header .brand > a img {
  height: 44.4444444444px;
  width: auto;
}
.header .brand > a .brand-title {
  display: inline-block;
  font-size: 20px;
  font-family: "StarJedi";
  padding-left: 15px;
  color: #fff;
}
.header .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header .menu .item-nav {
  padding: 0 18px;
  color: #898a8d;
  text-decoration: none;
  height: 80px;
  line-height: 80px;
  font-size: 16px;
}
.header .menu .item-nav .icon {
  margin-right: 8px;
}
.header .menu .item-nav.active, .header .menu .item-nav:hover {
  border-bottom: 2px solid #50aeff;
  color: #fff;
}
.header .menu .close {
  display: none;
}
.header .right .dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px;
  border-radius: 25px;
}
.header .right .dropdown .content {
  padding: 0 20px;
}
.header .right .dropdown .username {
  font-size: 14px;
}
.header .right .dropdown .fonction {
  font-size: 12px;
  color: #898a8d;
}
.header .right .dropdown:hover {
  background-color: #31343c;
}
.header .right .dropdown:after {
  margin-left: 0;
  margin-right: 12px;
}
.header .burger-button {
  display: none;
}
@media (max-width: 1280px) {
  .header {
    height: 66px;
  }
  .header .left .brand > a {
    margin-right: 20px;
  }
  .header .left .brand > a img {
    display: none;
  }
  .header .left .brand > a .brand-title {
    font-size: 18px;
  }
  .header .menu .item-nav {
    padding: 0 12px;
    font-size: 14px;
  }
  .header .right .dropdown .content {
    display: none;
  }
  .header .right .dropdown:after {
    margin-right: 0;
  }
  .header .item-avatar {
    padding-right: 10px;
  }
}
@media (max-width: 980px) {
  .header {
    position: fixed;
  }
  .header .burger-button {
    display: block;
  }
  .header .menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    height: 100vh;
    width: 100vw;
    padding-top: 50px;
    background-color: #1e2026;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: none;
  }
  .header .menu.open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header .menu .close {
    display: block;
    position: absolute;
    right: 30px;
    top: 20px;
    color: #fff;
    opacity: 0.8;
    font-size: 30px;
  }
  .header .menu .item-nav {
    font-size: 28px;
  }
}
.header.hide-menu {
  display: none;
}

.input.select, .input.checkbox, .input.radio, .input.file, .input.text, .input.textarea, .input.email, .input.tel, .input.number, .input.date, .input.password {
  margin-bottom: 18px;
}

.input.select label, .input.checkbox label, .input.radio label, .input.file label, .input.text label, .input.textarea label, .input.email label, .input.tel label, .input.number label, .input.date label, .input.password label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #bbbcbd;
  margin: 0 0 4px 0;
}

.file-edit .input.file label, .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input, .input.select select, .input.file textarea,
.input.file input, .input.text textarea,
.input.text input, .input.textarea textarea,
.input.textarea input, .input.email textarea,
.input.email input, .input.tel textarea,
.input.tel input, .input.number textarea,
.input.number input, .input.date textarea,
.input.date input, .input.password textarea,
.input.password input {
  display: block;
  width: 100%;
  padding: 15px 20px;
  font-size: 16px;
  color: #dcdce5;
  font-family: "Manrope";
  border: solid 1px #1e2026;
  background-color: #31343c;
  border-radius: 28px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: all 0s 5000s;
  transition: all 0s 5000s;
}

.selectize-control.single .selectize-input, .input.select select {
  background-image: url(../img/icon/caret.png);
  background-repeat: no-repeat;
  background-position: top 50% right 15px;
  background-size: 13px;
}

.input.file textarea:focus-visible,
.input.file input:focus-visible, .input.text textarea:focus-visible,
.input.text input:focus-visible, .input.textarea textarea:focus-visible,
.input.textarea input:focus-visible, .input.email textarea:focus-visible,
.input.email input:focus-visible, .input.tel textarea:focus-visible,
.input.tel input:focus-visible, .input.number textarea:focus-visible,
.input.number input:focus-visible, .input.date textarea:focus-visible,
.input.date input:focus-visible, .input.password textarea:focus-visible,
.input.password input:focus-visible {
  outline: none;
}
.input.file textarea::-webkit-input-placeholder, .input.file input::-webkit-input-placeholder, .input.text textarea::-webkit-input-placeholder, .input.text input::-webkit-input-placeholder, .input.textarea textarea::-webkit-input-placeholder, .input.textarea input::-webkit-input-placeholder, .input.email textarea::-webkit-input-placeholder, .input.email input::-webkit-input-placeholder, .input.tel textarea::-webkit-input-placeholder, .input.tel input::-webkit-input-placeholder, .input.number textarea::-webkit-input-placeholder, .input.number input::-webkit-input-placeholder, .input.date textarea::-webkit-input-placeholder, .input.date input::-webkit-input-placeholder, .input.password textarea::-webkit-input-placeholder, .input.password input::-webkit-input-placeholder {
  color: #898a8d;
}
.input.file textarea::-moz-placeholder, .input.file input::-moz-placeholder, .input.text textarea::-moz-placeholder, .input.text input::-moz-placeholder, .input.textarea textarea::-moz-placeholder, .input.textarea input::-moz-placeholder, .input.email textarea::-moz-placeholder, .input.email input::-moz-placeholder, .input.tel textarea::-moz-placeholder, .input.tel input::-moz-placeholder, .input.number textarea::-moz-placeholder, .input.number input::-moz-placeholder, .input.date textarea::-moz-placeholder, .input.date input::-moz-placeholder, .input.password textarea::-moz-placeholder, .input.password input::-moz-placeholder {
  color: #898a8d;
}
.input.file textarea:-ms-input-placeholder, .input.file input:-ms-input-placeholder, .input.text textarea:-ms-input-placeholder, .input.text input:-ms-input-placeholder, .input.textarea textarea:-ms-input-placeholder, .input.textarea input:-ms-input-placeholder, .input.email textarea:-ms-input-placeholder, .input.email input:-ms-input-placeholder, .input.tel textarea:-ms-input-placeholder, .input.tel input:-ms-input-placeholder, .input.number textarea:-ms-input-placeholder, .input.number input:-ms-input-placeholder, .input.date textarea:-ms-input-placeholder, .input.date input:-ms-input-placeholder, .input.password textarea:-ms-input-placeholder, .input.password input:-ms-input-placeholder {
  color: #898a8d;
}
.input.file textarea::-ms-input-placeholder, .input.file input::-ms-input-placeholder, .input.text textarea::-ms-input-placeholder, .input.text input::-ms-input-placeholder, .input.textarea textarea::-ms-input-placeholder, .input.textarea input::-ms-input-placeholder, .input.email textarea::-ms-input-placeholder, .input.email input::-ms-input-placeholder, .input.tel textarea::-ms-input-placeholder, .input.tel input::-ms-input-placeholder, .input.number textarea::-ms-input-placeholder, .input.number input::-ms-input-placeholder, .input.date textarea::-ms-input-placeholder, .input.date input::-ms-input-placeholder, .input.password textarea::-ms-input-placeholder, .input.password input::-ms-input-placeholder {
  color: #898a8d;
}
.input.file textarea::placeholder,
.input.file input::placeholder, .input.text textarea::placeholder,
.input.text input::placeholder, .input.textarea textarea::placeholder,
.input.textarea input::placeholder, .input.email textarea::placeholder,
.input.email input::placeholder, .input.tel textarea::placeholder,
.input.tel input::placeholder, .input.number textarea::placeholder,
.input.number input::placeholder, .input.date textarea::placeholder,
.input.date input::placeholder, .input.password textarea::placeholder,
.input.password input::placeholder {
  color: #898a8d;
}
.input.radio input {
  margin-right: 10px;
}
.input.radio .radio-group {
  display: inline-block;
  margin-right: 20px;
}
.input.checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Manrope";
}
.input.checkbox input {
  margin-right: 10px;
  position: relative;
}
.input.select select {
  position: relative;
  font-size: 14px;
  padding: 13px 18px;
  border-radius: 28px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.input.select select option[value=""] {
  display: none;
}
.input.required > label:after {
  content: "*";
  padding-left: 6px;
  font-size: 15px;
}
.input.error label {
  color: #ff6565;
}
.input.error input {
  border-color: #ff6565;
}

.error-message {
  color: #ff6565;
  font-size: 14px;
  margin: -15px 0 20px 6px;
}

.selectize-control.single .selectize-input {
  background-color: #1e2026;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.selectize-control.single .selectize-input input {
  color: #fff;
}
.selectize-control.single .selectize-input.dropdown-active:before {
  background: #898a8d;
}
.selectize-control.single .selectize-input.selectize-input:after {
  display: none;
}
.selectize-control.single .selectize-input.input-active {
  background-color: #31343c;
}
.selectize-control.single .selectize-dropdown {
  overflow: hidden;
  border-width: 0;
  margin: -1px 0 0 0;
  border-radius: 0 0 12px 12px;
  background-color: #31343c !important;
  color: #fff;
  font-size: 14px;
  -webkit-box-shadow: 0 0 59px #12141a;
          box-shadow: 0 0 59px #12141a;
}
.selectize-control.single .selectize-dropdown .option {
  padding: 10px 12px;
  cursor: pointer;
}
.selectize-control.single .selectize-dropdown .selectize-dropdown-content {
  border-radius: 0 0 12px 12px;
}

.sidebar .selectize-control.single .selectize-input {
  border-radius: 8px;
}
.sidebar .selectize-control.single .selectize-input.input-active {
  border-radius: 8px 8px 0 0;
}

.selectize-control.plugin-clear_button .clear {
  margin-right: 10px;
  color: #fff;
  text-decoration: none;
  font-size: 24px;
}

.modal .selectize-control.single .selectize-input {
  background-color: #31343c;
  border-radius: 28px;
}
.modal .selectize-control.single .selectize-input input {
  color: #fff;
}
.modal .selectize-control.single .selectize-input.dropdown-active {
  border-bottom-color: #31343c;
}
.modal .selectize-control.single .selectize-input.input-active {
  border-radius: 28px 28px 0 0;
}

.input-group {
  position: relative;
}
.input-group .input-group-append {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -12px;
  color: #fff;
}
.input-group .input-group-prepend {
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -12px;
  color: #fff;
}

.dark-input {
  margin: 30px 0;
}
.dark-input .input input {
  background-color: #12141a;
  padding-left: 40px;
}

.logo-edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 20px;
}
.logo-edit .preview-files {
  width: auto;
  height: 80px;
  margin-right: 26px;
  cursor: pointer;
}
.logo-edit .preview-files .file,
.logo-edit .preview-files img {
  height: 100%;
  width: auto;
}
.logo-edit .preview-images .image {
  padding-right: 18px;
}
.logo-edit .preview-images .image img {
  border-radius: 5%;
}
.logo-edit .input.file {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.logo-edit .input.file label {
  color: #4c586f;
}
.logo-edit .input.file input {
  opacity: 0;
}
.logo-edit .help-block {
  font-size: 14px;
  color: #898a8d;
}

.file-edit {
  position: relative;
  padding-bottom: 20px;
}
.file-edit .preview-files .file {
  font-size: 12px;
}
.file-edit .input.file {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.file-edit .input.file label {
  color: #898a8d;
  background: transparent url(../img/icon/upload@2x.png) no-repeat right 15px center;
  background-size: 17px;
}
.file-edit .input.file input {
  display: none;
}
.file-edit.required > .label:after {
  content: "*";
  padding-left: 6px;
  font-size: 15px;
}

.edit-avatar {
  margin-right: 40px;
}
.edit-avatar .preview-images .image {
  height: 180px;
  width: 180px;
  margin-bottom: 15px;
}
.edit-avatar .preview-images .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.edit-cover {
  margin-right: 50px;
}
.edit-cover .preview-images .image {
  height: 180px;
  margin-bottom: 15px;
}
.edit-cover .preview-images .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.help-block {
  font-size: 11px;
  color: #848484;
}

#confirm-fail {
  padding: 12px 0 0 20px;
  font-size: 13px;
  line-height: 20px;
  color: white;
}

select,
textarea,
input,
ul, li {
  outline: none !important;
}
select:focus-visible,
textarea:focus-visible,
input:focus-visible,
ul:focus-visible, li:focus-visible {
  outline: none !important;
}

input[type=checkbox] {
  cursor: pointer;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.form-title {
  text-transform: uppercase;
  color: #4c586f;
  padding: 0 0 20px 0;
  margin: 20px 0;
  border-bottom: solid 1px #898a8d;
}

.dropdown-menu .input.radio {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  padding: 8px 0;
}
.dropdown-menu .input.radio label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 9px 12px;
  margin: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4c586f;
}

.input.file input {
  position: relative;
  height: 56px;
  font-size: 14px;
  padding-left: 40px;
}
.input.file input::-webkit-file-upload-button {
  visibility: hidden;
}
.input.file input::before {
  position: absolute;
  z-index: 9;
  top: 7px;
  left: 7px;
  content: "Choisir un fichier";
  display: inline-block;
  background: #484c58;
  border-radius: 30px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-size: 14px;
  padding: 10px 20px;
}
.input.file input:hover::before, .input.file input:active::before {
  background: #5f6574;
}
.input.file .help-block {
  margin-top: 8px;
}

.sidebar-layout {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sidebar-layout .sidebar {
  height: calc(100vh - 80px);
  width: 300px;
  padding: 30px;
}
.sidebar-layout .sidebar .side-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}
.sidebar-layout .sidebar .side-head .undo-link {
  font-size: 14px;
  color: #898a8d;
}
.sidebar-layout .sidebar .side-head .undo-link .icon {
  margin: 0 0 0 8px;
}
.sidebar-layout .btn-toggle-filters {
  display: none;
  background-color: #31343c;
  text-align: center;
  padding: 8px 0;
}
.sidebar-layout .main-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  margin: 0 20px;
}
@media (max-width: 980px) {
  .sidebar-layout {
    display: block;
  }
  .sidebar-layout .btn-toggle-filters {
    display: block;
    width: 100%;
    font-size: 14px;
  }
  .sidebar-layout .sidebar {
    display: none;
    width: 100vw;
    height: auto;
    overflow: hidden;
  }
  .sidebar-layout .sidebar.open {
    display: block;
  }
}

.table {
  position: relative;
  width: 100%;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
.table tr {
  border-bottom: 1px solid #31343c;
  vertical-align: baseline;
}
.table tbody tr:last-child {
  border: none;
}
.table th {
  padding: 24px 8px;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
}
.table td {
  padding: 15px 8px;
  color: #bbbcbd;
  font-size: 16px;
}
.table td .thumb {
  max-height: 30px;
  width: auto;
}
.table td .item-avatar {
  display: inline-block;
  margin-left: -12px;
}
.table td .item-avatar:first-child {
  margin-left: 0;
}
.table td .logo {
  background-color: #FAFAFA;
  border-radius: 5px;
  width: 100px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
}
.table td .logo .thumb {
  max-height: 100%;
  max-width: 100%;
}
.table th.actions, .table td.actions {
  width: 140px;
  text-align: center;
}
.table a {
  color: #fff;
  text-decoration: none;
}
.table a:hover {
  text-decoration: underline;
}
.table tr.disabled {
  opacity: 0.3;
}
.table tr.disabled:hover {
  opacity: 0.8;
}
.table-borderless tr, .table-borderless td {
  border-width: 0;
}

.table-sm {
  border-radius: 10px 10px 0 0;
}
.table-sm th {
  padding: 8px;
}
.table-sm td {
  padding: 4px 8px;
}

.table-sm {
  border-radius: 10px 10px 0 0;
}
.table-sm th {
  padding: 8px;
}
.table-sm td {
  padding: 4px 8px;
}

.bg-dark {
  background-color: #1e2026;
}
.bg-dark thead {
  color: #898a8d;
}
.bg-dark thead a {
  color: #898a8d;
  text-decoration: none;
}
.bg-dark thead a:hover {
  color: #fff;
}
.bg-dark thead a:hover:before {
  opacity: 1;
}
.bg-dark thead a:before {
  content: "";
  display: inline-block;
  margin-right: 3px;
  width: 14px;
  height: 12px;
  background: transparent url(../img/icon/source/up.svg) center center no-repeat;
  background-size: auto 90%;
  opacity: 0.3;
}
.bg-dark thead a.desc:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  opacity: 1;
}
.bg-dark thead a.asc:before {
  opacity: 1;
}

@media (max-width: 980px) {
  .table-responsive table,
  .table-responsive thead,
  .table-responsive tbody,
  .table-responsive tr,
  .table-responsive th,
  .table-responsive td {
    display: block;
    border: none !important;
  }
  .table-responsive .table {
    background-color: #12141a;
    margin-bottom: 30px;
    border-radius: 0;
  }
  .table-responsive thead {
    display: none;
  }
  .table-responsive tr {
    background: #12141a;
  }
  .table-responsive td {
    padding-left: 110px;
    position: relative;
    margin-top: -1px;
    background: #1e2026;
    text-align: left !important;
    border-top: solid 1px #12141a !important;
    font-size: 14px;
    min-height: 40px;
  }
  .table-responsive td img {
    max-width: 100% !important;
  }
  .table-responsive td.actions {
    width: 100%;
  }
  .table-responsive td::before {
    padding: 8px;
    content: attr(data-label);
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    bottom: 0;
    background-color: #31343c;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .table-responsive tr {
    margin-bottom: 22px;
  }
  .table-responsive th + td {
    padding-left: 10px;
  }
}
.alert {
  padding: 12px 16px;
  border-radius: 8px;
}

.alert-title {
  display: inline-block;
  font-weight: 900;
}

.alert-primary {
  color: #4b576e;
  border: solid 1px #4c586f;
  background-color: rgba(76, 88, 111, 0.2);
}

.alert-secondary {
  color: #30333b;
  border: solid 1px #31343c;
  background-color: rgba(49, 52, 60, 0.2);
}

.alert-success {
  color: #6ea738;
  border: solid 1px #6fa939;
  background-color: rgba(111, 169, 57, 0.2);
}

.alert-danger {
  color: #ff6363;
  border: solid 1px #ff6565;
  background-color: rgba(255, 101, 101, 0.2);
}

.alert-warning {
  color: #ffc005;
  border: solid 1px #ffc107;
  background-color: rgba(255, 193, 7, 0.2);
}

.alert-orange {
  color: #ffc005;
  border: solid 1px #ffc107;
  background-color: rgba(255, 193, 7, 0.2);
}

.alert-info {
  color: #4eadff;
  border: solid 1px #50aeff;
  background-color: rgba(80, 174, 255, 0.2);
}

.alert-gray {
  color: #babbbc;
  border: solid 1px #bbbcbd;
  background-color: rgba(187, 188, 189, 0.2);
}

.alert-white {
  color: #fefefe;
  border: solid 1px #fff;
  background-color: rgba(255, 255, 255, 0.2);
}

.alert-green {
  color: #6ea738;
  border: solid 1px #6fa939;
  background-color: rgba(111, 169, 57, 0.2);
}

.alert-red {
  color: #ff6363;
  border: solid 1px #ff6565;
  background-color: rgba(255, 101, 101, 0.2);
}

.alert-dark {
  color: #1d1f25;
  border: solid 1px #1e2026;
  background-color: rgba(30, 32, 38, 0.2);
}

.alert-light {
  color: #dbdbe4;
  border: solid 1px #dcdce5;
  background-color: rgba(220, 220, 229, 0.2);
}

.alert-text {
  color: #838383;
  border: solid 1px #848484;
  background-color: rgba(132, 132, 132, 0.2);
}

.alert-cyan {
  color: #4eadff;
  border: solid 1px #50aeff;
  background-color: rgba(80, 174, 255, 0.2);
}

.alert-purple {
  color: #9b84ff;
  border: solid 1px #9d86ff;
  background-color: rgba(157, 134, 255, 0.2);
}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 13px 20px;
  font-family: "Manrope";
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-decoration: none;
  -webkit-transition: all 150ms ease-in;
  transition: all 150ms ease-in;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.btn:hover {
  text-decoration: none;
}
.btn:has(svg, i) {
  gap: 7px;
}
.btn:has(svg, i) .icon {
  margin: 0;
}

.btn-md {
  font-size: 12px;
  font-weight: normal;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 8px 12px;
}

.btn-small {
  font-size: 12px;
  font-weight: normal;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 3px 5px;
}

.btn-xs {
  font-size: 10px;
  font-weight: normal;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 1px 3px;
}

.btn--block {
  width: 100%;
  text-align: center;
}

.btn-rounded {
  width: 30px;
  height: 30px;
  padding: 0;
}

.btn-img {
  display: inline-block;
  width: 42px;
  height: 42px;
  text-align: center;
  padding: 10px;
  border-radius: 50%;
  background-color: #31343c;
}
.btn-img img {
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: -2px;
}
.btn-img:hover {
  background-color: #484c58;
}

.btn-square {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 20px;
}
.btn-square .icon {
  font-size: 38px;
  margin: 8px 0 3px 0;
}

.btn-outline-primary {
  color: #4c586f;
  border: solid 1px #4c586f;
  border-radius: 30px;
}
.btn-outline-primary.active, .btn-outline-primary:hover {
  color: #fff;
  background-color: #4c586f;
}

.btn-outline-secondary {
  color: #31343c;
  border: solid 1px #31343c;
  border-radius: 30px;
}
.btn-outline-secondary.active, .btn-outline-secondary:hover {
  color: #fff;
  background-color: #31343c;
}

.btn-outline-success {
  color: #6fa939;
  border: solid 1px #6fa939;
  border-radius: 30px;
}
.btn-outline-success.active, .btn-outline-success:hover {
  color: #fff;
  background-color: #6fa939;
}

.btn-outline-danger {
  color: #ff6565;
  border: solid 1px #ff6565;
  border-radius: 30px;
}
.btn-outline-danger.active, .btn-outline-danger:hover {
  color: #fff;
  background-color: #ff6565;
}

.btn-outline-warning {
  color: #ffc107;
  border: solid 1px #ffc107;
  border-radius: 30px;
}
.btn-outline-warning.active, .btn-outline-warning:hover {
  color: #4c586f;
  background-color: #ffc107;
}

.btn-outline-orange {
  color: #ffc107;
  border: solid 1px #ffc107;
  border-radius: 30px;
}
.btn-outline-orange.active, .btn-outline-orange:hover {
  color: #4c586f;
  background-color: #ffc107;
}

.btn-outline-info {
  color: #50aeff;
  border: solid 1px #50aeff;
  border-radius: 30px;
}
.btn-outline-info.active, .btn-outline-info:hover {
  color: #4c586f;
  background-color: #50aeff;
}

.btn-outline-gray {
  color: #bbbcbd;
  border: solid 1px #bbbcbd;
  border-radius: 30px;
}
.btn-outline-gray.active, .btn-outline-gray:hover {
  color: #4c586f;
  background-color: #bbbcbd;
}

.btn-outline-white {
  color: #fff;
  border: solid 1px #fff;
  border-radius: 30px;
}
.btn-outline-white.active, .btn-outline-white:hover {
  color: #4c586f;
  background-color: #fff;
}

.btn-outline-green {
  color: #6fa939;
  border: solid 1px #6fa939;
  border-radius: 30px;
}
.btn-outline-green.active, .btn-outline-green:hover {
  color: #fff;
  background-color: #6fa939;
}

.btn-outline-red {
  color: #ff6565;
  border: solid 1px #ff6565;
  border-radius: 30px;
}
.btn-outline-red.active, .btn-outline-red:hover {
  color: #fff;
  background-color: #ff6565;
}

.btn-outline-dark {
  color: #1e2026;
  border: solid 1px #1e2026;
  border-radius: 30px;
}
.btn-outline-dark.active, .btn-outline-dark:hover {
  color: #fff;
  background-color: #1e2026;
}

.btn-outline-light {
  color: #dcdce5;
  border: solid 1px #dcdce5;
  border-radius: 30px;
}
.btn-outline-light.active, .btn-outline-light:hover {
  color: #4c586f;
  background-color: #dcdce5;
}

.btn-outline-text {
  color: #848484;
  border: solid 1px #848484;
  border-radius: 30px;
}
.btn-outline-text.active, .btn-outline-text:hover {
  color: #fff;
  background-color: #848484;
}

.btn-outline-cyan {
  color: #50aeff;
  border: solid 1px #50aeff;
  border-radius: 30px;
}
.btn-outline-cyan.active, .btn-outline-cyan:hover {
  color: #4c586f;
  background-color: #50aeff;
}

.btn-outline-purple {
  color: #9d86ff;
  border: solid 1px #9d86ff;
  border-radius: 30px;
}
.btn-outline-purple.active, .btn-outline-purple:hover {
  color: #4c586f;
  background-color: #9d86ff;
}

.btn-primary {
  color: #fff;
  background-color: #4c586f;
  border: solid 1px #4c586f;
  border-radius: 30px;
}
.btn-primary.active, .btn-primary:focus, .btn-primary:active, .btn-primary:hover {
  color: #fff;
  border-color: #4c586f;
  background-color: #61708d;
}

.btn-secondary {
  color: #fff;
  background-color: #31343c;
  border: solid 1px #31343c;
  border-radius: 30px;
}
.btn-secondary.active, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:hover {
  color: #fff;
  border-color: #31343c;
  background-color: #484c58;
}

.btn-success {
  color: #fff;
  background-color: #6fa939;
  border: solid 1px #6fa939;
  border-radius: 30px;
}
.btn-success.active, .btn-success:focus, .btn-success:active, .btn-success:hover {
  color: #fff;
  border-color: #6fa939;
  background-color: #88c451;
}

.btn-danger {
  color: #fff;
  background-color: #ff6565;
  border: solid 1px #ff6565;
  border-radius: 30px;
}
.btn-danger.active, .btn-danger:focus, .btn-danger:active, .btn-danger:hover {
  color: #fff;
  border-color: #ff6565;
  background-color: #ff9898;
}

.btn-warning {
  color: #4c586f;
  background-color: #ffc107;
  border: solid 1px #ffc107;
  border-radius: 30px;
}
.btn-warning.active, .btn-warning:focus, .btn-warning:active, .btn-warning:hover {
  color: #4c586f;
  border-color: #ffc107;
  background-color: #ffce3a;
}

.btn-orange {
  color: #4c586f;
  background-color: #ffc107;
  border: solid 1px #ffc107;
  border-radius: 30px;
}
.btn-orange.active, .btn-orange:focus, .btn-orange:active, .btn-orange:hover {
  color: #4c586f;
  border-color: #ffc107;
  background-color: #ffce3a;
}

.btn-info {
  color: #4c586f;
  background-color: #50aeff;
  border: solid 1px #50aeff;
  border-radius: 30px;
}
.btn-info.active, .btn-info:focus, .btn-info:active, .btn-info:hover {
  color: #4c586f;
  border-color: #50aeff;
  background-color: #83c6ff;
}

.btn-gray {
  color: #4c586f;
  background-color: #bbbcbd;
  border: solid 1px #bbbcbd;
  border-radius: 30px;
}
.btn-gray.active, .btn-gray:focus, .btn-gray:active, .btn-gray:hover {
  color: #4c586f;
  border-color: #bbbcbd;
  background-color: #d5d6d6;
}

.btn-white {
  color: #4c586f;
  background-color: #fff;
  border: solid 1px #fff;
  border-radius: 30px;
}
.btn-white.active, .btn-white:focus, .btn-white:active, .btn-white:hover {
  color: #4c586f;
  border-color: #fff;
  background-color: white;
}

.btn-green {
  color: #fff;
  background-color: #6fa939;
  border: solid 1px #6fa939;
  border-radius: 30px;
}
.btn-green.active, .btn-green:focus, .btn-green:active, .btn-green:hover {
  color: #fff;
  border-color: #6fa939;
  background-color: #88c451;
}

.btn-red {
  color: #fff;
  background-color: #ff6565;
  border: solid 1px #ff6565;
  border-radius: 30px;
}
.btn-red.active, .btn-red:focus, .btn-red:active, .btn-red:hover {
  color: #fff;
  border-color: #ff6565;
  background-color: #ff9898;
}

.btn-dark {
  color: #fff;
  background-color: #1e2026;
  border: solid 1px #1e2026;
  border-radius: 30px;
}
.btn-dark.active, .btn-dark:focus, .btn-dark:active, .btn-dark:hover {
  color: #fff;
  border-color: #1e2026;
  background-color: #353843;
}

.btn-light {
  color: #4c586f;
  background-color: #dcdce5;
  border: solid 1px #dcdce5;
  border-radius: 30px;
}
.btn-light.active, .btn-light:focus, .btn-light:active, .btn-light:hover {
  color: #4c586f;
  border-color: #dcdce5;
  background-color: #f9f9fb;
}

.btn-text {
  color: #fff;
  background-color: #848484;
  border: solid 1px #848484;
  border-radius: 30px;
}
.btn-text.active, .btn-text:focus, .btn-text:active, .btn-text:hover {
  color: #fff;
  border-color: #848484;
  background-color: #9e9e9e;
}

.btn-cyan {
  color: #4c586f;
  background-color: #50aeff;
  border: solid 1px #50aeff;
  border-radius: 30px;
}
.btn-cyan.active, .btn-cyan:focus, .btn-cyan:active, .btn-cyan:hover {
  color: #4c586f;
  border-color: #50aeff;
  background-color: #83c6ff;
}

.btn-purple {
  color: #4c586f;
  background-color: #9d86ff;
  border: solid 1px #9d86ff;
  border-radius: 30px;
}
.btn-purple.active, .btn-purple:focus, .btn-purple:active, .btn-purple:hover {
  color: #4c586f;
  border-color: #9d86ff;
  background-color: #c6b9ff;
}

.actions a {
  color: #898a8d;
  padding: 6px 10px;
  text-align: center;
}
.actions a .icon {
  margin-right: 0;
}
.actions a:hover {
  color: #fff;
  border-radius: 3px;
}
.actions .action-success:hover {
  background-color: #31343c;
  color: #6fa939;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.actions .action-danger:hover {
  background-color: #31343c;
  color: #ff6565;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.actions .action-warning:hover {
  background-color: #31343c;
  color: #ffc107;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}

.button--loading {
  position: relative;
  padding-right: 40px;
  background-color: #4c586f;
  color: #fff;
  opacity: 0.6;
}
.button--loading::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  right: 14px;
  bottom: 0;
  margin: auto;
  border: 4px solid transparent;
  border-top-color: #fff;
  border-radius: 50%;
  -webkit-animation: button-loading-spinner 1s ease infinite;
          animation: button-loading-spinner 1s ease infinite;
}

@-webkit-keyframes button-loading-spinner {
  from {
    -webkit-transform: rotate(0turn);
            transform: rotate(0turn);
  }
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}

@keyframes button-loading-spinner {
  from {
    -webkit-transform: rotate(0turn);
            transform: rotate(0turn);
  }
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
.card {
  position: relative;
  width: 100%;
  background-color: #1e2026;
  border-radius: 5px;
}
.card.sticky {
  top: 104px;
}
.card .cover {
  position: relative;
  height: 150px;
  width: 100%;
  border-radius: 5px 5px 0 0;
}
.card .cover-nav {
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 9;
  width: 100%;
  padding: 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card .cover-nav .btn-small {
  padding: 8px 25px;
}
.card .cover img {
  height: 150px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card .top {
  position: relative;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 20px;
}
.card .top .item-avatar .avatar {
  margin: -58px 0 0 0;
  width: 99px;
  height: 99px;
  border-width: 4px;
}
.card .top .item-logo {
  width: 140px;
  height: 140px;
  background-color: #fff;
  padding: 10px;
  margin: -70px 0 0 0;
  border-radius: 50%;
  border: solid 8px #1e2026;
}
.card .top .item-logo .logo {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 10%;
}
.card .top .item-logo.svg-logo .icon {
  padding: 20px;
}
.card .top .last-login {
  font-size: 10px;
  color: #898a8d;
  margin: 12px 10px 0 0;
}
.card .body {
  margin: 20px 0 0 0;
  padding: 0 20px;
}
.card .body .username {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 2px;
}
.card .body .fonction {
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card .body .fonction .bullet {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 8px 0 0;
}
.card .body .label {
  color: #898a8d;
}
.card .body .label {
  font-size: 12px;
  text-transform: uppercase;
}
.card .body .value {
  font-size: 14px;
  font-weight: 700;
}
.card .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 0 0 10px 0;
}
.card .bottom a {
  height: 50px;
  width: 50px;
  color: #898a8d;
  font-size: 24px;
  border-radius: 5px;
}
.card .bottom.actions .action-success:hover,
.card .bottom.actions .action-danger:hover,
.card .bottom.actions .action-warning:hover {
  background-color: #31343c;
}
.card .card-form {
  padding: 0 20px;
}
.card .card-form .input.textarea label {
  margin-bottom: 8px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
}
.card .card-form .input.textarea textarea {
  border: solid 1px #31343c;
  border-radius: 0;
}
.card.card-disabled {
  opacity: 0.3;
}
.card.card-disabled:hover {
  opacity: 0.8;
}
.card.card-disabled:hover .avatar-disabled {
  z-index: 11;
  opacity: 0.9;
}

.card-xl {
  border-radius: 10px;
}
.card-xl .cover {
  height: 220px;
  width: 100%;
}
.card-xl .cover img {
  height: 220px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-xl .top {
  padding: 0 30px;
}
.card-xl .top .item-avatar .avatar {
  margin: -70px 0 0 0;
  width: 140px;
  height: 140px;
  border-width: 10px;
  border-color: #1e2026 !important;
}
.card-xl .top .last-login {
  font-size: 12px;
  margin: 25px 10px 0 0;
}
.card-xl .top .btn-img {
  margin-left: 8px;
}
.card-xl .body {
  margin: 18px 0 34px 0;
  padding: 0 30px;
}
.card-xl .body .username {
  font-size: 32px;
  font-weight: 700;
}
.card-xl .body .label {
  color: #898a8d;
  font-size: 14px;
  text-transform: uppercase;
}
.card-xl .body .value {
  font-size: 18px;
  font-weight: 700;
}
.card-xl .card-form {
  padding: 0 30px;
}
.card-xl .card-form textarea {
  background-color: #1e2026;
}
.card-xl .cover-customer .cover {
  padding: 20px;
  -webkit-transform: rotate(-6deg);
          transform: rotate(-6deg);
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 980px) {
  .card-xl .cover-nav {
    top: 12px;
    padding: 0 12px;
  }
  .card-xl .cover-nav .btn-small {
    padding: 8px 12px;
  }
  .card-xl .top {
    padding: 0 10px;
  }
  .card-xl .top .item-avatar .avatar {
    margin: -50px 0 0 0;
    width: 100px;
    height: 100px;
    border-width: 6px;
    border-color: #1e2026 !important;
  }
  .card-xl .top .last-login {
    font-size: 12px;
    margin: 12px 10px 0 0;
  }
  .card-xl .body {
    padding: 0 20px;
  }
  .card-xl .body .username {
    font-size: 28px;
  }
  .card-xl .card-form {
    padding: 0 20px;
  }
}

.project-cover {
  overflow: hidden;
}
.project-cover .cover {
  -webkit-transform: rotate(-6deg) scale(1.2);
          transform: rotate(-6deg) scale(1.2);
}

.tippy-box[data-theme~=dropdown] {
  background-color: #31343c;
  color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  max-height: 390px;
  overflow: hidden;
}
.tippy-box[data-theme~=dropdown] .scrollpane {
  position: relative;
  height: 100%;
  overflow: hidden;
  padding: 0 12px 0 0;
}
.tippy-box[data-theme~=dropdown] .tippy-content {
  padding: 8px;
  min-width: 180px;
}

.dropdown {
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none !important;
}
.dropdown.is-active:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.dropdown:after {
  content: "";
  display: inline-block;
  margin-left: 12px;
  width: 14px;
  height: 10px;
  background: transparent url(../img/icon/caret.png) no-repeat center right;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.dropdown-menu {
  position: absolute;
  z-index: 99999;
  min-width: 200px;
  padding: 10px 0;
  background-color: #31343c;
  -webkit-box-shadow: 0 0 99px #12141a;
          box-shadow: 0 0 99px #12141a;
  border-radius: 12px;
  overflow: hidden;
  visibility: hidden;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-menu ul {
  padding: 0;
}
.dropdown-menu ul > li,
.dropdown-menu .dropdown-item {
  display: block;
  cursor: pointer;
}
.dropdown-menu ul > li a,
.dropdown-menu .dropdown-item a {
  display: block;
  color: #898a8d;
  display: block;
  padding: 8px 20px;
  text-decoration: none;
  font-size: 14px;
}
.dropdown-menu ul > li a:hover,
.dropdown-menu .dropdown-item a:hover {
  background-color: #484c58;
  color: #fff;
}
.dropdown-menu ul > li .icon,
.dropdown-menu .dropdown-item .icon {
  font-size: 18px;
  margin: 0 12px 0 0;
}
.dropdown-menu .dropdown-title {
  padding: 0 20px;
  margin-top: 20px;
  margin-bottom: 4px;
  list-style: none;
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
}
.dropdown-menu .dropdown-title:first-of-type {
  margin-top: 10px;
}
.dropdown-menu .dropdown-separator {
  list-style: none;
  height: 1px;
  background-color: #4c586f;
}
.dropdown-menu .input.radio {
  padding-bottom: 0;
}
.dropdown-menu .input.radio .radio-group {
  display: block;
}

.tar .dropdown-menu .dropdown-item .icon {
  margin: 0 0 0 12px;
}

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  margin: -4px 5px 0 0;
}

.flag {
  display: inline-block;
  width: 35px;
  height: 22px;
  background-size: 100%;
  background-position: 0 1px;
  background-repeat: no-repeat;
}
.flag.flag-fr {
  background-image: url(../img/flags/fr.png);
}
.flag.flag-en {
  background-image: url(../img/flags/en.png);
}

.switch_langue,
.btn-switch-langue-input img {
  width: 38px;
}

.modal {
  display: none;
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}
.modal.show {
  display: block;
}
.modal.show .modal-content {
  -webkit-animation: showModal 0.6s;
          animation: showModal 0.6s;
}

.modal-sm.modal-content {
  width: 480px;
}

.modal-md.modal-content {
  width: 780px;
}

.modal-lg.modal-content {
  width: 980px;
}

.modal-content {
  background-color: #1e2026;
  margin: 30px auto;
  width: 80%;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 39px #1e2026;
          box-shadow: 0 0 39px #1e2026;
}

.modal-head {
  padding: 24px 30px;
  border-bottom: solid 1px #dcdce5;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal-title {
  color: #fff;
  font-size: 20px;
}

.close {
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

@media (max-width: 980px) {
  .modal-sm.modal-content,
  .modal-md.modal-content,
  .modal-lg.modal-content,
  .modal-content {
    width: 100vw;
  }
  .modal-content {
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
@-webkit-keyframes showModal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes showModal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes hideModal {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hideModal {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.nav-pill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.nav-pill .nav-item {
  padding: 0 5px;
}
.nav-pill .nav-item:hover, .nav-pill .nav-item.active {
  background-color: rgba(76, 88, 111, 0.1);
}
.nav-pill .link {
  display: inline-block;
  font-size: 14px;
  font-family: "Manrope";
  color: #4c586f;
  min-width: 280px;
  line-height: 70px;
  padding: 0 25px;
}
.nav-pill .link .icon {
  margin-left: 8px;
}
.nav-pill .link:hover, .nav-pill .link.active {
  color: #232832;
  border-bottom: 3px solid #4c586f;
}

.tabs {
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: solid 1px #31343c;
}
.tabs li {
  list-style: none;
  display: inline-block;
  margin: 0 40px 0 0;
}
.tabs li:last-child {
  margin: 0px;
}
.tabs .tab-link {
  display: inline-block;
  color: #898a8d;
  font-weight: 500;
  padding: 6px 0 20px 0;
  text-decoration: none;
}
.tabs .tab-link:hover, .tabs .tab-link.active {
  color: #fff;
  border-bottom: 2px solid #fff;
}

.tabs-content .tab-pane {
  display: none;
}
.tabs-content .tab-pane.active {
  display: block;
}
.tabs-content .tab-header {
  padding: 20px 0 30px 0;
}
.tabs-content .tab-header .label {
  color: #898a8d;
}
.tabs-content .tab-header a {
  color: #fff;
}

@font-face {
  font-family: "Spartan";
  src: url("../font/Spartan-Regular.ttf") format("woff2");
}
@font-face {
  font-family: "SpartanMedium";
  src: url("../font/Spartan-Medium.ttf") format("woff2");
}
@font-face {
  font-family: "SpartanBold";
  src: url("../font/Spartan-SemiBold.ttf") format("woff2");
}
.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.text-primary {
  color: #4c586f !important;
}

.text-secondary {
  color: #31343c !important;
}

.text-success {
  color: #6fa939 !important;
}

.text-danger {
  color: #ff6565 !important;
}

.text-warning {
  color: #ffc107 !important;
}

.text-orange {
  color: #ffc107 !important;
}

.text-info {
  color: #50aeff !important;
}

.text-gray {
  color: #bbbcbd !important;
}

.text-white {
  color: #fff !important;
}

.text-green {
  color: #6fa939 !important;
}

.text-red {
  color: #ff6565 !important;
}

.text-dark {
  color: #1e2026 !important;
}

.text-light {
  color: #dcdce5 !important;
}

.text-text {
  color: #848484 !important;
}

.text-cyan {
  color: #50aeff !important;
}

.text-purple {
  color: #9d86ff !important;
}

.fz-12 {
  font-size: 12px;
}

.fz-14 {
  font-size: 14px;
}

.well {
  padding: 25px 30px;
  border-radius: 10px;
}
.well .well-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.well .well-header .btn {
  padding: 8px 15px;
}
.well .well-title {
  color: #fff;
  font-size: 25px;
  font-weight: 700;
}
@media (max-width: 980px) {
  .well {
    padding: 20px;
  }
}

.well-table {
  border: 1px solid #31343c;
  border-radius: 5px;
}
.well-table .well-table-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}
.well-table .well-table-header h3 {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.well-table .well-table-header .btn {
  padding: 4px 14px;
  font-size: 13px;
}
.well-table .table {
  margin: 0;
}
.well-table .table th {
  color: #898a8d;
  text-transform: capitalize;
}
.well-table .table th a {
  color: #898a8d;
}
.well-table .table th a:hover {
  color: #fff;
}
.well-table .table th:first-child, .well-table .table td:first-child {
  padding-left: 20px;
}
.well-table .table th:last-child, .well-table .table th:first-child {
  margin-right: 20px;
}
.well-table .table .actions {
  width: 130px;
}
.well-table .table .actions a {
  padding: 6px 9px;
}
@media (max-width: 980px) {
  .well-table {
    border-width: 0;
    border-top: 1px solid #898a8d;
    border-radius: 0;
  }
  .well-table .table th:first-child, .well-table .table td:first-child {
    padding-left: 110px;
  }
  .well-table .table .actions {
    width: 100%;
  }
}

.well-primary {
  background-color: #4c586f;
  color: #fff;
}

.well-secondary {
  background-color: #31343c;
  color: #fff;
}

.well-success {
  background-color: #6fa939;
  color: #fff;
}

.well-danger {
  background-color: #ff6565;
  color: #fff;
}

.well-warning {
  background-color: #ffc107;
  color: #4c586f;
}

.well-orange {
  background-color: #ffc107;
  color: #4c586f;
}

.well-info {
  background-color: #50aeff;
  color: #4c586f;
}

.well-gray {
  background-color: #bbbcbd;
  color: #4c586f;
}

.well-white {
  background-color: #fff;
  color: #4c586f;
}

.well-green {
  background-color: #6fa939;
  color: #fff;
}

.well-red {
  background-color: #ff6565;
  color: #fff;
}

.well-dark {
  background-color: #1e2026;
  color: #fff;
}

.well-light {
  background-color: #dcdce5;
  color: #4c586f;
}

.well-text {
  background-color: #848484;
  color: #fff;
}

.well-cyan {
  background-color: #50aeff;
  color: #4c586f;
}

.well-purple {
  background-color: #9d86ff;
  color: #4c586f;
}

@media (max-width: 980px) {
  .page-view .well {
    background-color: transparent;
    padding: 0;
  }
  .page-view .well .well-header .btn span {
    display: none;
  }
}
.bg-primary {
  background-color: #4c586f;
  color: #fff;
}

.bg-secondary {
  background-color: #31343c;
  color: #fff;
}

.bg-success {
  background-color: #6fa939;
  color: #fff;
}

.bg-danger {
  background-color: #ff6565;
  color: #fff;
}

.bg-warning {
  background-color: #ffc107;
  color: #4c586f;
}

.bg-orange {
  background-color: #ffc107;
  color: #4c586f;
}

.bg-info {
  background-color: #50aeff;
  color: #4c586f;
}

.bg-gray {
  background-color: #bbbcbd;
  color: #4c586f;
}

.bg-white {
  background-color: #fff;
  color: #4c586f;
}

.bg-green {
  background-color: #6fa939;
  color: #fff;
}

.bg-red {
  background-color: #ff6565;
  color: #fff;
}

.bg-dark {
  background-color: #1e2026;
  color: #fff;
}

.bg-light {
  background-color: #dcdce5;
  color: #4c586f;
}

.bg-text {
  background-color: #848484;
  color: #fff;
}

.bg-cyan {
  background-color: #50aeff;
  color: #4c586f;
}

.bg-purple {
  background-color: #9d86ff;
  color: #4c586f;
}

.bg-light {
  color: #31343c;
}

.breakcrumb ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.index .breakcrumb ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.index.products .breakcrumb ul {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.breakcrumb ul li {
  margin: 0;
}
.breakcrumb ul li a {
  color: #3d3d3d;
  font-family: "Manrope";
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.breakcrumb ul li a:hover {
  color: #4c586f;
}
.breakcrumb ul li a::after {
  display: inline-block;
  content: "";
  width: 1rem;
  height: 1rem;
  background: transparent url(../img/icon/source/angle-right.svg) no-repeat center center;
  background-size: contain;
}

.pagination {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}
.pagination .prev, .pagination .next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  width: 40px;
  margin: 0 20px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.pagination .prev a, .pagination .next a {
  text-decoration: none;
  color: #898a8d;
  line-height: 40px;
  padding: 2px 13px;
  background: #1e2026;
  border-radius: 50%;
}
.pagination .prev svg, .pagination .next svg {
  margin: 0;
}
.pagination .prev.disabled, .pagination .next.disabled {
  background: none;
  pointer-events: none;
  opacity: 0.5;
}
.pagination .prev.disabled a, .pagination .next.disabled a {
  color: #31343c;
}
.pagination .prev:hover a, .pagination .next:hover a {
  background-color: #31343c;
  color: #fff;
}
.pagination .next {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.pagination .link {
  display: inline-block;
  padding: 10px;
  margin: 0 10px;
  font-size: 14px;
  text-decoration: none;
  color: #898a8d;
}
.pagination .link:hover, .pagination .link.active {
  color: #fff;
}

.perpage {
  width: 150px;
}

.hero-grid ul,
.hero-banner ul {
  list-style: none;
  padding: 0;
  margin: 30px 0 0;
}
.hero-grid ul li,
.hero-banner ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-bottom: 30px;
}
.hero-grid ul li:last-child,
.hero-banner ul li:last-child {
  margin-bottom: 0;
}
.hero-grid ul li i,
.hero-banner ul li i {
  background-color: #31343c;
  width: 69px;
  height: 69px;
  min-width: 69px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hero-grid ul li i svg,
.hero-banner ul li i svg {
  margin: 0;
  fill: #4c586f;
  width: 2rem;
  height: 2rem;
}
.hero-grid ul li span,
.hero-banner ul li span {
  color: #848484;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.hero-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 335px;
  grid-template-columns: repeat(1, 335px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 30px;
}
@media (min-width: 576px) {
  .hero-grid {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .hero-grid.one {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 761px) {
  .hero-grid {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 991px) {
  .hero-grid {
    -ms-grid-columns: (minmax(335px, 645px))[2];
    grid-template-columns: repeat(2, minmax(335px, 645px));
  }
  .hero-grid.one {
    -ms-grid-columns: (minmax(335px, 645px))[1];
    grid-template-columns: repeat(1, minmax(335px, 645px));
  }
}
.hero-grid .grid-item {
  font-family: "Manrope";
  padding: 20px;
  border: 1px solid #898a8d;
}
@media (min-width: 991px) {
  .hero-grid .grid-item {
    padding: 30px;
  }
}
.hero-grid .grid-item .item--title {
  line-height: normal;
  color: #31343c;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
@media (min-width: 576px) {
  .hero-grid .grid-item .item--title {
    font-size: 30px;
  }
}
.hero-grid .grid-item .item--resume {
  color: #848484;
  font-size: 16px;
  font-weight: 400;
  margin: 20px 0 0;
}
.hero-grid .grid-item .btn {
  margin-top: 30px;
}

/* --- bannière des pages fournisseurs --- */
.hero-banner {
  max-width: 982px;
  width: 100%;
  min-height: 327px;
  padding: 30px 60px;
  border: 1px solid #898a8d;
  margin: 0 auto;
}
.products.index .hero-banner {
  padding: 30px 30px;
}
@media (max-width: 576px) {
  .hero-banner {
    padding: 20px;
  }
}
@media (min-width: 576px) {
  .hero-banner .grid-item {
    max-width: 350px;
  }
}
.hero-banner .title {
  margin: 0 0 50px 0;
  color: #31343c;
  font-size: 30px;
  font-weight: 600;
  line-height: normal;
}
@media (max-width: 992px) {
  .hero-banner .title {
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .hero-banner .title {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .hero-banner ul {
    margin: 0 !important;
  }
}

.badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 12px;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 5px;
  background-color: #31343c;
}
.badge:empty {
  display: none;
}
.badge:before {
  content: "";
  display: inline-block;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background-color: red;
  margin-right: 6px;
}

.badge.color-primary:before {
  background-color: #4c586f;
}

.badge.bg-primary:before {
  background-color: #4c586f;
}

.badge.color-secondary:before {
  background-color: #31343c;
}

.badge.bg-secondary:before {
  background-color: #31343c;
}

.badge.color-success:before {
  background-color: #6fa939;
}

.badge.bg-success:before {
  background-color: #6fa939;
}

.badge.color-danger:before {
  background-color: #ff6565;
}

.badge.bg-danger:before {
  background-color: #ff6565;
}

.badge.color-warning:before {
  background-color: #ffc107;
}

.badge.bg-warning:before {
  background-color: #ffc107;
}

.badge.color-orange:before {
  background-color: #ffc107;
}

.badge.bg-orange:before {
  background-color: #ffc107;
}

.badge.color-info:before {
  background-color: #50aeff;
}

.badge.bg-info:before {
  background-color: #50aeff;
}

.badge.color-gray:before {
  background-color: #bbbcbd;
}

.badge.bg-gray:before {
  background-color: #bbbcbd;
}

.badge.color-white:before {
  background-color: #fff;
}

.badge.bg-white:before {
  background-color: #fff;
}

.badge.color-green:before {
  background-color: #6fa939;
}

.badge.bg-green:before {
  background-color: #6fa939;
}

.badge.color-red:before {
  background-color: #ff6565;
}

.badge.bg-red:before {
  background-color: #ff6565;
}

.badge.color-dark:before {
  background-color: #1e2026;
}

.badge.bg-dark:before {
  background-color: #1e2026;
}

.badge.color-light:before {
  background-color: #dcdce5;
}

.badge.bg-light:before {
  background-color: #dcdce5;
}

.badge.color-text:before {
  background-color: #848484;
}

.badge.bg-text:before {
  background-color: #848484;
}

.badge.color-cyan:before {
  background-color: #50aeff;
}

.badge.bg-cyan:before {
  background-color: #50aeff;
}

.badge.color-purple:before {
  background-color: #9d86ff;
}

.badge.bg-purple:before {
  background-color: #9d86ff;
}

#toast-container {
  position: fixed;
  z-index: 9999999;
}
#toast-container .toast {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 20px 70px 20px 104px;
  margin-bottom: 20px;
  width: 460px;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 99px #000000;
          box-shadow: 0 0 99px #000000;
  color: #898a8d;
  background-color: #1e2026;
  background-size: contain;
  background-position: 0 0;
  font-size: 13px;
}
#toast-container .toast span {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
#toast-container .toast:before {
  content: "";
  position: absolute;
  left: 24px;
  top: 50%;
  display: inline-block;
  width: 48px;
  height: 48px;
  margin: -24px 14px 0 14px;
  background-size: cover;
  border-radius: 50%;
}
#toast-container .toast:after {
  content: "";
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin: -4px 0 0 0;
  width: 8px;
  height: 8px;
  background-color: #31343c;
  border-radius: 50%;
}
#toast-container .toast-info:before {
  background-image: url(../img/yoda-chill.jpg) !important;
}
#toast-container .toast-error:before {
  background-image: url(../img/yoda-error.jpg) !important;
}
#toast-container .toast-success:before {
  background-image: url(../img/yoda.png) !important;
}
#toast-container .toast-warning:before {
  background-image: url(../img/yoda-chill.jpg) !important;
}
#toast-container .toast-info:after {
  background-color: #50aeff;
}
#toast-container .toast-error:after {
  background-color: #ff6565;
}
#toast-container .toast-success:after {
  background-color: #6fa939;
}
#toast-container .toast-warning:after {
  background-color: #ffc107;
}
#toast-container .toast-close-button {
  position: absolute;
  cursor: pointer;
  z-index: 9;
  right: 20px;
  top: 26px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 26px;
  color: #FFFFFF;
  border-radius: 50%;
  background-color: #31343c;
}
#toast-container .toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #50aeff;
  opacity: 0.5;
}
@media (max-width: 980px) {
  #toast-container.toast-top-right {
    top: 0;
    right: 0;
  }
  #toast-container .toast {
    padding: 16px 50px 16px 104px;
    margin-bottom: 20px;
    width: 100%;
    border-radius: 0;
  }
  #toast-container .toast-close-button {
    right: -3px;
    top: 6px;
    background-color: transparent;
    font-size: 32px;
  }
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 20px;
  right: 20px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/*
 * checkbox variables (you can change them)
 */
/*
 * checkbox styles
 */
.input.checkbox {
  padding: 18px 0;
}
.input.checkbox label {
  font-size: 16px;
}
.input.checkbox input {
  border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 24px;
  height: 24px;
  vertical-align: text-bottom;
  background-color: #fff;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
  cursor: pointer;
}
.input.checkbox input:checked {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=");
  background-size: 60% 60%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #4c586f;
}
.input.checkbox input:disabled {
  opacity: 0.6;
}
.input.checkbox input + label {
  cursor: pointer;
}
.input.checkbox input:disabled + label {
  opacity: 0.6;
  cursor: not-allowed;
}

.login-content .grid {
  height: 100vh;
}

.login-title {
  font-size: 40px;
  font-family: "StarJedi";
  text-align: center;
}

.login-sub-title {
  font-family: "Manrope";
  font-size: 16px;
  text-align: center;
}

.login-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15%;
}
.login-form > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.bg-login {
  background: #000 url(../img/login.jpg) no-repeat center center;
  background-size: cover;
}

@media (max-width: 980px) {
  .bg-login {
    display: none;
  }
}
/* - - - -    Z-index Element Priority    - - - -  */
/*# sourceMappingURL=main.css.map */