@charset "UTF-8";
body {
  font-family: "Roboto";
  padding: 0;
  margin: 0;
  background-color: #3b3a38;
}
h1, h2, h3, h4, h5, h6, p, a, td {
  margin: 0;
}
p, span, div, td, input, textarea, li {
  color: var(--custom-color, var(--color));
  font-family: var(--custom-font-family, var(--font-family));
  font-size: var(--custom-font-size, var(--font-size));
  font-weight: var(--custom-font-weight, var(--font-weight));
  margin-bottom: var(--custom-margin-bottom, var(--margin-bottom));
  line-height: var(--custom-line-height, var(--line-height));
}
p + p {
  margin-top: 20px;
}
a:not(.btn):not(.button) {
  color: var(--custom-color, var(---link-color, var(--color)));
  font-family: var(--custom-font-family, var(---link-font-family, var(--font-family)));
  font-size: var(--custom-font-size, var(---link-font-size, var(--font-size)));
  font-weight: var(--custom-font-weight, var(---link-font-weight, var(--font-weight)));
  margin-bottom: var(--custom-margin-bottom, var(---link-margin-bottom, var(--margin-bottom)));
  line-height: var(--custom-line-height, var(---link-line-height, var(--line-height)));
  text-decoration: var(--custom-text-decoration, var(---link-text-decoration, var(--text-decoration)));
}
a:not(.btn):not(.button):hover {
  color: var(--custom-color, var(---link-hover-color, var(---linkcolor)));
  font-family: var(--custom-font-family, var(---link-hover-font-family, var(---linkfont-family)));
  font-size: var(--custom-font-size, var(---link-hover-font-size, var(---linkfont-size)));
  font-weight: var(--custom-font-weight, var(---link-hover-font-weight, var(---linkfont-weight)));
  margin-bottom: var(--custom-margin-bottom, var(---link-hover-margin-bottom, var(---linkmargin-bottom)));
  line-height: var(--custom-line-height, var(---link-hover-line-height, var(---linkline-height)));
}
a {
  text-decoration: none;
}
h1, h1 span {
  color: var(--custom-color, var(--h1-color, var(--color)));
  font-family: var(--custom-font-family, var(--h1-font-family, var(--font-family)));
  font-size: var(--custom-font-size, var(--h1-font-size, var(--font-size)));
  font-weight: var(--custom-font-weight, var(--h1-font-weight, var(--font-weight)));
  margin-bottom: var(--custom-margin-bottom, var(--h1-margin-bottom, var(--margin-bottom)));
  line-height: var(--custom-line-height, var(--h1-line-height, var(--line-height)));
}
h2, h2 span {
  color: var(--custom-color, var(--h2-color, var(--color)));
  font-family: var(--custom-font-family, var(--h2-font-family, var(--font-family)));
  font-size: var(--custom-font-size, var(--h2-font-size, var(--font-size)));
  font-weight: var(--custom-font-weight, var(--h2-font-weight, var(--font-weight)));
  margin-bottom: var(--custom-margin-bottom, var(--h2-margin-bottom, var(--margin-bottom)));
  line-height: var(--custom-line-height, var(--h2-line-height, var(--line-height)));
}
h3, h3 span {
  color: var(--custom-color, var(--h3-color, var(--color)));
  font-family: var(--custom-font-family, var(--h3-font-family, var(--font-family)));
  font-size: var(--custom-font-size, var(--h3-font-size, var(--font-size)));
  font-weight: var(--custom-font-weight, var(--h3-font-weight, var(--font-weight)));
  margin-bottom: var(--custom-margin-bottom, var(--h3-margin-bottom, var(--margin-bottom)));
  line-height: var(--custom-line-height, var(--h3-line-height, var(--line-height)));
}
h4, h4 span {
  color: var(--custom-color, var(--h4-color, var(--color)));
  font-family: var(--custom-font-family, var(--h4-font-family, var(--font-family)));
  font-size: var(--custom-font-size, var(--h4-font-size, var(--font-size)));
  font-weight: var(--custom-font-weight, var(--h4-font-weight, var(--font-weight)));
  margin-bottom: var(--custom-margin-bottom, var(--h4-margin-bottom, var(--margin-bottom)));
  line-height: var(--custom-line-height, var(--h4-line-height, var(--line-height)));
}
h5, h5 span {
  color: var(--custom-color, var(--h5-color, var(--color)));
  font-family: var(--custom-font-family, var(--h5-font-family, var(--font-family)));
  font-size: var(--custom-font-size, var(--h5-font-size, var(--font-size)));
  font-weight: var(--custom-font-weight, var(--h5-font-weight, var(--font-weight)));
  margin-bottom: var(--custom-margin-bottom, var(--h5-margin-bottom, var(--margin-bottom)));
  line-height: var(--custom-line-height, var(--h5-line-height, var(--line-height)));
}
h2 + h3, h1 + h3 {
  margin-top: -10px;
  display: inline-block;
  --h3-font-size: 16px;
  padding-right: 10px;
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
figure {
  padding: 0;
  margin: 0;
}
img {
  max-width: 100%;
  height: auto;
}
.bg-grey {
  background-color: #2f2f2f;
}
.bg-light-grey {
  background-color: #efefef87;
}
*[style*="--pb:"] {
  padding-bottom: var(--pb);
}
*[style*="--pt:"] {
  padding-top: var(--pt);
}
*[style*="--pr:"] {
  padding-right: var(--pr);
}
*[style*="--pl:"] {
  padding-left: var(--pl);
}
@media (max-width: 692px) {
  *[style*="--pb-xs:"] {
    padding-bottom: var(--pb-xs);
  }
  *[style*="--pt-xs:"] {
    padding-top: var(--pt-xs);
  }
  *[style*="--pr-xs:"] {
    padding-right: var(--pr-xs);
  }
  *[style*="--pl-xs:"] {
    padding-left: var(--pl-xs);
  }
}
grid, .grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 30px;
  width: 100%;
  margin: 0 auto;
  --cw: 12;
  --cs: auto;
  --rh: 1;
  --rs: auto;
}
@media (max-width: 576px) {
  grid, .grid {
    max-width: calc(100% - 30px);
    gap: 15px 15px;
  }
}
@media (min-width: 576px) {
  grid, .grid {
    max-width: calc(100% - 30px);
    gap: 15px 15px;
  }
}
@media (min-width: 768px) {
  grid, .grid {
    max-width: 720px;
    gap: 30px;
  }
}
@media (min-width: 992px) {
  grid, .grid {
    max-width: 960px;
    gap: 30px;
  }
}
@media (min-width: 1200px) {
  grid, .grid {
    max-width: 1140px;
    gap: 30px;
  }
}
@media (min-width: 1400px) {
  grid, .grid {
    max-width: 1290px;
    gap: 30px;
  }
}
grid.no-gap, .grid.no-gap {
  gap: 0;
}
grid.fluid, .grid.fluid {
  margin: 0;
  max-width: 100%;
}
@media (max-width: 692px) {
  grid.fluid, .grid.fluid {
    width: 100%;
  }
}
grid > *, .grid > * {
  grid-column: var(--column-span) / span var(--column-width);
  grid-row: var(--row-span) / span var(--rh);
}
@media (max-width: 692px) {
  grid > *, .grid > * {
    --column-width: var(--cw-xs, 12);
    --column-span: var(--cs-xs, var(--cs));
    --row-span:var(--rs-xs, var(--rs));
  }
}
@media (min-width: 692px) and (max-width: 992px) {
  grid > *, .grid > * {
    --column-width: var(--cw-sm, var(--cw));
    --column-span: var(--cs-sm, var(--cs));
    --row-span:var(--rs-sm, var(--rs));
  }
}
@media (min-width: 992px) {
  grid > *, .grid > * {
    --column-width: var(--cw, 12);
    --column-span: var(--cs, auto);
    --row-span: var(--rs, auto);
  }
}
grid > .align-center, .grid > .align-center {
  align-self: center;
}
grid grid, grid .grid, .grid grid, .grid .grid {
  max-width: 100% !important;
  margin: 0 !important;
}
img {
  max-width: 100%;
  height: auto;
}
.image-block {
  border-radius: 6px;
  overflow: hidden;
}
.row {
  display: flex;
}
.hidden {
  display: none;
}
.message {
  border: 1px solid var(--border-color);
  padding: 15px;
  border-radius: var(--border-radius);
  background-color: var(--background-color);
}
.message--success {
  --border-color: #c3e6cb;
  --background-color: #d4edda;
  --custom-color: #155724;
}
.text-block ul {
  list-style: none;
}
.text-block ul li {
  position: relative;
}
.text-block ul li:before {
  position: absolute;
  left: -25px;
  font-weight: 700;
  content: "";
  color: var(--icon-color, var(--primary));
  font-family: "FontAwesome";
}
header li.is-active > a, footer li.is-active > a {
  font-weight: 700 !important;
  position: relative;
}