@charset "UTF-8";
/**
 * Clay 3.84.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
/**
* Lexicon 1.0.14
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
:root {
  --blue: #4b9fff;
  --indigo: #7785ff;
  --purple: #af78ff;
  --pink: #ff73c3;
  --red: #ff5f5f;
  --orange: #ffb46e;
  --yellow: #ffd76e;
  --green: #9be169;
  --teal: #50d2a0;
  --cyan: #5fc8ff;
  --white: #fff;
  --gray: #6b6c7e;
  --gray-dark: #393a4a;
  --primary: #005D44;
  --secondary: #6b6c7e;
  --success: #287d3c;
  --info: #2e5aac;
  --warning: #b95000;
  --danger: #da1414;
  --light: #f1f2f5;
  --dark: #272833;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1280px;
  --breakpoint-xxl: 1440px;
  --font-family-sans-serif: "DIN-Regular", Helvetica, Arial, sans-serif;
  --font-family-monospace: sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
}

/* SPDX-SnippetBegin
 * SPDX-License-Identifier: MIT
 * SPDX-SnippetCopyrightText: © 2016 Nicolas Gallagher and Jonathan Neal <https://github.com/necolas/normalize.css>
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(7, 29, 31, 0);
}

main {
  display: block;
}

body {
  background-color: var(--body-bg, #fff);
  color: var(--body-color, #344243);
  font-family: var(--font-family-base, "DIN-Regular", Helvetica, Arial, sans-serif);
  font-size: var(--font-size-base, 1.125rem);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: var(--font-weight-normal, 400);
  line-height: 1.5;
  margin: 0;
  -ms-overflow-style: scrollbar;
  text-align: inherit;
}
@media (max-width: 767.98px) {
  body {
    font-size: 1.125rem;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5rem;
  margin-top: 0;
}

p {
  margin-bottom: 1rem;
  margin-top: 0;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  text-decoration: underline;
  text-decoration: underline dotted;
  text-decoration-skip-ink: none;
}

address {
  font-style: normal;
  margin-bottom: 1rem;
}

ol,
ul,
dl {
  margin-bottom: 1rem;
  margin-top: 0;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: var(--font-weight-bold, 700);
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: var(--font-weight-bolder, 900);
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #005D44;
  text-decoration: none;
}
a:hover {
  color: #002a1f;
  text-decoration: underline;
}
pre,
code,
kbd,
samp {
  font-family: sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
}

pre {
  margin-bottom: 1rem;
  margin-top: 0;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

input,
button,
select,
optgroup,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

button,
input {
  overflow: visible;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
}

fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
}

legend {
  color: inherit;
  display: block;
  font-size: 1.5rem;
  line-height: inherit;
  margin-bottom: 0.5rem;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  width: 100%;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

/* SPDX-SnippetEnd */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: var(--primary-400, #005D44);
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.2;
  margin-bottom: 0.5rem;
}

h1,
.h1 {
  font-size: var(--h1-font-size, 4rem);
}
h2,
.h2 {
  font-size: var(--h2-font-size, 2rem);
}
h3,
.h3 {
  font-size: var(--h3-font-size, 2.625rem);
}
h4,
.h4 {
  font-size: var(--h4-font-size, 1.375rem);
}
h5,
.h5 {
  font-size: var(--h5-font-size, 1.5rem);
}
h6,
.h6 {
  font-size: var(--h6-font-size, 1.75rem);
}
.lead {
  font-size: var(--lead-font-size, 1.40625rem);
  font-weight: var(--lead-font-weight, 400);
}

.display-1 {
  font-size: var(--display1-size, 6rem);
  font-weight: var(--display1-weight, 300);
  line-height: var(--display-line-height, 1.2);
}

.display-2 {
  font-size: var(--display2-size, 5.5rem);
  font-weight: var(--display2-weight, 300);
  line-height: var(--display-line-height, 1.2);
}

.display-3 {
  font-size: var(--display3-size, 4.5rem);
  font-weight: var(--display3-weight, 300);
  line-height: var(--display-line-height, 1.2);
}

.display-4 {
  font-size: var(--display4-size, 3.5rem);
  font-weight: var(--display4-weight, 300);
  line-height: var(--display-line-height, 1.2);
}

hr {
  border-color: var(--hr-border-color, rgba(7, 29, 31, 0.1));
  border-style: solid;
  border-width: var(--hr-border-width, 0.0625rem) 0 0 0;
  margin-bottom: var(--hr-margin-y, 1rem);
  margin-top: var(--hr-margin-y, 1rem);
}

small,
.small {
  font-size: 0.875rem;
  font-weight: var(--font-weight-normal, 400);
}

mark,
.mark {
  background-color: #fcf8e3;
  box-decoration-break: clone;
  box-shadow: -0.25em 0 0 #fcf8e3;
  display: inline;
  line-height: normal;
  padding: 2px 0.25em 3px 0;
  position: relative;
  white-space: pre-wrap;
}
mark:before,
.mark:before {
  background-color: #fcf8e3;
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  right: 100%;
  top: 0;
  width: 0.25em;
  z-index: -1;
}

.list-unstyled {
  list-style: none;
  padding-left: 0;
}

.list-inline {
  list-style: none;
  padding-left: 0;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  font-size: var(--blockquote-font-size, 1.40625rem);
  margin-bottom: 1rem;
}

.blockquote-footer {
  color: var(--blockquote-small-color, #6b6c7e);
  display: block;
  font-size: var(--blockquote-small-font-size, 0.875rem);
}
.blockquote-footer::before {
  content: "— ";
}

b {
  font-weight: var(--font-weight-semi-bold, 500);
}

strong {
  font-weight: var(--font-weight-semi-bold, 500);
}

.reference-mark {
  display: inline-block;
  font-size: 0.75rem;
  position: relative;
  vertical-align: super;
}
.reference-mark.lexicon-icon {
  vertical-align: super;
}

.c-kbd-group {
  font-size: 0.875rem;
}
.c-kbd-group > .c-kbd {
  font-size: inherit;
}

.c-kbd {
  background-color: transparent;
  border-radius: 2px;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  color: inherit;
  display: inline-block;
  font-family: DIN-Regular, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  height: 1.5rem;
  line-height: 1.375rem;
  min-width: 1.5rem;
  padding-bottom: 0;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  padding-top: 0;
  text-align: center;
  text-transform: capitalize;
}

.c-kbd > .c-kbd {
  border-width: 0px;
  font-size: inherit;
  font-weight: inherit;
  height: auto;
  line-height: inherit;
  min-width: 0;
  padding: 0;
}
.c-kbd > .c-kbd[class*=c-kbd-] {
  border-width: inherit;
  height: inherit;
  min-width: inherit;
  padding: inherit;
}
.c-kbd > .c-kbd[class*=c-kbd-]:first-child {
  margin-left: -0.3125rem;
}
.c-kbd > .c-kbd[class*=c-kbd-]:last-child {
  margin-right: -0.3125rem;
}
.c-kbd > .c-kbd.c-kbd-monospaced {
  padding: 0;
}
.c-kbd > .c-kbd-separator {
  font-weight: var(--font-weight-normal, 400);
}

.c-kbd-monospaced {
  padding: 0;
}

.c-kbd-inline {
  border-width: 0px;
  font-weight: var(--font-weight-light, 300);
  height: auto;
  line-height: inherit;
  min-width: 0;
  padding: 0;
}
.c-kbd-inline .c-kbd-separator {
  font-weight: inherit;
}

.c-kbd-sm,
.c-kbd.c-kbd-sm {
  font-size: 0.75rem;
}

.c-kbd-group-sm {
  font-size: 0.75rem;
}
.c-kbd-lg,
.c-kbd.c-kbd-lg {
  font-size: 1rem;
}

.c-kbd-group-lg {
  font-size: 1rem;
}
.c-kbd-group-light {
  color: #6b6c7e;
}

.c-kbd-light {
  background-color: #fff;
  border-color: #cdced9;
  color: #6b6c7e;
}

.c-kbd-group-dark {
  color: #fff;
}

.c-kbd-dark {
  background-color: #393a4a;
  border-color: #393a4a;
  color: #fff;
}

.text-truncate {
  display: block;
}

.text-truncate-inline {
  display: inline-flex;
  max-width: 100%;
}
.text-truncate-inline .text-truncate {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
  word-wrap: normal;
}

code {
  color: #ff73c3;
  font-size: 87.5%;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  background-color: #272833;
  border-radius: var(--border-radius-sm, 0.1875rem);
  box-shadow: inset 0 -0.1rem 0 rgba(7, 29, 31, 0.25);
  color: #fff;
  font-size: 87.5%;
  padding: 0.2rem 0.4rem;
}
kbd kbd {
  box-shadow: none;
  font-size: 100%;
  font-weight: var(--font-weight-bold, 700);
  padding: 0;
}

pre {
  color: #272833;
  display: block;
  font-size: 87.5%;
}
pre code {
  color: inherit;
  font-size: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

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

.img-thumbnail {
  background-color: var(--body-bg, #fff);
  border: 0.0625rem solid #e7e7ed;
  border-radius: 0.25rem;
  box-shadow: 0 1px 2px rgba(7, 29, 31, 0.075);
  height: auto;
  max-width: 100%;
  padding: 0.25rem;
}

.figure {
  display: inline-block;
}

.figure-img {
  line-height: 1;
  margin-bottom: 0.5rem;
}

.figure-caption {
  color: #6b6c7e;
  font-size: 90%;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.carousel-inner::after {
  clear: both;
  content: "";
  display: block;
}

.carousel-item {
  backface-visibility: hidden;
  display: none;
  float: left;
  margin-right: -100%;
  position: relative;
  transition: transform 0.6s ease-in-out;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transform: none;
  transition-property: opacity;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
  z-index: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
  transition: opacity 0s 0.6s;
  z-index: 0;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  align-items: center;
  bottom: 0;
  color: #fff;
  display: flex;
  justify-content: center;
  opacity: 0.5;
  position: absolute;
  text-align: center;
  top: 0;
  transition: opacity 0.15s ease;
  width: 15%;
  z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  opacity: 0.9;
  outline: 0;
  text-decoration: none;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background: no-repeat 50%/100% 100%;
  display: inline-block;
  height: 20px;
  width: 20px;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23fff'%20width='8'%20height='8'%20viewBox='0%200%208%208'%3E%3Cpath%20d='M5.25%200l-4%204%204%204%201.5-1.5L4.25%204l2.5-2.5L5.25%200z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23fff'%20width='8'%20height='8'%20viewBox='0%200%208%208'%3E%3Cpath%20d='M2.75%200l-1.5%201.5L3.75%204l-2.5%202.5L2.75%208l4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  list-style: none;
  margin-left: 15%;
  margin-right: 15%;
  padding-left: 0;
  position: absolute;
  right: 0;
  z-index: 15;
}
.carousel-indicators li {
  background-clip: padding-box;
  background-color: #fff;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  box-sizing: content-box;
  cursor: pointer;
  flex: 0 1 auto;
  height: 3px;
  margin-left: 3px;
  margin-right: 3px;
  opacity: 0.5;
  text-indent: -999px;
  transition: opacity 0.6s ease;
  width: 30px;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.jumbotron {
  background-color: #f1f2f5;
  border-radius: var(--border-radius-lg, 0.375rem);
  margin-bottom: 2rem;
  padding: 2rem 1rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  animation: spinner-border 0.75s linear infinite;
  border-color: currentColor transparent currentColor currentColor;
  border-radius: 50%;
  border-style: solid;
  border-width: 0.25em;
  display: inline-block;
  height: 2rem;
  vertical-align: text-bottom;
  width: 2rem;
}

.spinner-border-sm {
  border-width: 0.2em;
  height: 1rem;
  width: 1rem;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}
.spinner-grow {
  animation: spinner-grow 0.75s linear infinite;
  background-color: currentColor;
  border-radius: 50%;
  display: inline-block;
  height: 2rem;
  opacity: 0;
  vertical-align: text-bottom;
  width: 2rem;
}

.spinner-grow-sm {
  height: 1rem;
  width: 1rem;
}

.toast {
  backdrop-filter: blur(10px);
  background-clip: padding-box;
  background-color: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  box-shadow: 0 0.25rem 0.75rem rgba(7, 29, 31, 0.1);
  font-size: 0.875rem;
  max-width: 350px;
  opacity: 0;
  overflow: hidden;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}

.toast-header {
  align-items: center;
  background-clip: padding-box;
  background-color: rgba(255, 255, 255, 0.85);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  color: #6b6c7e;
  display: flex;
  padding: 0.25rem 0.75rem;
}

.toast-body {
  padding: 0.75rem;
}

.lexicon-icon {
  display: inline-block;
  fill: currentColor;
  height: 1em;
  margin-top: -3px;
  vertical-align: middle;
  width: 1em;
}

.lexicon-icon-sm {
  font-size: 0.5rem;
}

.lexicon-icon-lg {
  font-size: 2rem;
}

.lexicon-icon-xl {
  font-size: 8rem;
}

.order-arrow-down-active .order-arrow-arrow-down {
  fill: #a7a9bc;
}

.order-arrow-up-active .order-arrow-arrow-up {
  fill: #a7a9bc;
}

a.collapse-icon,
button.collapse-icon {
  padding-right: 2.28125rem;
}
a.collapse-icon .c-inner,
button.collapse-icon .c-inner {
  margin-right: -2.28125rem;
}

.collapse-icon-closed .lexicon-icon,
.collapse-icon-open .lexicon-icon {
  display: block;
}

.collapse-icon .collapse-icon-closed,
.collapse-icon .collapse-icon-open {
  height: 1em;
  position: absolute;
  right: 0.9375rem;
  top: calc(0.625rem + 0.0625rem + (((0.9375em * 1.5) - 1em) * 0.5));
  width: 1em;
}
.collapse-icon .collapse-icon-closed .lexicon-icon,
.collapse-icon .collapse-icon-open .lexicon-icon {
  margin-top: 0;
}
.collapse-icon .collapse-icon-closed {
  display: none;
}
.collapse-icon .collapse-icon-open {
  display: inline-block;
}

.collapsed .collapse-icon-closed {
  display: inline-block;
}
.collapsed .collapse-icon-open {
  display: none;
}

.collapse-icon.collapse-icon-middle .collapse-icon-closed,
.collapse-icon.collapse-icon-middle .collapse-icon-open {
  margin-top: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.aspect-ratio {
  display: block;
  overflow: hidden;
  position: relative;
  padding-bottom: calc(1 / 1 * 100%);
}

.aspect-ratio-item {
  left: 0;
  position: absolute;
  word-wrap: break-word;
}

.sticker-img, .aspect-ratio-item-fluid {
  max-width: 100%;
  position: absolute;
  word-wrap: break-word;
}

.aspect-ratio-item-vertical-fluid {
  max-height: 100%;
  position: absolute;
  word-wrap: break-word;
}

.aspect-ratio-item-flush {
  max-width: none;
  position: absolute;
  width: 100.6%;
}

.aspect-ratio-item-vertical-flush {
  height: 100.6%;
  max-height: none;
  position: absolute;
}

.aspect-ratio-item-top-left {
  position: absolute;
  bottom: auto;
  left: 0;
  right: auto;
  top: 0;
}

.aspect-ratio-item-top-center {
  position: absolute;
  bottom: auto;
  left: 50%;
  right: auto;
  top: 0;
  transform: translateX(-50%);
}

.aspect-ratio-item-top-right {
  position: absolute;
  bottom: auto;
  left: auto;
  right: 0;
  top: 0;
}

.aspect-ratio-item-right-middle {
  position: absolute;
  bottom: auto;
  left: auto;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.aspect-ratio-item-bottom-right {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  top: auto;
}

.aspect-ratio-item-bottom-center {
  position: absolute;
  bottom: 0;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}

.aspect-ratio-item-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
}

.aspect-ratio-item-left-middle {
  position: absolute;
  bottom: auto;
  left: 0;
  right: auto;
  top: 50%;
  transform: translateY(-50%);
}

.sticker-img, .aspect-ratio-item-center-middle {
  position: absolute;
  bottom: auto;
  left: 50%;
  right: auto;
  top: 50%;
  transform: translate(-50%, -50%);
}

.aspect-ratio-3-to-2 {
  padding-bottom: calc(2 / 3 * 100%);
}

.aspect-ratio-4-to-3 {
  padding-bottom: calc(3 / 4 * 100%);
}

.aspect-ratio-8-to-3 {
  padding-bottom: calc(3 / 8 * 100%);
}

.aspect-ratio-8-to-5 {
  padding-bottom: calc(5 / 8 * 100%);
}

.aspect-ratio-16-to-9 {
  padding-bottom: calc(9 / 16 * 100%);
}

.aspect-ratio-bg-contain {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.aspect-ratio-bg-cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.aspect-ratio-bg-center {
  background-position: center;
  background-repeat: no-repeat;
}

.btn {
  background-color: transparent;
  border-color: transparent;
  border-style: solid;
  border-width: 0.0625rem;
  border-radius: 0.25rem;
  box-shadow: none;
  color: var(--body-color, #344243);
  cursor: pointer;
  display: inline-block;
  font-size: 1.125rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.5;
  padding-bottom: 0.4375rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-top: 0.4375rem;
  text-align: center;
  text-transform: none;
  transition: all 0.2s ease-in-out;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--body-color, #344243);
  text-decoration: none;
}
.btn:focus, .btn.focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.btn:active:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.btn:disabled, .btn.disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.btn:disabled:focus, .btn.disabled:focus {
  box-shadow: none;
}
.btn:disabled:active, .btn.disabled:active {
  pointer-events: none;
}
.btn .c-inner {
  margin-bottom: -0.4375rem;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
  margin-top: -0.4375rem;
}
.btn .inline-item {
  line-height: 1;
  margin-top: -3px;
}
.btn .inline-item .lexicon-icon {
  margin-top: 0;
}
.btn .btn-section {
  display: block;
  font-size: 0.6875rem;
  font-weight: var(--font-weight-normal, 400);
  line-height: 1;
}
fieldset:disabled a.btn {
  cursor: not-allowed;
  opacity: 0.4;
}
fieldset:disabled a.btn:focus {
  box-shadow: none;
}
fieldset:disabled a.btn:active {
  pointer-events: none;
}

.btn-xs {
  font-size: 0.75rem;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
}
.btn-xs .c-inner {
  margin-bottom: -0.125rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: -0.125rem;
}
.btn-xs .inline-item {
  font-size: inherit;
  margin-top: -3px;
}
.btn-xs .inline-item-before {
  margin-right: 0.25rem;
}
.btn-xs .inline-item-after {
  margin-left: 0.25rem;
}
.btn-xs .btn-section {
  font-size: 0.375rem;
}
.btn-group-lg > .btn,
.btn-group-lg .btn-group > .btn, .btn-lg {
  border-radius: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.5;
  padding-bottom: 0.59375rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.59375rem;
}
.btn-group-lg > .btn .c-inner,
.btn-group-lg .btn-group > .btn .c-inner, .btn-lg .c-inner {
  margin-bottom: -0.59375rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-top: -0.59375rem;
}
.btn-group-lg > .btn .inline-item,
.btn-group-lg .btn-group > .btn .inline-item, .btn-lg .inline-item {
  font-size: 1.125rem;
}
.btn-group-lg > .btn .btn-section,
.btn-group-lg .btn-group > .btn .btn-section, .btn-lg .btn-section {
  font-size: 0.8125rem;
}
.form-group-sm .btn, .btn-group-sm > .btn,
.btn-group-sm .btn-group > .btn, .btn-sm {
  border-radius: var(--border-radius-sm, 0.1875rem);
  font-size: 0.875rem;
  line-height: 1.15;
  padding-bottom: 0.4375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.4375rem;
}
.form-group-sm .btn .c-inner, .btn-group-sm > .btn .c-inner,
.btn-group-sm .btn-group > .btn .c-inner, .btn-sm .c-inner {
  margin-bottom: -0.4375rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.4375rem;
}
.form-group-sm .btn .lexicon-icon, .btn-group-sm > .btn .lexicon-icon,
.btn-group-sm .btn-group > .btn .lexicon-icon, .btn-sm .lexicon-icon {
  font-size: 1rem;
}
.form-group-sm .btn .btn-section, .btn-group-sm > .btn .btn-section,
.btn-group-sm .btn-group > .btn .btn-section, .btn-sm .btn-section {
  font-size: 0.5625rem;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}

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

.menubar-toggler, .btn-unstyled {
  background-color: rgba(0, 0, 0, 0.001);
  border-width: 0;
  cursor: pointer;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  max-width: 100%;
  padding: 0;
  text-align: left;
  text-transform: inherit;
  vertical-align: baseline;
}
.menubar-toggler .c-inner, .btn-unstyled .c-inner {
  margin: 0;
  max-width: none;
}
.btn-monospaced.btn-xs {
  height: 1.5rem;
  width: 1.5rem;
}
.btn-monospaced {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  height: 2.5rem;
  justify-content: center;
  line-height: 1;
  overflow: hidden;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  text-align: center;
  white-space: normal;
  width: 2.5rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.btn-monospaced .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 0;
  width: 100%;
}
.btn-monospaced .lexicon-icon {
  margin-top: 0;
}
.btn-monospaced .inline-item {
  margin-top: 0;
}
.btn-group-vertical > .btn-monospaced.btn-lg, .btn-group-lg .btn-monospaced, .btn-monospaced.btn-lg {
  height: 3rem;
  width: 3rem;
}
.btn-group-vertical > .btn-monospaced.btn-sm, .btn-group-sm .btn-monospaced, .btn-monospaced.btn-sm {
  height: 2rem;
  width: 2rem;
}
.btn-primary {
  background-color: var(--btn-primary-background-color, #E8D646);
  border-color: var(--btn-primary-border-color, #E8D646);
  color: var(--btn-primary-color, #071D1F);
}
.btn-primary:hover {
  background-color: var(--btn-primary-hover-background-color, #CAB402);
  border-color: var(--btn-primary-hover-border-color, #CAB402);
  color: var(--btn-primary-hover-color, #071D1F);
}
.btn-primary:disabled, .disabled.btn-primary {
  border-color: #bcb6af;
  color: #bcb6af;
}
.form-file-input:focus + .btn-primary {
  background-color: #004331;
}
.btn-secondary {
  background-color: var(--btn-secondary-background-color, #fff);
  border-color: var(--btn-secondary-border-color, #cdced9);
  color: var(--btn-secondary-color, #6b6c7e);
}
.btn-secondary:hover {
  background-color: var(--btn-secondary-hover-background-color, #f7f8f9);
  border-color: var(--btn-secondary-hover-border-color, #cdced9);
  color: var(--btn-secondary-hover-color, #272833);
}
.form-file-input:focus + .btn-secondary {
  background-color: #f7f8f9;
  border-color: #cdced9;
  color: #272833;
}
.btn-success {
  background-color: #287d3c;
  border-color: #287d3c;
  color: #fff;
}
.btn-success:hover {
  background-color: #226a33;
  border-color: transparent;
  color: #fff;
}
.btn-success:focus, .focus.btn-success {
  background-color: #226a33;
  border-color: transparent;
  color: #fff;
}
.btn-success:active {
  background-color: #1c5629;
  border-color: transparent;
  color: #fff;
}
.active.btn-success {
  background-color: #1c5629;
  border-color: transparent;
  color: #fff;
}
.btn-success:disabled, .disabled.btn-success {
  background-color: #287d3c;
  border-color: #287d3c;
  color: #fff;
}
[aria-expanded=true].btn-success, .show.btn-success {
  background-color: #1c5629;
  border-color: transparent;
  color: #fff;
}
.form-file-input:focus + .btn-success {
  background-color: #226a33;
  border-color: transparent;
  color: #fff;
}
.btn-info {
  background-color: #2e5aac;
  border-color: #2e5aac;
  color: #fff;
}
.btn-info:hover {
  background-color: #294f98;
  border-color: transparent;
  color: #fff;
}
.btn-info:focus, .focus.btn-info {
  background-color: #294f98;
  border-color: transparent;
  color: #fff;
}
.btn-info:active {
  background-color: #234584;
  border-color: transparent;
  color: #fff;
}
.active.btn-info {
  background-color: #234584;
  border-color: transparent;
  color: #fff;
}
.btn-info:disabled, .disabled.btn-info {
  background-color: #2e5aac;
  border-color: #2e5aac;
  color: #fff;
}
[aria-expanded=true].btn-info, .show.btn-info {
  background-color: #234584;
  border-color: transparent;
  color: #fff;
}
.btn-warning {
  background-color: #b95000;
  border-color: #b95000;
  color: #fff;
}
.btn-warning:hover {
  background-color: #9f4500;
  border-color: transparent;
  color: #fff;
}
.btn-warning:focus, .focus.btn-warning {
  background-color: #9f4500;
  border-color: transparent;
  color: #fff;
}
.btn-warning:active {
  background-color: #863a00;
  border-color: transparent;
  color: #fff;
}
.active.btn-warning {
  background-color: #863a00;
  border-color: transparent;
  color: #fff;
}
.btn-warning:disabled, .disabled.btn-warning {
  background-color: #b95000;
  border-color: #b95000;
  color: #fff;
}
[aria-expanded=true].btn-warning, .show.btn-warning {
  background-color: #863a00;
  border-color: transparent;
  color: #fff;
}
.form-file-input:focus + .btn-warning {
  background-color: #9f4500;
  border-color: transparent;
  color: #fff;
}
.btn-danger {
  background-color: #da1414;
  border-color: #da1414;
  color: #fff;
}
.btn-danger:hover {
  background-color: #c31212;
  border-color: transparent;
  color: #fff;
}
.btn-danger:focus, .focus.btn-danger {
  background-color: #c31212;
  border-color: transparent;
  color: #fff;
}
.btn-danger:active {
  background-color: #ab1010;
  border-color: transparent;
  color: #fff;
}
.active.btn-danger {
  background-color: #ab1010;
  border-color: transparent;
  color: #fff;
}
.btn-danger:disabled, .disabled.btn-danger {
  background-color: #da1414;
  border-color: #da1414;
  color: #fff;
}
[aria-expanded=true].btn-danger, .show.btn-danger {
  background-color: #ab1010;
  border-color: transparent;
  color: #fff;
}
.form-file-input:focus + .btn-danger {
  background-color: #c31212;
  border-color: transparent;
  color: #fff;
}
.btn-light {
  background-color: #f1f2f5;
  border-color: #f1f2f5;
  color: #272833;
}
.btn-light:hover {
  background-color: #e2e4ea;
  border-color: transparent;
  color: #272833;
}
.btn-light:focus, .focus.btn-light {
  background-color: #e2e4ea;
  border-color: transparent;
  color: #272833;
}
.btn-light:active {
  background-color: #d3d6e0;
  border-color: transparent;
  color: #272833;
}
.active.btn-light {
  background-color: #d3d6e0;
  border-color: transparent;
  color: #272833;
}
.btn-light:disabled, .disabled.btn-light {
  background-color: #f1f2f5;
  border-color: #f1f2f5;
  color: #272833;
}
[aria-expanded=true].btn-light, .show.btn-light {
  background-color: #d3d6e0;
  border-color: transparent;
  color: #272833;
}
.form-file-input:focus + .btn-light {
  background-color: #e2e4ea;
  border-color: transparent;
  color: #272833;
}
.btn-dark {
  background-color: #272833;
  border-color: #272833;
  color: #fff;
}
.btn-dark:hover {
  background-color: #1c1c24;
  border-color: transparent;
  color: #fff;
}
.btn-dark:focus, .focus.btn-dark {
  background-color: #1c1c24;
  border-color: transparent;
  color: #fff;
}
.btn-dark:active {
  background-color: #111116;
  border-color: transparent;
  color: #fff;
}
.active.btn-dark {
  background-color: #111116;
  border-color: transparent;
  color: #fff;
}
.btn-dark:disabled, .disabled.btn-dark {
  background-color: #272833;
  border-color: #272833;
  color: #fff;
}
[aria-expanded=true].btn-dark, .show.btn-dark {
  background-color: #111116;
  border-color: transparent;
  color: #fff;
}
.form-file-input:focus + .btn-dark {
  background-color: #1c1c24;
  border-color: transparent;
  color: #fff;
}
.btn-link {
  border-radius: 1px;
  color: var(--btn-link-color, #64B054);
  font-weight: var(--font-weight-normal, 400);
  text-decoration: none;
}
.btn-link:hover {
  color: var(--btn-link-hover-color, #ea862c);
  text-decoration: none;
}
.btn-link:focus, .focus.btn-link {
  text-decoration: none;
}
.btn-link:active {
  box-shadow: [none];
}
.active.btn-link {
  box-shadow: [none];
}
.btn-link:disabled, .disabled.btn-link {
  box-shadow: none;
  color: #bcb6af;
  text-decoration: none;
}
[aria-expanded=true].btn-link, .show.btn-link {
  box-shadow: [none];
}
.btn-outline-primary {
  border-color: var(--btn-outline-primary-border-color, #CAB402);
  color: var(--btn-outline-primary-color, #CAB402);
}
.btn-outline-primary:hover {
  background-color: var(--btn-outline-primary-hover-background-color, transparent);
  border-color: var(--btn-outline-primary-hover-border-color, #7C7212);
  color: var(--btn-outline-primary-hover-color, #7C7212);
}
.btn-outline-secondary {
  border-color: var(--btn-outline-secondary-border-color, #cdced9);
  color: var(--btn-outline-secondary-color, #6b6c7e);
  background-color: var(--btn-outline-secondary-background-color, transparent);
}
.btn-outline-secondary:hover {
  background-color: var(--btn-outline-secondary-hover-background-color, rgba(39, 40, 51, 0.03));
  border-color: var(--btn-outline-secondary-hover-border-color, transparent);
  color: var(--btn-outline-secondary-hover-color, #272833);
}
.btn-outline-success {
  border-color: #287d3c;
  color: #287d3c;
}
.btn-outline-success:hover {
  background-color: #226a33;
  border-color: #287d3c;
  color: #fff;
}
.btn-outline-success:focus, .focus.btn-outline-success {
  background-color: #226a33;
  color: #fff;
}
.btn-outline-success:active {
  background-color: #1c5629;
  border-color: #287d3c;
  color: #fff;
}
.active.btn-outline-success {
  background-color: #1c5629;
  border-color: #287d3c;
  color: #fff;
}
.btn-outline-success:disabled, .disabled.btn-outline-success {
  background-color: transparent;
  color: #287d3c;
}
[aria-expanded=true].btn-outline-success, .show.btn-outline-success {
  background-color: #1c5629;
  border-color: #287d3c;
  color: #fff;
}
.btn-outline-info {
  border-color: #2e5aac;
  color: #2e5aac;
}
.btn-outline-info:hover {
  background-color: #294f98;
  border-color: #2e5aac;
  color: #fff;
}
.btn-outline-info:focus, .focus.btn-outline-info {
  background-color: #294f98;
  color: #fff;
}
.btn-outline-info:active {
  background-color: #234584;
  border-color: #2e5aac;
  color: #fff;
}
.active.btn-outline-info {
  background-color: #234584;
  border-color: #2e5aac;
  color: #fff;
}
.btn-outline-info:disabled, .disabled.btn-outline-info {
  background-color: transparent;
  color: #2e5aac;
}
[aria-expanded=true].btn-outline-info, .show.btn-outline-info {
  background-color: #234584;
  border-color: #2e5aac;
  color: #fff;
}
.btn-outline-warning {
  border-color: #b95000;
  color: #b95000;
}
.btn-outline-warning:hover {
  background-color: #9f4500;
  border-color: #b95000;
  color: #fff;
}
.btn-outline-warning:focus, .focus.btn-outline-warning {
  background-color: #9f4500;
  color: #fff;
}
.btn-outline-warning:active {
  background-color: #863a00;
  border-color: #b95000;
  color: #fff;
}
.active.btn-outline-warning {
  background-color: #863a00;
  border-color: #b95000;
  color: #fff;
}
.btn-outline-warning:disabled, .disabled.btn-outline-warning {
  background-color: transparent;
  color: #b95000;
}
[aria-expanded=true].btn-outline-warning, .show.btn-outline-warning {
  background-color: #863a00;
  border-color: #b95000;
  color: #fff;
}
.btn-outline-danger {
  border-color: #da1414;
  color: #da1414;
}
.btn-outline-danger:hover {
  background-color: #c31212;
  border-color: #da1414;
  color: #fff;
}
.btn-outline-danger:focus, .focus.btn-outline-danger {
  background-color: #c31212;
  color: #fff;
}
.btn-outline-danger:active {
  background-color: #ab1010;
  border-color: #da1414;
  color: #fff;
}
.active.btn-outline-danger {
  background-color: #ab1010;
  border-color: #da1414;
  color: #fff;
}
.btn-outline-danger:disabled, .disabled.btn-outline-danger {
  background-color: transparent;
  color: #da1414;
}
[aria-expanded=true].btn-outline-danger, .show.btn-outline-danger {
  background-color: #ab1010;
  border-color: #da1414;
  color: #fff;
}
.btn-outline-light {
  border-color: #f1f2f5;
  color: #f1f2f5;
}
.btn-outline-light:hover {
  background-color: #e2e4ea;
  border-color: #f1f2f5;
  color: #272833;
}
.btn-outline-light:focus, .focus.btn-outline-light {
  background-color: #e2e4ea;
  color: #272833;
}
.btn-outline-light:active {
  background-color: #d3d6e0;
  border-color: #f1f2f5;
  color: #272833;
}
.active.btn-outline-light {
  background-color: #d3d6e0;
  border-color: #f1f2f5;
  color: #272833;
}
.btn-outline-light:disabled, .disabled.btn-outline-light {
  background-color: transparent;
  color: #f1f2f5;
}
[aria-expanded=true].btn-outline-light, .show.btn-outline-light {
  background-color: #d3d6e0;
  border-color: #f1f2f5;
  color: #272833;
}
.btn-outline-dark {
  border-color: #272833;
  color: #272833;
}
.btn-outline-dark:hover {
  background-color: #1c1c24;
  border-color: #272833;
  color: #fff;
}
.btn-outline-dark:focus, .focus.btn-outline-dark {
  background-color: #1c1c24;
  color: #fff;
}
.btn-outline-dark:active {
  background-color: #111116;
  border-color: #272833;
  color: #fff;
}
.active.btn-outline-dark {
  background-color: #111116;
  border-color: #272833;
  color: #fff;
}
.btn-outline-dark:disabled, .disabled.btn-outline-dark {
  background-color: transparent;
  color: #272833;
}
[aria-expanded=true].btn-outline-dark, .show.btn-outline-dark {
  background-color: #111116;
  border-color: #272833;
  color: #fff;
}
.btn-outline-borderless {
  border-color: transparent;
}
.btn-outline-borderless:hover {
  border-color: transparent;
}
.btn-outline-borderless:focus, .btn-outline-borderless.focus {
  border-color: transparent;
}
.btn-outline-borderless:disabled, .btn-outline-borderless.disabled {
  border-color: transparent;
}
.btn-outline-borderless:not(:disabled):not(.disabled):active {
  border-color: transparent;
}

.show > .btn-outline-borderless.dropdown-toggle {
  border-color: transparent;
}

.btn .loading-animation {
  font-size: 1em;
  margin-top: -0.1em;
}

.fade {
  transition: var(--transition-fade, opacity 0.15s linear);
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  position: relative;
  transition: var(--transition-collapse, height 0.35s ease);
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(30px * 0.5);
  padding-right: calc(30px * 0.5);
  width: 100%;
}
@media (min-width: 576px) {
  .container {
    max-width: var(--container-max-sm, 540px);
  }
}
@media (min-width: 768px) {
  .container {
    max-width: var(--container-max-md, 720px);
  }
}
@media (min-width: 992px) {
  .container {
    max-width: var(--container-max-lg, 960px);
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: var(--container-max-xl, 1248px);
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: var(--container-max-xl, 1408px);
  }
}

.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(30px * 0.5);
  padding-right: calc(30px * 0.5);
  width: 100%;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: var(--container-max-sm, 540px);
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: var(--container-max-md, 720px);
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: var(--container-max-lg, 960px);
  }
}
@media (min-width: 1280px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: var(--container-max-xl, 1248px);
  }
}
@media (min-width: 1440px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: var(--container-max-xl, 1408px);
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.no-gutters {
  margin-left: 0;
  margin-right: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}

.col-xxl,
.col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 calc(100% / 1);
  max-width: calc(100% / 1);
}

.row-cols-2 > * {
  flex: 0 0 calc(100% / 2);
  max-width: calc(100% / 2);
}

.row-cols-3 > * {
  flex: 0 0 calc(100% / 3);
  max-width: calc(100% / 3);
}

.row-cols-4 > * {
  flex: 0 0 calc(100% / 4);
  max-width: calc(100% / 4);
}

.row-cols-5 > * {
  flex: 0 0 calc(100% / 5);
  max-width: calc(100% / 5);
}

.row-cols-6 > * {
  flex: 0 0 calc(100% / 6);
  max-width: calc(100% / 6);
}

.col-auto {
  flex: 0 0 auto;
  max-width: 100%;
  width: auto;
}

.col-1 {
  flex: 0 0 calc(1 / 12 * 100%);
  max-width: calc(1 / 12 * 100%);
}

.col-2 {
  flex: 0 0 calc(2 / 12 * 100%);
  max-width: calc(2 / 12 * 100%);
}

.col-3 {
  flex: 0 0 calc(3 / 12 * 100%);
  max-width: calc(3 / 12 * 100%);
}

.col-4 {
  flex: 0 0 calc(4 / 12 * 100%);
  max-width: calc(4 / 12 * 100%);
}

.col-5 {
  flex: 0 0 calc(5 / 12 * 100%);
  max-width: calc(5 / 12 * 100%);
}

.col-6 {
  flex: 0 0 calc(6 / 12 * 100%);
  max-width: calc(6 / 12 * 100%);
}

.col-7 {
  flex: 0 0 calc(7 / 12 * 100%);
  max-width: calc(7 / 12 * 100%);
}

.col-8 {
  flex: 0 0 calc(8 / 12 * 100%);
  max-width: calc(8 / 12 * 100%);
}

.col-9 {
  flex: 0 0 calc(9 / 12 * 100%);
  max-width: calc(9 / 12 * 100%);
}

.col-10 {
  flex: 0 0 calc(10 / 12 * 100%);
  max-width: calc(10 / 12 * 100%);
}

.col-11 {
  flex: 0 0 calc(11 / 12 * 100%);
  max-width: calc(11 / 12 * 100%);
}

.col-12 {
  flex: 0 0 calc(12 / 12 * 100%);
  max-width: calc(12 / 12 * 100%);
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: calc(1 / 12 * 100%);
}

.offset-2 {
  margin-left: calc(2 / 12 * 100%);
}

.offset-3 {
  margin-left: calc(3 / 12 * 100%);
}

.offset-4 {
  margin-left: calc(4 / 12 * 100%);
}

.offset-5 {
  margin-left: calc(5 / 12 * 100%);
}

.offset-6 {
  margin-left: calc(6 / 12 * 100%);
}

.offset-7 {
  margin-left: calc(7 / 12 * 100%);
}

.offset-8 {
  margin-left: calc(8 / 12 * 100%);
}

.offset-9 {
  margin-left: calc(9 / 12 * 100%);
}

.offset-10 {
  margin-left: calc(10 / 12 * 100%);
}

.offset-11 {
  margin-left: calc(11 / 12 * 100%);
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 calc(100% / 1);
    max-width: calc(100% / 1);
  }
  .row-cols-sm-2 > * {
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
  }
  .row-cols-sm-3 > * {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
  .row-cols-sm-4 > * {
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
  }
  .row-cols-sm-5 > * {
    flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
  }
  .row-cols-sm-6 > * {
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
  }
  .col-sm-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%);
  }
  .col-sm-2 {
    flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%);
  }
  .col-sm-3 {
    flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
  }
  .col-sm-4 {
    flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%);
  }
  .col-sm-5 {
    flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%);
  }
  .col-sm-6 {
    flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%);
  }
  .col-sm-7 {
    flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%);
  }
  .col-sm-8 {
    flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
  .col-sm-9 {
    flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%);
  }
  .col-sm-10 {
    flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%);
  }
  .col-sm-11 {
    flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%);
  }
  .col-sm-12 {
    flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 100%);
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: calc(0 / 12 * 100%);
  }
  .offset-sm-1 {
    margin-left: calc(1 / 12 * 100%);
  }
  .offset-sm-2 {
    margin-left: calc(2 / 12 * 100%);
  }
  .offset-sm-3 {
    margin-left: calc(3 / 12 * 100%);
  }
  .offset-sm-4 {
    margin-left: calc(4 / 12 * 100%);
  }
  .offset-sm-5 {
    margin-left: calc(5 / 12 * 100%);
  }
  .offset-sm-6 {
    margin-left: calc(6 / 12 * 100%);
  }
  .offset-sm-7 {
    margin-left: calc(7 / 12 * 100%);
  }
  .offset-sm-8 {
    margin-left: calc(8 / 12 * 100%);
  }
  .offset-sm-9 {
    margin-left: calc(9 / 12 * 100%);
  }
  .offset-sm-10 {
    margin-left: calc(10 / 12 * 100%);
  }
  .offset-sm-11 {
    margin-left: calc(11 / 12 * 100%);
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 calc(100% / 1);
    max-width: calc(100% / 1);
  }
  .row-cols-md-2 > * {
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
  }
  .row-cols-md-3 > * {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
  .row-cols-md-4 > * {
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
  }
  .row-cols-md-5 > * {
    flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
  }
  .row-cols-md-6 > * {
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
  }
  .col-md-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%);
  }
  .col-md-2 {
    flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%);
  }
  .col-md-3 {
    flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
  }
  .col-md-4 {
    flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%);
  }
  .col-md-5 {
    flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%);
  }
  .col-md-6 {
    flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%);
  }
  .col-md-7 {
    flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%);
  }
  .col-md-8 {
    flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
  .col-md-9 {
    flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%);
  }
  .col-md-10 {
    flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%);
  }
  .col-md-11 {
    flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%);
  }
  .col-md-12 {
    flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 100%);
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: calc(0 / 12 * 100%);
  }
  .offset-md-1 {
    margin-left: calc(1 / 12 * 100%);
  }
  .offset-md-2 {
    margin-left: calc(2 / 12 * 100%);
  }
  .offset-md-3 {
    margin-left: calc(3 / 12 * 100%);
  }
  .offset-md-4 {
    margin-left: calc(4 / 12 * 100%);
  }
  .offset-md-5 {
    margin-left: calc(5 / 12 * 100%);
  }
  .offset-md-6 {
    margin-left: calc(6 / 12 * 100%);
  }
  .offset-md-7 {
    margin-left: calc(7 / 12 * 100%);
  }
  .offset-md-8 {
    margin-left: calc(8 / 12 * 100%);
  }
  .offset-md-9 {
    margin-left: calc(9 / 12 * 100%);
  }
  .offset-md-10 {
    margin-left: calc(10 / 12 * 100%);
  }
  .offset-md-11 {
    margin-left: calc(11 / 12 * 100%);
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 calc(100% / 1);
    max-width: calc(100% / 1);
  }
  .row-cols-lg-2 > * {
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
  }
  .row-cols-lg-3 > * {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
  .row-cols-lg-4 > * {
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
  }
  .row-cols-lg-5 > * {
    flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
  }
  .row-cols-lg-6 > * {
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
  }
  .col-lg-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%);
  }
  .col-lg-2 {
    flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%);
  }
  .col-lg-3 {
    flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
  }
  .col-lg-4 {
    flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%);
  }
  .col-lg-5 {
    flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%);
  }
  .col-lg-6 {
    flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%);
  }
  .col-lg-7 {
    flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%);
  }
  .col-lg-8 {
    flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
  .col-lg-9 {
    flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%);
  }
  .col-lg-10 {
    flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%);
  }
  .col-lg-11 {
    flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%);
  }
  .col-lg-12 {
    flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 100%);
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: calc(0 / 12 * 100%);
  }
  .offset-lg-1 {
    margin-left: calc(1 / 12 * 100%);
  }
  .offset-lg-2 {
    margin-left: calc(2 / 12 * 100%);
  }
  .offset-lg-3 {
    margin-left: calc(3 / 12 * 100%);
  }
  .offset-lg-4 {
    margin-left: calc(4 / 12 * 100%);
  }
  .offset-lg-5 {
    margin-left: calc(5 / 12 * 100%);
  }
  .offset-lg-6 {
    margin-left: calc(6 / 12 * 100%);
  }
  .offset-lg-7 {
    margin-left: calc(7 / 12 * 100%);
  }
  .offset-lg-8 {
    margin-left: calc(8 / 12 * 100%);
  }
  .offset-lg-9 {
    margin-left: calc(9 / 12 * 100%);
  }
  .offset-lg-10 {
    margin-left: calc(10 / 12 * 100%);
  }
  .offset-lg-11 {
    margin-left: calc(11 / 12 * 100%);
  }
}
@media (min-width: 1280px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 calc(100% / 1);
    max-width: calc(100% / 1);
  }
  .row-cols-xl-2 > * {
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
  }
  .row-cols-xl-3 > * {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
  .row-cols-xl-4 > * {
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
  }
  .row-cols-xl-5 > * {
    flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
  }
  .row-cols-xl-6 > * {
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
  }
  .col-xl-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%);
  }
  .col-xl-2 {
    flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%);
  }
  .col-xl-3 {
    flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
  }
  .col-xl-4 {
    flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%);
  }
  .col-xl-5 {
    flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%);
  }
  .col-xl-6 {
    flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%);
  }
  .col-xl-7 {
    flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%);
  }
  .col-xl-8 {
    flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
  .col-xl-9 {
    flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%);
  }
  .col-xl-10 {
    flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%);
  }
  .col-xl-11 {
    flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%);
  }
  .col-xl-12 {
    flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 100%);
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: calc(0 / 12 * 100%);
  }
  .offset-xl-1 {
    margin-left: calc(1 / 12 * 100%);
  }
  .offset-xl-2 {
    margin-left: calc(2 / 12 * 100%);
  }
  .offset-xl-3 {
    margin-left: calc(3 / 12 * 100%);
  }
  .offset-xl-4 {
    margin-left: calc(4 / 12 * 100%);
  }
  .offset-xl-5 {
    margin-left: calc(5 / 12 * 100%);
  }
  .offset-xl-6 {
    margin-left: calc(6 / 12 * 100%);
  }
  .offset-xl-7 {
    margin-left: calc(7 / 12 * 100%);
  }
  .offset-xl-8 {
    margin-left: calc(8 / 12 * 100%);
  }
  .offset-xl-9 {
    margin-left: calc(9 / 12 * 100%);
  }
  .offset-xl-10 {
    margin-left: calc(10 / 12 * 100%);
  }
  .offset-xl-11 {
    margin-left: calc(11 / 12 * 100%);
  }
}
@media (min-width: 1440px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 calc(100% / 1);
    max-width: calc(100% / 1);
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%);
  }
  .col-xxl-2 {
    flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%);
  }
  .col-xxl-3 {
    flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
  }
  .col-xxl-4 {
    flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%);
  }
  .col-xxl-5 {
    flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%);
  }
  .col-xxl-6 {
    flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%);
  }
  .col-xxl-7 {
    flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%);
  }
  .col-xxl-8 {
    flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
  .col-xxl-9 {
    flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%);
  }
  .col-xxl-10 {
    flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%);
  }
  .col-xxl-11 {
    flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%);
  }
  .col-xxl-12 {
    flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 100%);
  }
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-last {
    order: 13;
  }
  .order-xxl-0 {
    order: 0;
  }
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-6 {
    order: 6;
  }
  .order-xxl-7 {
    order: 7;
  }
  .order-xxl-8 {
    order: 8;
  }
  .order-xxl-9 {
    order: 9;
  }
  .order-xxl-10 {
    order: 10;
  }
  .order-xxl-11 {
    order: 11;
  }
  .order-xxl-12 {
    order: 12;
  }
  .offset-xxl-0 {
    margin-left: calc(0 / 12 * 100%);
  }
  .offset-xxl-1 {
    margin-left: calc(1 / 12 * 100%);
  }
  .offset-xxl-2 {
    margin-left: calc(2 / 12 * 100%);
  }
  .offset-xxl-3 {
    margin-left: calc(3 / 12 * 100%);
  }
  .offset-xxl-4 {
    margin-left: calc(4 / 12 * 100%);
  }
  .offset-xxl-5 {
    margin-left: calc(5 / 12 * 100%);
  }
  .offset-xxl-6 {
    margin-left: calc(6 / 12 * 100%);
  }
  .offset-xxl-7 {
    margin-left: calc(7 / 12 * 100%);
  }
  .offset-xxl-8 {
    margin-left: calc(8 / 12 * 100%);
  }
  .offset-xxl-9 {
    margin-left: calc(9 / 12 * 100%);
  }
  .offset-xxl-10 {
    margin-left: calc(10 / 12 * 100%);
  }
  .offset-xxl-11 {
    margin-left: calc(11 / 12 * 100%);
  }
}
.container-fluid-max-sm {
  max-width: var(--container-max-sm, 540px);
}
.container-fluid-max-md {
  max-width: var(--container-max-md, 720px);
}
.container-fluid-max-lg {
  max-width: var(--container-max-lg, 960px);
}
.container-fluid-max-xl {
  max-width: var(--container-max-xl, 1248px);
}
.container-fluid-max-xxl {
  max-width: var(--container-max-xl, 1408px);
}

.container-no-gutters {
  padding-left: 0;
  padding-right: 0;
}
.container-no-gutters > .row {
  margin-left: 0;
  margin-right: 0;
}
.container-no-gutters > .row > .col,
.container-no-gutters > .row > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 575.98px) {
  .container-no-gutters-sm-down {
    padding-left: 0;
    padding-right: 0;
  }
  .container-no-gutters-sm-down > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .container-no-gutters-sm-down > .row > .col,
  .container-no-gutters-sm-down > .row > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 767.98px) {
  .container-no-gutters-md-down {
    padding-left: 0;
    padding-right: 0;
  }
  .container-no-gutters-md-down > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .container-no-gutters-md-down > .row > .col,
  .container-no-gutters-md-down > .row > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 991.98px) {
  .container-no-gutters-lg-down {
    padding-left: 0;
    padding-right: 0;
  }
  .container-no-gutters-lg-down > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .container-no-gutters-lg-down > .row > .col,
  .container-no-gutters-lg-down > .row > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 1279.98px) {
  .container-no-gutters-xl-down {
    padding-left: 0;
    padding-right: 0;
  }
  .container-no-gutters-xl-down > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .container-no-gutters-xl-down > .row > .col,
  .container-no-gutters-xl-down > .row > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 1439.98px) {
  .container-no-gutters-xxl-down {
    padding-left: 0;
    padding-right: 0;
  }
  .container-no-gutters-xxl-down > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .container-no-gutters-xxl-down > .row > .col,
  .container-no-gutters-xxl-down > .row > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}

.card-page {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.container .card-page, .container-fluid .card-page {
  margin-left: -15px;
  margin-right: -15px;
}

.container-form-lg {
  padding-bottom: 3rem;
  padding-top: 3rem;
}
@media (max-width: 991.98px) {
  .container-form-lg {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}
@media (max-width: 991.98px) {
  .container-form-lg .menubar-vertical-expand-lg {
    margin-top: -1rem;
  }
}

.container-view {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}

.alert, .portlet-msg-alert,
.portlet-msg-error,
.portlet-msg-help,
.portlet-msg-info,
.portlet-msg-progress,
.portlet-msg-success {
  border-color: transparent;
  border-style: solid;
  border-width: 0.0625rem;
  border-radius: 0.25rem;
  display: block;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  padding: 0.9375rem 1rem;
  position: relative;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.alert .alert-btn, .portlet-msg-alert .alert-btn,
.portlet-msg-error .alert-btn,
.portlet-msg-help .alert-btn,
.portlet-msg-info .alert-btn,
.portlet-msg-progress .alert-btn,
.portlet-msg-success .alert-btn {
  border-radius: var(--border-radius-sm, 0.1875rem);
  font-size: 0.875rem;
  line-height: 1.15;
  padding-bottom: 0.4375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.4375rem;
}
.alert .alert-btn .c-inner, .portlet-msg-alert .alert-btn .c-inner,
.portlet-msg-error .alert-btn .c-inner,
.portlet-msg-help .alert-btn .c-inner,
.portlet-msg-info .alert-btn .c-inner,
.portlet-msg-progress .alert-btn .c-inner,
.portlet-msg-success .alert-btn .c-inner {
  margin-bottom: -0.4375rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.4375rem;
}
.alert .btn-group, .portlet-msg-alert .btn-group,
.portlet-msg-error .btn-group,
.portlet-msg-help .btn-group,
.portlet-msg-info .btn-group,
.portlet-msg-progress .btn-group,
.portlet-msg-success .btn-group {
  margin-bottom: -0.125rem;
  margin-top: -0.125rem;
}
.alert .btn-group-item, .portlet-msg-alert .btn-group-item,
.portlet-msg-error .btn-group-item,
.portlet-msg-help .btn-group-item,
.portlet-msg-info .btn-group-item,
.portlet-msg-progress .btn-group-item,
.portlet-msg-success .btn-group-item {
  margin-bottom: 0.125rem;
  margin-top: 0.125rem;
}
.alert .close, .portlet-msg-alert .close,
.portlet-msg-error .close,
.portlet-msg-help .close,
.portlet-msg-info .close,
.portlet-msg-progress .close,
.portlet-msg-success .close {
  color: inherit;
  font-size: 1rem;
  height: 2rem;
  opacity: 1;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  position: absolute;
  right: 0.5rem;
  top: 0.6875rem;
  width: 2rem;
}
.alert .close:hover, .portlet-msg-alert .close:hover,
.portlet-msg-error .close:hover,
.portlet-msg-help .close:hover,
.portlet-msg-info .close:hover,
.portlet-msg-progress .close:hover,
.portlet-msg-success .close:hover {
  color: inherit;
}
.alert .close:disabled, .portlet-msg-alert .close:disabled,
.portlet-msg-error .close:disabled,
.portlet-msg-help .close:disabled,
.portlet-msg-info .close:disabled,
.portlet-msg-progress .close:disabled,
.portlet-msg-success .close:disabled, .alert .close.disabled, .portlet-msg-alert .close.disabled,
.portlet-msg-error .close.disabled,
.portlet-msg-help .close.disabled,
.portlet-msg-info .close.disabled,
.portlet-msg-progress .close.disabled,
.portlet-msg-success .close.disabled {
  color: inherit;
}
.alert .close .c-inner, .portlet-msg-alert .close .c-inner,
.portlet-msg-error .close .c-inner,
.portlet-msg-help .close .c-inner,
.portlet-msg-info .close .c-inner,
.portlet-msg-progress .close .c-inner,
.portlet-msg-success .close .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.alert .lead, .portlet-msg-alert .lead,
.portlet-msg-error .lead,
.portlet-msg-help .lead,
.portlet-msg-info .lead,
.portlet-msg-progress .lead,
.portlet-msg-success .lead {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  margin-right: 0.3125rem;
}
.alert .component-title, .portlet-msg-alert .component-title,
.portlet-msg-error .component-title,
.portlet-msg-help .component-title,
.portlet-msg-info .component-title,
.portlet-msg-progress .component-title,
.portlet-msg-success .component-title {
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
  margin-top: 0;
}
.alert .component-subtitle, .portlet-msg-alert .component-subtitle,
.portlet-msg-error .component-subtitle,
.portlet-msg-help .component-subtitle,
.portlet-msg-info .component-subtitle,
.portlet-msg-progress .component-subtitle,
.portlet-msg-success .component-subtitle {
  font-size: 0.75rem;
  font-weight: var(--font-weight-normal, 400);
}
.alert-heading {
  color: inherit;
}

.alert-footer {
  margin-top: 1rem;
}

.alert-link,
.alert-link.btn-unstyled {
  font-weight: var(--font-weight-semi-bold, 500);
  text-decoration: underline;
}
.alert-link:hover,
.alert-link.btn-unstyled:hover {
  text-decoration: none;
}
.alert-link.focus, .alert-link:focus,
.alert-link.btn-unstyled.focus,
.alert-link.btn-unstyled:focus {
  text-decoration: none;
}
.alert-indicator {
  font-size: 1rem;
  line-height: 1;
}
.alert-indicator + .lead {
  margin-left: 0.3125rem;
}

.alert-dismissible {
  padding-right: 2.5rem;
}

.alert-fluid {
  border-radius: 0;
  border-width: 0 0 1px 0;
  margin-bottom: 0;
  padding: 0;
}
.alert-fluid.alert-dismissible .container,
.alert-fluid.alert-dismissible .container-fluid {
  padding-right: calc( 				2.5rem + 15px 			);
  position: relative;
}
.alert-fluid .close {
  right: calc(15px + 0.25rem);
}
.alert-fluid .container,
.alert-fluid .container-fluid {
  padding-bottom: 0.96875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.96875rem;
}
.alert-container {
  height: 0;
  position: relative;
}

.alert-notifications .alert, .alert-notifications .portlet-msg-alert,
.alert-notifications .portlet-msg-error,
.alert-notifications .portlet-msg-help,
.alert-notifications .portlet-msg-info,
.alert-notifications .portlet-msg-progress,
.alert-notifications .portlet-msg-success {
  box-shadow: 0 0.5rem 2rem -0.25rem rgba(0, 0, 0, 0.3);
  clear: both;
  float: left;
  margin-bottom: 1rem;
  max-width: 22.5rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
}
@media (max-width: 767.98px) {
  .alert-notifications .alert, .alert-notifications .portlet-msg-alert,
  .alert-notifications .portlet-msg-error,
  .alert-notifications .portlet-msg-help,
  .alert-notifications .portlet-msg-info,
  .alert-notifications .portlet-msg-progress,
  .alert-notifications .portlet-msg-success {
    max-width: none;
    width: 100%;
  }
}
.alert-notifications .alert:last-child, .alert-notifications .portlet-msg-alert:last-child,
.alert-notifications .portlet-msg-error:last-child,
.alert-notifications .portlet-msg-help:last-child,
.alert-notifications .portlet-msg-info:last-child,
.alert-notifications .portlet-msg-progress:last-child,
.alert-notifications .portlet-msg-success:last-child {
  margin-bottom: 0;
}
.alert-notifications .alert-fluid {
  padding-bottom: 0;
  padding-top: 0;
}

.alert-notifications-absolute {
  height: 0;
  position: absolute;
  right: 0.5rem;
  top: 4.75rem;
  z-index: 5000;
}
@media (max-width: 767.98px) {
  .alert-notifications-absolute {
    left: 0.5rem;
    right: 0.5rem;
    top: 4.25rem;
  }
}

.alert-notifications-fixed {
  bottom: 1.25rem;
  left: 1.25rem;
  position: fixed;
  z-index: 5000;
}
@media (max-width: 767.98px) {
  .alert-notifications-fixed {
    bottom: 1rem;
    left: 15px;
    right: 15px;
  }
}

.alert-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
}
.alert-list .close {
  top: 50%;
  transform: translateY(-50%);
}

.modal-body .alert .close, .modal-body .portlet-msg-alert .close,
.modal-body .portlet-msg-error .close,
.modal-body .portlet-msg-help .close,
.modal-body .portlet-msg-info .close,
.modal-body .portlet-msg-progress .close,
.modal-body .portlet-msg-success .close {
  right: 1.5rem;
}
.modal-body .alert-list .alert-fluid:last-child {
  margin-bottom: -1px;
}

.autofit-row.alert-autofit-row {
  align-items: baseline;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  width: auto;
}
.autofit-row.alert-autofit-row > .autofit-col {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.alert-feedback.alert, .alert-feedback.portlet-msg-alert,
.alert-feedback.portlet-msg-error,
.alert-feedback.portlet-msg-help,
.alert-feedback.portlet-msg-info,
.alert-feedback.portlet-msg-progress,
.alert-feedback.portlet-msg-success {
  background-color: transparent;
  border-width: 0;
  margin-bottom: 0.25rem;
  padding: 0;
}
.alert-feedback.alert .alert-autofit-row, .alert-feedback.portlet-msg-alert .alert-autofit-row,
.alert-feedback.portlet-msg-error .alert-autofit-row,
.alert-feedback.portlet-msg-help .alert-autofit-row,
.alert-feedback.portlet-msg-info .alert-autofit-row,
.alert-feedback.portlet-msg-progress .alert-autofit-row,
.alert-feedback.portlet-msg-success .alert-autofit-row,
.alert-feedback.alert .autofit-row,
.alert-feedback.portlet-msg-alert .autofit-row,
.alert-feedback.portlet-msg-error .autofit-row,
.alert-feedback.portlet-msg-help .autofit-row,
.alert-feedback.portlet-msg-info .autofit-row,
.alert-feedback.portlet-msg-progress .autofit-row,
.alert-feedback.portlet-msg-success .autofit-row {
  display: inline;
  margin-left: 0;
  margin-right: 0;
}
.alert-feedback.alert .alert-autofit-row > .autofit-col, .alert-feedback.portlet-msg-alert .alert-autofit-row > .autofit-col,
.alert-feedback.portlet-msg-error .alert-autofit-row > .autofit-col,
.alert-feedback.portlet-msg-help .alert-autofit-row > .autofit-col,
.alert-feedback.portlet-msg-info .alert-autofit-row > .autofit-col,
.alert-feedback.portlet-msg-progress .alert-autofit-row > .autofit-col,
.alert-feedback.portlet-msg-success .alert-autofit-row > .autofit-col,
.alert-feedback.alert .autofit-row > .autofit-col,
.alert-feedback.portlet-msg-alert .autofit-row > .autofit-col,
.alert-feedback.portlet-msg-error .autofit-row > .autofit-col,
.alert-feedback.portlet-msg-help .autofit-row > .autofit-col,
.alert-feedback.portlet-msg-info .autofit-row > .autofit-col,
.alert-feedback.portlet-msg-progress .autofit-row > .autofit-col,
.alert-feedback.portlet-msg-success .autofit-row > .autofit-col {
  display: inline;
  padding-left: 0;
  padding-right: 0.25em;
}
.alert-feedback.alert .alert-autofit-row > .autofit-col > .autofit-section, .alert-feedback.portlet-msg-alert .alert-autofit-row > .autofit-col > .autofit-section,
.alert-feedback.portlet-msg-error .alert-autofit-row > .autofit-col > .autofit-section,
.alert-feedback.portlet-msg-help .alert-autofit-row > .autofit-col > .autofit-section,
.alert-feedback.portlet-msg-info .alert-autofit-row > .autofit-col > .autofit-section,
.alert-feedback.portlet-msg-progress .alert-autofit-row > .autofit-col > .autofit-section,
.alert-feedback.portlet-msg-success .alert-autofit-row > .autofit-col > .autofit-section,
.alert-feedback.alert .autofit-row > .autofit-col > .autofit-section,
.alert-feedback.portlet-msg-alert .autofit-row > .autofit-col > .autofit-section,
.alert-feedback.portlet-msg-error .autofit-row > .autofit-col > .autofit-section,
.alert-feedback.portlet-msg-help .autofit-row > .autofit-col > .autofit-section,
.alert-feedback.portlet-msg-info .autofit-row > .autofit-col > .autofit-section,
.alert-feedback.portlet-msg-progress .autofit-row > .autofit-col > .autofit-section,
.alert-feedback.portlet-msg-success .autofit-row > .autofit-col > .autofit-section {
  display: inline;
}
.alert-feedback.alert .close, .alert-feedback.portlet-msg-alert .close,
.alert-feedback.portlet-msg-error .close,
.alert-feedback.portlet-msg-help .close,
.alert-feedback.portlet-msg-info .close,
.alert-feedback.portlet-msg-progress .close,
.alert-feedback.portlet-msg-success .close {
  font-size: inherit;
  height: 1rem;
  position: relative;
  right: auto;
  top: 0.125em;
  width: 1rem;
}
.alert-feedback.alert .lead, .alert-feedback.portlet-msg-alert .lead,
.alert-feedback.portlet-msg-error .lead,
.alert-feedback.portlet-msg-help .lead,
.alert-feedback.portlet-msg-info .lead,
.alert-feedback.portlet-msg-progress .lead,
.alert-feedback.portlet-msg-success .lead {
  margin-right: 0;
}
.alert-feedback.alert .lead + .component-text, .alert-feedback.portlet-msg-alert .lead + .component-text,
.alert-feedback.portlet-msg-error .lead + .component-text,
.alert-feedback.portlet-msg-help .lead + .component-text,
.alert-feedback.portlet-msg-info .lead + .component-text,
.alert-feedback.portlet-msg-progress .lead + .component-text,
.alert-feedback.portlet-msg-success .lead + .component-text {
  margin-left: 0.25em;
}

.alert-inline.alert, .alert-inline.portlet-msg-alert,
.alert-inline.portlet-msg-error,
.alert-inline.portlet-msg-help,
.alert-inline.portlet-msg-info,
.alert-inline.portlet-msg-progress,
.alert-inline.portlet-msg-success {
  display: inline-block;
  max-width: 100%;
  width: auto;
}
.alert-inline.alert.alert-dismissible, .alert-inline.alert-dismissible.portlet-msg-alert,
.alert-inline.alert-dismissible.portlet-msg-error,
.alert-inline.alert-dismissible.portlet-msg-help,
.alert-inline.alert-dismissible.portlet-msg-info,
.alert-inline.alert-dismissible.portlet-msg-progress,
.alert-inline.alert-dismissible.portlet-msg-success {
  padding-right: 3.5rem;
}
.alert-inline.alert.alert-dismissible.alert-fluid, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-error,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-help,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-info,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-success {
  padding-right: 0;
}
.alert-inline.alert.alert-dismissible.alert-fluid > .container, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert > .container,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-error > .container,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-help > .container,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-info > .container,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress > .container,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-success > .container,
.alert-inline.alert.alert-dismissible.alert-fluid > .container-fluid,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert > .container-fluid,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-error > .container-fluid,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-help > .container-fluid,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-info > .container-fluid,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress > .container-fluid,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-success > .container-fluid {
  padding-right: 3.5rem;
}
.alert-inline.alert.alert-dismissible.alert-fluid > .container > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert > .container > .alert-autofit-row,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-error > .container > .alert-autofit-row,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-help > .container > .alert-autofit-row,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-info > .container > .alert-autofit-row,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress > .container > .alert-autofit-row,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-success > .container > .alert-autofit-row,
.alert-inline.alert.alert-dismissible.alert-fluid > .container-fluid > .alert-autofit-row,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert > .container-fluid > .alert-autofit-row,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-error > .container-fluid > .alert-autofit-row,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-help > .container-fluid > .alert-autofit-row,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-info > .container-fluid > .alert-autofit-row,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress > .container-fluid > .alert-autofit-row,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-success > .container-fluid > .alert-autofit-row {
  align-items: center;
  margin-bottom: calc(-0.9375rem - 1px);
  margin-top: calc(-0.9375rem - 1px);
  padding-bottom: 0.5625rem;
  padding-top: 0.5625rem;
  min-height: 3.5rem;
}
.alert-inline.alert > .alert-autofit-row, .alert-inline.portlet-msg-alert > .alert-autofit-row,
.alert-inline.portlet-msg-error > .alert-autofit-row,
.alert-inline.portlet-msg-help > .alert-autofit-row,
.alert-inline.portlet-msg-info > .alert-autofit-row,
.alert-inline.portlet-msg-progress > .alert-autofit-row,
.alert-inline.portlet-msg-success > .alert-autofit-row {
  align-items: center;
  margin-bottom: calc(-0.9375rem - 1px);
  margin-top: calc(-0.9375rem - 1px);
  padding-bottom: 0.5625rem;
  padding-top: 0.5625rem;
  min-height: 3.5rem;
}
.alert-inline.alert > .alert-autofit-row .btn-group, .alert-inline.portlet-msg-alert > .alert-autofit-row .btn-group,
.alert-inline.portlet-msg-error > .alert-autofit-row .btn-group,
.alert-inline.portlet-msg-help > .alert-autofit-row .btn-group,
.alert-inline.portlet-msg-info > .alert-autofit-row .btn-group,
.alert-inline.portlet-msg-progress > .alert-autofit-row .btn-group,
.alert-inline.portlet-msg-success > .alert-autofit-row .btn-group {
  margin-right: 2rem;
  margin-left: 0.75rem;
}
.alert-inline.alert .close, .alert-inline.portlet-msg-alert .close,
.alert-inline.portlet-msg-error .close,
.alert-inline.portlet-msg-help .close,
.alert-inline.portlet-msg-info .close,
.alert-inline.portlet-msg-progress .close,
.alert-inline.portlet-msg-success .close {
  margin-top: -1rem;
  top: 50%;
}
.alert-autofit-stacked.alert > .alert-autofit-row, .alert-autofit-stacked.portlet-msg-alert > .alert-autofit-row,
.alert-autofit-stacked.portlet-msg-error > .alert-autofit-row,
.alert-autofit-stacked.portlet-msg-help > .alert-autofit-row,
.alert-autofit-stacked.portlet-msg-info > .alert-autofit-row,
.alert-autofit-stacked.portlet-msg-progress > .alert-autofit-row,
.alert-autofit-stacked.portlet-msg-success > .alert-autofit-row {
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 0;
  margin-top: 0;
  min-height: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.alert-autofit-stacked.alert > .alert-autofit-row > .autofit-col, .alert-autofit-stacked.portlet-msg-alert > .alert-autofit-row > .autofit-col,
.alert-autofit-stacked.portlet-msg-error > .alert-autofit-row > .autofit-col,
.alert-autofit-stacked.portlet-msg-help > .alert-autofit-row > .autofit-col,
.alert-autofit-stacked.portlet-msg-info > .alert-autofit-row > .autofit-col,
.alert-autofit-stacked.portlet-msg-progress > .alert-autofit-row > .autofit-col,
.alert-autofit-stacked.portlet-msg-success > .alert-autofit-row > .autofit-col {
  width: 100%;
}
.alert-autofit-stacked.alert > .alert-autofit-row .btn-group, .alert-autofit-stacked.portlet-msg-alert > .alert-autofit-row .btn-group,
.alert-autofit-stacked.portlet-msg-error > .alert-autofit-row .btn-group,
.alert-autofit-stacked.portlet-msg-help > .alert-autofit-row .btn-group,
.alert-autofit-stacked.portlet-msg-info > .alert-autofit-row .btn-group,
.alert-autofit-stacked.portlet-msg-progress > .alert-autofit-row .btn-group,
.alert-autofit-stacked.portlet-msg-success > .alert-autofit-row .btn-group {
  margin-right: 0;
  margin-top: 0.875rem;
  margin-left: 0;
}
.alert-autofit-stacked.alert .close, .alert-autofit-stacked.portlet-msg-alert .close,
.alert-autofit-stacked.portlet-msg-error .close,
.alert-autofit-stacked.portlet-msg-help .close,
.alert-autofit-stacked.portlet-msg-info .close,
.alert-autofit-stacked.portlet-msg-progress .close,
.alert-autofit-stacked.portlet-msg-success .close {
  margin-top: 0;
  top: 0.6875rem;
}
@media (max-width: 767.98px) {
  .alert-autofit-stacked-sm-down.alert > .alert-autofit-row, .alert-autofit-stacked-sm-down.portlet-msg-alert > .alert-autofit-row,
  .alert-autofit-stacked-sm-down.portlet-msg-error > .alert-autofit-row,
  .alert-autofit-stacked-sm-down.portlet-msg-help > .alert-autofit-row,
  .alert-autofit-stacked-sm-down.portlet-msg-info > .alert-autofit-row,
  .alert-autofit-stacked-sm-down.portlet-msg-progress > .alert-autofit-row,
  .alert-autofit-stacked-sm-down.portlet-msg-success > .alert-autofit-row {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 0;
    margin-top: 0;
    min-height: 0;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 767.98px) {
  .alert-autofit-stacked-sm-down.alert > .alert-autofit-row > .autofit-col, .alert-autofit-stacked-sm-down.portlet-msg-alert > .alert-autofit-row > .autofit-col,
  .alert-autofit-stacked-sm-down.portlet-msg-error > .alert-autofit-row > .autofit-col,
  .alert-autofit-stacked-sm-down.portlet-msg-help > .alert-autofit-row > .autofit-col,
  .alert-autofit-stacked-sm-down.portlet-msg-info > .alert-autofit-row > .autofit-col,
  .alert-autofit-stacked-sm-down.portlet-msg-progress > .alert-autofit-row > .autofit-col,
  .alert-autofit-stacked-sm-down.portlet-msg-success > .alert-autofit-row > .autofit-col {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .alert-autofit-stacked-sm-down.alert > .alert-autofit-row .btn-group, .alert-autofit-stacked-sm-down.portlet-msg-alert > .alert-autofit-row .btn-group,
  .alert-autofit-stacked-sm-down.portlet-msg-error > .alert-autofit-row .btn-group,
  .alert-autofit-stacked-sm-down.portlet-msg-help > .alert-autofit-row .btn-group,
  .alert-autofit-stacked-sm-down.portlet-msg-info > .alert-autofit-row .btn-group,
  .alert-autofit-stacked-sm-down.portlet-msg-progress > .alert-autofit-row .btn-group,
  .alert-autofit-stacked-sm-down.portlet-msg-success > .alert-autofit-row .btn-group {
    margin-right: 0;
    margin-top: 0.875rem;
    margin-left: 0;
  }
}
@media (max-width: 767.98px) {
  .alert-autofit-stacked-sm-down.alert .close, .alert-autofit-stacked-sm-down.portlet-msg-alert .close,
  .alert-autofit-stacked-sm-down.portlet-msg-error .close,
  .alert-autofit-stacked-sm-down.portlet-msg-help .close,
  .alert-autofit-stacked-sm-down.portlet-msg-info .close,
  .alert-autofit-stacked-sm-down.portlet-msg-progress .close,
  .alert-autofit-stacked-sm-down.portlet-msg-success .close {
    margin-top: 0;
    top: 0.6875rem;
  }
}

@media (max-width: 575.98px) {
  .alert-autofit-stacked-xs-down.alert > .alert-autofit-row, .alert-autofit-stacked-xs-down.portlet-msg-alert > .alert-autofit-row,
  .alert-autofit-stacked-xs-down.portlet-msg-error > .alert-autofit-row,
  .alert-autofit-stacked-xs-down.portlet-msg-help > .alert-autofit-row,
  .alert-autofit-stacked-xs-down.portlet-msg-info > .alert-autofit-row,
  .alert-autofit-stacked-xs-down.portlet-msg-progress > .alert-autofit-row,
  .alert-autofit-stacked-xs-down.portlet-msg-success > .alert-autofit-row {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 0;
    margin-top: 0;
    min-height: 0;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 575.98px) {
  .alert-autofit-stacked-xs-down.alert > .alert-autofit-row > .autofit-col, .alert-autofit-stacked-xs-down.portlet-msg-alert > .alert-autofit-row > .autofit-col,
  .alert-autofit-stacked-xs-down.portlet-msg-error > .alert-autofit-row > .autofit-col,
  .alert-autofit-stacked-xs-down.portlet-msg-help > .alert-autofit-row > .autofit-col,
  .alert-autofit-stacked-xs-down.portlet-msg-info > .alert-autofit-row > .autofit-col,
  .alert-autofit-stacked-xs-down.portlet-msg-progress > .alert-autofit-row > .autofit-col,
  .alert-autofit-stacked-xs-down.portlet-msg-success > .alert-autofit-row > .autofit-col {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .alert-autofit-stacked-xs-down.alert > .alert-autofit-row .btn-group, .alert-autofit-stacked-xs-down.portlet-msg-alert > .alert-autofit-row .btn-group,
  .alert-autofit-stacked-xs-down.portlet-msg-error > .alert-autofit-row .btn-group,
  .alert-autofit-stacked-xs-down.portlet-msg-help > .alert-autofit-row .btn-group,
  .alert-autofit-stacked-xs-down.portlet-msg-info > .alert-autofit-row .btn-group,
  .alert-autofit-stacked-xs-down.portlet-msg-progress > .alert-autofit-row .btn-group,
  .alert-autofit-stacked-xs-down.portlet-msg-success > .alert-autofit-row .btn-group {
    margin-right: 0;
    margin-top: 0.875rem;
    margin-left: 0;
  }
}
@media (max-width: 575.98px) {
  .alert-autofit-stacked-xs-down.alert .close, .alert-autofit-stacked-xs-down.portlet-msg-alert .close,
  .alert-autofit-stacked-xs-down.portlet-msg-error .close,
  .alert-autofit-stacked-xs-down.portlet-msg-help .close,
  .alert-autofit-stacked-xs-down.portlet-msg-info .close,
  .alert-autofit-stacked-xs-down.portlet-msg-progress .close,
  .alert-autofit-stacked-xs-down.portlet-msg-success .close {
    margin-top: 0;
    top: 0.6875rem;
  }
}

.alert-indicator-start.alert, .alert-indicator-start.portlet-msg-alert,
.alert-indicator-start.portlet-msg-error,
.alert-indicator-start.portlet-msg-help,
.alert-indicator-start.portlet-msg-info,
.alert-indicator-start.portlet-msg-progress,
.alert-indicator-start.portlet-msg-success {
  padding-left: calc(1rem + 1rem + 0.5rem);
}
.alert-indicator-start.alert.alert-fluid, .alert-indicator-start.alert-fluid.portlet-msg-alert,
.alert-indicator-start.alert-fluid.portlet-msg-error,
.alert-indicator-start.alert-fluid.portlet-msg-help,
.alert-indicator-start.alert-fluid.portlet-msg-info,
.alert-indicator-start.alert-fluid.portlet-msg-progress,
.alert-indicator-start.alert-fluid.portlet-msg-success {
  padding-left: 0;
}
.alert-indicator-start.alert.alert-fluid > .container, .alert-indicator-start.alert-fluid.portlet-msg-alert > .container,
.alert-indicator-start.alert-fluid.portlet-msg-error > .container,
.alert-indicator-start.alert-fluid.portlet-msg-help > .container,
.alert-indicator-start.alert-fluid.portlet-msg-info > .container,
.alert-indicator-start.alert-fluid.portlet-msg-progress > .container,
.alert-indicator-start.alert-fluid.portlet-msg-success > .container,
.alert-indicator-start.alert.alert-fluid > .container-fluid,
.alert-indicator-start.alert-fluid.portlet-msg-alert > .container-fluid,
.alert-indicator-start.alert-fluid.portlet-msg-error > .container-fluid,
.alert-indicator-start.alert-fluid.portlet-msg-help > .container-fluid,
.alert-indicator-start.alert-fluid.portlet-msg-info > .container-fluid,
.alert-indicator-start.alert-fluid.portlet-msg-progress > .container-fluid,
.alert-indicator-start.alert-fluid.portlet-msg-success > .container-fluid {
  padding-left: calc( 						1rem + 1rem + 							0.5rem 					);
}
.alert-indicator-start.alert.alert-feedback, .alert-indicator-start.alert-feedback.portlet-msg-alert,
.alert-indicator-start.alert-feedback.portlet-msg-error,
.alert-indicator-start.alert-feedback.portlet-msg-help,
.alert-indicator-start.alert-feedback.portlet-msg-info,
.alert-indicator-start.alert-feedback.portlet-msg-progress,
.alert-indicator-start.alert-feedback.portlet-msg-success {
  padding-left: calc(1rem + 0.5rem);
}
.alert-indicator-start.alert .alert-indicator, .alert-indicator-start.portlet-msg-alert .alert-indicator,
.alert-indicator-start.portlet-msg-error .alert-indicator,
.alert-indicator-start.portlet-msg-help .alert-indicator,
.alert-indicator-start.portlet-msg-info .alert-indicator,
.alert-indicator-start.portlet-msg-progress .alert-indicator,
.alert-indicator-start.portlet-msg-success .alert-indicator {
  line-height: 1;
  margin-left: calc(-1em - 0.5rem);
  margin-top: 2px;
  position: absolute;
}
.alert-indicator-start.alert .alert-indicator + .lead, .alert-indicator-start.portlet-msg-alert .alert-indicator + .lead,
.alert-indicator-start.portlet-msg-error .alert-indicator + .lead,
.alert-indicator-start.portlet-msg-help .alert-indicator + .lead,
.alert-indicator-start.portlet-msg-info .alert-indicator + .lead,
.alert-indicator-start.portlet-msg-progress .alert-indicator + .lead,
.alert-indicator-start.portlet-msg-success .alert-indicator + .lead {
  margin-left: 0;
}
.alert-indicator-start.alert .alert-autofit-row .alert-indicator:only-child, .alert-indicator-start.portlet-msg-alert .alert-autofit-row .alert-indicator:only-child,
.alert-indicator-start.portlet-msg-error .alert-autofit-row .alert-indicator:only-child,
.alert-indicator-start.portlet-msg-help .alert-autofit-row .alert-indicator:only-child,
.alert-indicator-start.portlet-msg-info .alert-autofit-row .alert-indicator:only-child,
.alert-indicator-start.portlet-msg-progress .alert-autofit-row .alert-indicator:only-child,
.alert-indicator-start.portlet-msg-success .alert-autofit-row .alert-indicator:only-child {
  margin-right: 0;
}

.alert-primary {
  background-color: #43ffcc;
  border-color: #00d29a;
  color: #005D44;
}
.alert-primary hr {
  border-top-color: #00b887;
}
.alert-primary .alert-btn {
  background-color: #fff;
  border-color: #00d29a;
  color: #005D44;
}
.alert-primary .alert-btn:hover {
  background-color: #005D44;
  color: #fff;
  border-color: #005D44;
}
.alert-primary .alert-btn:active {
  background-color: #004431;
  border-color: #004431;
}
.alert-primary .alert-btn.active {
  background-color: #004431;
  border-color: #004431;
}
.alert-primary .alert-btn[aria-expanded=true], .alert-primary .alert-btn.show {
  background-color: #004431;
  border-color: #004431;
}
.alert-primary .close {
  color: #005D44;
}
.alert-primary .close:hover {
  color: #005D44;
}
.alert-primary .lead {
  color: #005D44;
}
.alert-primary .alert-link {
  color: #005D44;
}
.alert-secondary {
  background-color: #e7e7ed;
  border-color: #a7a9bc;
  color: #6b6c7e;
}
.alert-secondary .alert-btn {
  background-color: #fff;
  border-color: #a7a9bc;
  color: #6b6c7e;
}
.alert-secondary .alert-btn:hover {
  background-color: #6b6c7e;
  color: #fff;
  border-color: #6b6c7e;
}
.alert-secondary .alert-btn:active {
  background-color: #5f6070;
  border-color: #5f6070;
}
.alert-secondary .alert-btn.active {
  background-color: #5f6070;
  border-color: #5f6070;
}
.alert-secondary .alert-btn[aria-expanded=true], .alert-secondary .alert-btn.show {
  background-color: #5f6070;
  border-color: #5f6070;
}
.alert-secondary .close {
  color: #6b6c7e;
}
.alert-secondary .close:hover {
  color: #6b6c7e;
}
.alert-secondary .lead {
  color: #6b6c7e;
}
.alert-secondary .alert-link {
  color: #005D44;
}
.alert-success, .portlet-msg-success {
  background-color: #edf9f0;
  border-color: #5aca75;
  color: #287d3c;
}
.alert-success .alert-btn, .portlet-msg-success .alert-btn {
  background-color: #fff;
  border-color: #5aca75;
  color: #287d3c;
}
.alert-success .alert-btn:hover, .portlet-msg-success .alert-btn:hover {
  background-color: #287d3c;
  color: #fff;
  border-color: #287d3c;
}
.alert-success .alert-btn:active, .portlet-msg-success .alert-btn:active {
  background-color: #226a33;
  border-color: #226a33;
}
.alert-success .alert-btn.active, .portlet-msg-success .alert-btn.active {
  background-color: #226a33;
  border-color: #226a33;
}
.alert-success .alert-btn[aria-expanded=true], .portlet-msg-success .alert-btn[aria-expanded=true], .alert-success .alert-btn.show, .portlet-msg-success .alert-btn.show {
  background-color: #226a33;
  border-color: #226a33;
}
.alert-success .close, .portlet-msg-success .close {
  color: #287d3c;
}
.alert-success .close:hover, .portlet-msg-success .close:hover {
  color: #287d3c;
}
.alert-success .lead, .portlet-msg-success .lead {
  color: #287d3c;
}
.alert-success .alert-link, .portlet-msg-success .alert-link {
  color: #005D44;
}
.alert-info, .portlet-msg-help,
.portlet-msg-info,
.portlet-msg-progress {
  background-color: #eef2fa;
  border-color: #89a7e0;
  color: #2e5aac;
}
.alert-info .alert-btn, .portlet-msg-help .alert-btn,
.portlet-msg-info .alert-btn,
.portlet-msg-progress .alert-btn {
  background-color: #fff;
  border-color: #89a7e0;
  color: #2e5aac;
}
.alert-info .alert-btn:hover, .portlet-msg-help .alert-btn:hover,
.portlet-msg-info .alert-btn:hover,
.portlet-msg-progress .alert-btn:hover {
  background-color: #2e5aac;
  color: #fff;
  border-color: #2e5aac;
}
.alert-info .alert-btn:active, .portlet-msg-help .alert-btn:active,
.portlet-msg-info .alert-btn:active,
.portlet-msg-progress .alert-btn:active {
  background-color: #294f98;
  border-color: #294f98;
}
.alert-info .alert-btn.active, .portlet-msg-help .alert-btn.active,
.portlet-msg-info .alert-btn.active,
.portlet-msg-progress .alert-btn.active {
  background-color: #294f98;
  border-color: #294f98;
}
.alert-info .alert-btn[aria-expanded=true], .portlet-msg-help .alert-btn[aria-expanded=true],
.portlet-msg-info .alert-btn[aria-expanded=true],
.portlet-msg-progress .alert-btn[aria-expanded=true], .alert-info .alert-btn.show, .portlet-msg-help .alert-btn.show,
.portlet-msg-info .alert-btn.show,
.portlet-msg-progress .alert-btn.show {
  background-color: #294f98;
  border-color: #294f98;
}
.alert-info .close, .portlet-msg-help .close,
.portlet-msg-info .close,
.portlet-msg-progress .close {
  color: #2e5aac;
}
.alert-info .close:hover, .portlet-msg-help .close:hover,
.portlet-msg-info .close:hover,
.portlet-msg-progress .close:hover {
  color: #2e5aac;
}
.alert-info .lead, .portlet-msg-help .lead,
.portlet-msg-info .lead,
.portlet-msg-progress .lead {
  color: #2e5aac;
}
.alert-info .alert-link, .portlet-msg-help .alert-link,
.portlet-msg-info .alert-link,
.portlet-msg-progress .alert-link {
  color: #005D44;
}
.alert-warning, .portlet-msg-alert {
  background-color: #fff4ec;
  border-color: #ff8f39;
  color: #b95000;
}
.alert-warning .alert-btn, .portlet-msg-alert .alert-btn {
  background-color: #fff;
  border-color: #ff8f39;
  color: #b95000;
}
.alert-warning .alert-btn:hover, .portlet-msg-alert .alert-btn:hover {
  background-color: #b95000;
  color: #fff;
  border-color: #b95000;
}
.alert-warning .alert-btn:active, .portlet-msg-alert .alert-btn:active {
  background-color: #a04500;
  border-color: #a04500;
}
.alert-warning .alert-btn.active, .portlet-msg-alert .alert-btn.active {
  background-color: #a04500;
  border-color: #a04500;
}
.alert-warning .alert-btn[aria-expanded=true], .portlet-msg-alert .alert-btn[aria-expanded=true], .alert-warning .alert-btn.show, .portlet-msg-alert .alert-btn.show {
  background-color: #a04500;
  border-color: #a04500;
}
.alert-warning .close, .portlet-msg-alert .close {
  color: #b95000;
}
.alert-warning .close:hover, .portlet-msg-alert .close:hover {
  color: #b95000;
}
.alert-warning .lead, .portlet-msg-alert .lead {
  color: #b95000;
}
.alert-warning .alert-link, .portlet-msg-alert .alert-link {
  color: #005D44;
}
.alert-danger, .portlet-msg-error {
  background-color: #feefef;
  border-color: #f48989;
  color: #da1414;
}
.alert-danger .alert-btn, .portlet-msg-error .alert-btn {
  background-color: #fff;
  border-color: #f48989;
  color: #da1414;
}
.alert-danger .alert-btn:hover, .portlet-msg-error .alert-btn:hover {
  background-color: #da1414;
  color: #fff;
  border-color: #da1414;
}
.alert-danger .alert-btn:active, .portlet-msg-error .alert-btn:active {
  background-color: #c31212;
  border-color: #c31212;
}
.alert-danger .alert-btn.active, .portlet-msg-error .alert-btn.active {
  background-color: #c31212;
  border-color: #c31212;
}
.alert-danger .alert-btn[aria-expanded=true], .portlet-msg-error .alert-btn[aria-expanded=true], .alert-danger .alert-btn.show, .portlet-msg-error .alert-btn.show {
  background-color: #c31212;
  border-color: #c31212;
}
.alert-danger .close, .portlet-msg-error .close {
  color: #da1414;
}
.alert-danger .close:hover, .portlet-msg-error .close:hover {
  color: #da1414;
}
.alert-danger .lead, .portlet-msg-error .lead {
  color: #da1414;
}
.alert-danger .alert-link, .portlet-msg-error .alert-link {
  color: #005D44;
}
.alert-light {
  background-color: white;
  border-color: #f7f8f9;
  color: #272833;
}
.alert-light .alert-btn {
  background-color: #fff;
  border-color: #30313f;
  color: #272833;
}
.alert-light .alert-btn:hover {
  background-color: #272833;
  color: #fff;
  border-color: #272833;
}
.alert-light .alert-btn:active {
  background-color: #1c1d25;
  border-color: #1c1d25;
}
.alert-light .alert-btn.active {
  background-color: #1c1d25;
  border-color: #1c1d25;
}
.alert-light .alert-btn[aria-expanded=true], .alert-light .alert-btn.show {
  background-color: #1c1d25;
  border-color: #1c1d25;
}
.alert-light .close {
  color: #272833;
}
.alert-light .close:hover {
  color: #272833;
}
.alert-light .lead {
  color: #272833;
}
.alert-dark {
  background-color: #393a4a;
  border-color: #30313f;
  color: #f1f2f5;
}
.alert-dark .alert-btn {
  background-color: #fff;
  border-color: #30313f;
  color: #272833;
}
.alert-dark .alert-btn:hover {
  background-color: #272833;
  color: #fff;
  border-color: #272833;
}
.alert-dark .alert-btn:active {
  background-color: #1c1d25;
  border-color: #1c1d25;
}
.alert-dark .alert-btn.active {
  background-color: #1c1d25;
  border-color: #1c1d25;
}
.alert-dark .alert-btn[aria-expanded=true], .alert-dark .alert-btn.show {
  background-color: #1c1d25;
  border-color: #1c1d25;
}
.alert-dark .close {
  color: #f1f2f5;
}
.alert-dark .close:hover {
  color: #f1f2f5;
}
.alert-dark .lead {
  color: #f1f2f5;
}
.badge {
  border-color: transparent;
  border-radius: 10rem;
  border-style: solid;
  border-width: 1px;
  display: inline-flex;
  font-size: 0.625rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.1;
  margin-bottom: 0.125rem;
  margin-right: 0.25rem;
  margin-top: 0.125rem;
  max-width: 100%;
  padding-bottom: 0.09375rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.09375rem;
  text-align: center;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  white-space: inherit;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
.badge:empty {
  display: none;
}
.badge[href]:hover, .badge[type]:hover {
  text-decoration: none;
}
.badge[href].focus, .badge[href]:focus, .badge[type].focus, .badge[type]:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.badge a {
  color: #fff;
  text-decoration: underline;
}
.badge a:hover {
  text-decoration: none;
}
.badge a.focus, .badge a:focus {
  text-decoration: none;
}
.badge > .c-inner {
  margin-bottom: -0.09375rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-top: -0.09375rem;
  max-width: none;
}
.badge .inline-item a {
  align-items: center;
  display: inline-flex;
  margin-top: 0;
}
.badge .inline-item .btn-unstyled {
  color: inherit;
  display: inline-flex;
  margin-top: 0;
  max-width: none;
}
.badge .inline-item .close {
  color: inherit;
  display: inline-flex;
  float: none;
  font-size: inherit;
  margin-top: 0;
  opacity: 1;
}
.badge .inline-item a .lexicon-icon,
.badge .inline-item .btn-unstyled .lexicon-icon,
.badge .inline-item .close .lexicon-icon {
  margin-top: 0;
}
.badge .inline-item .lexicon-icon {
  height: 0.875em;
  margin-top: 0;
  width: 0.875em;
}

.badge-item {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  min-height: 0;
  position: relative;
  text-align: left;
}
.badge-item a {
  display: inline-flex;
}
.badge-item .btn-unstyled {
  color: inherit;
  display: inline-flex;
}
.badge-item .close {
  border-radius: 1px;
  color: inherit;
  display: inline-flex;
  font-size: inherit;
  height: auto;
  opacity: 1;
  width: auto;
}
.badge-item .close:hover {
  color: inherit;
  opacity: 1;
}
.badge-item .close:focus {
  opacity: 1;
}
.badge-item .lexicon-icon {
  height: 0.875em;
  margin-top: 0;
  width: 0.875em;
}

.badge-item-expand {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0.375rem;
  word-wrap: break-word;
}
.badge-item-expand a {
  flex-direction: column;
}

.badge-item-before {
  margin-right: 0.85714em;
}

.badge-item-after {
  margin-left: 0.85714em;
}

.btn .badge {
  margin-right: 0;
  position: relative;
  top: -1px;
}

.badge-pill {
  border-radius: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.badge-primary {
  background-color: #005D44;
  color: #fff;
}
[href].badge-primary:hover, [type].badge-primary:hover {
  background-color: #005D44;
  color: #fff;
}
[href].focus.badge-primary, [href].badge-primary:focus, [type].focus.badge-primary, [type].badge-primary:focus {
  background-color: #005D44;
  box-shadow: 0 0 0 0.2rem rgba(0, 93, 68, 0.5);
  color: #fff;
}
.badge-secondary {
  background-color: #e7e7ed;
  color: #272833;
}
[href].badge-secondary:hover, [type].badge-secondary:hover {
  background-color: #e7e7ed;
  color: #272833;
}
[href].focus.badge-secondary, [href].badge-secondary:focus, [type].focus.badge-secondary, [type].badge-secondary:focus {
  background-color: #e7e7ed;
  color: #272833;
  box-shadow: 0 0 0 0.2rem rgba(231, 231, 237, 0.5);
}
.badge-secondary a {
  color: #272833;
}
.badge-success {
  background-color: #287d3c;
  color: #fff;
}
[href].badge-success:hover, [type].badge-success:hover {
  background-color: #287d3c;
  color: #fff;
}
[href].focus.badge-success, [href].badge-success:focus, [type].focus.badge-success, [type].badge-success:focus {
  background-color: #287d3c;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.5);
}
.badge-info {
  background-color: #2e5aac;
  color: #fff;
}
[href].badge-info:hover, [type].badge-info:hover {
  background-color: #2e5aac;
  color: #fff;
}
[href].focus.badge-info, [href].badge-info:focus, [type].focus.badge-info, [type].badge-info:focus {
  background-color: #2e5aac;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(46, 90, 172, 0.5);
}
.badge-warning {
  background-color: #b95000;
  color: #fff;
}
[href].badge-warning:hover, [type].badge-warning:hover {
  background-color: #b95000;
  color: #fff;
}
[href].focus.badge-warning, [href].badge-warning:focus, [type].focus.badge-warning, [type].badge-warning:focus {
  background-color: #b95000;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(185, 80, 0, 0.5);
}
.badge-danger {
  background-color: #da1414;
  color: #fff;
}
[href].badge-danger:hover, [type].badge-danger:hover {
  background-color: #da1414;
  color: #fff;
}
[href].focus.badge-danger, [href].badge-danger:focus, [type].focus.badge-danger, [type].badge-danger:focus {
  background-color: #da1414;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(218, 20, 20, 0.5);
}
.badge-light {
  background-color: #f1f2f5;
  color: #272833;
}
[href].badge-light:hover, [type].badge-light:hover {
  background-color: #f1f2f5;
  color: #272833;
}
[href].focus.badge-light, [href].badge-light:focus, [type].focus.badge-light, [type].badge-light:focus {
  background-color: #f1f2f5;
  color: #272833;
  box-shadow: 0 0 0 0.2rem rgba(241, 242, 245, 0.5);
}
.badge-light a {
  color: #272833;
}
.badge-dark {
  background-color: #272833;
  color: #fff;
}
[href].badge-dark:hover, [type].badge-dark:hover {
  background-color: #272833;
  color: #fff;
}
[href].focus.badge-dark, [href].badge-dark:focus, [type].focus.badge-dark, [type].badge-dark:focus {
  background-color: #272833;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(39, 40, 51, 0.5);
}
.breadcrumb {
  background-color: transparent;
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
  list-style: none;
  margin-bottom: 0;
  padding: 0.59375rem 0.125rem;
}

.breadcrumb-link {
  color: #6b6c7e;
  display: block;
  text-decoration: none;
  border-radius: 1px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .breadcrumb-link {
    transition: none;
  }
}
.breadcrumb-link:hover {
  color: #6b6c7e;
  text-decoration: underline;
}
.breadcrumb-link.focus, .breadcrumb-link:focus {
  color: #6b6c7e;
  text-decoration: underline;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.breadcrumb-item {
  font-size: 0.875rem;
  margin-right: 0.5em;
  position: relative;
}
.breadcrumb-item.active,
.breadcrumb-item .active {
  color: #272833;
  font-weight: var(--font-weight-semi-bold, 500);
}
.breadcrumb-item > span {
  text-transform: inherit;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 1em;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: #6b6c7e;
  display: block;
  float: left;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M375.2%20239.2%20173.3%2037c-23.6-23-59.9%2011.9-36%2035.1l183%20183.9-182.9%20183.8c-24%2023.5%2012.5%2058.2%2036.1%2035.2l201.7-202.1c10.2-10.1%209.3-24.4%200-33.7z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  height: 0.6em;
  left: 0;
  margin-top: calc(-0.6em / 2);
  padding: 0;
  position: absolute;
  top: 50%;
  width: 0.6em;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item .dropdown-toggle {
  text-decoration: none;
}
.breadcrumb-item .dropdown-toggle:hover {
  text-decoration: none;
}
.breadcrumb-item .dropdown-toggle:focus, .breadcrumb-item .dropdown-toggle.focus {
  text-decoration: none;
}
.breadcrumb-text-truncate {
  display: inline-block;
  max-width: 17.875rem;
  overflow: hidden;
  text-decoration: inherit;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .breadcrumb-text-truncate {
    max-width: 8.5rem;
  }
}

.btn-group,
.btn-group-vertical {
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  z-index: 3;
}
.btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -0.0625rem;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group {
  flex-wrap: wrap;
}

.btn-group-nowrap {
  flex-wrap: nowrap;
}

.btn-group-item {
  align-items: center;
  display: inline-flex;
  margin-right: 1rem;
}

.btn-group-item:last-child,
.btn-group-item-last {
  margin-right: 0;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  margin-bottom: 0.125rem;
  margin-top: 0.125rem;
}
.btn-toolbar .btn-group:not(:last-child),
.btn-toolbar .input-group:not(:last-child) {
  margin-right: 0.5rem;
}
.btn-toolbar .input-group {
  width: auto;
}

.dropdown-toggle-split {
  padding-left: calc(0.9375rem * 0.75);
  padding-right: calc(0.9375rem * 0.75);
}

.btn-sm + .dropdown-toggle-split {
  padding-right: calc(0.75rem * 0.75);
  padding-left: calc(0.75rem * 0.75);
}

.btn-lg + .dropdown-toggle-split {
  padding-right: calc(1.5rem * 0.75);
  padding-left: calc(1.5rem * 0.75);
}

.btn-group-vertical {
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -0.0625rem;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-vertical > .btn-monospaced {
  width: 2.5rem;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  position: absolute;
}

.c-empty-state-animation {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 5rem auto 1.5rem;
  max-width: 340px;
  text-align: center;
}

.c-empty-state-image {
  margin-bottom: -0.5rem;
  max-width: 250px;
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.c-empty-state-aspect-ratio {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  display: block;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}

.c-empty-state-title {
  font-size: 1.25rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.2;
  margin-bottom: 0;
  margin-top: 2.5rem;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.c-empty-state-text {
  color: #6b6c7e;
  margin-bottom: 0;
  margin-top: 0.5rem;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.c-empty-state-footer {
  margin-top: 1rem;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.c-empty-state-sm.c-empty-state-animation {
  margin: 2.5rem auto 2rem;
  max-width: 268px;
}
.c-empty-state-sm .c-empty-state-image {
  max-width: 120px;
}
.c-empty-state-sm .c-empty-state-title {
  font-size: 1rem;
  line-height: 1.5;
}
.c-empty-state-sm .c-empty-state-text {
  font-size: 0.875rem;
}
.label {
  border-color: #272833;
  border-radius: 0.125rem;
  border-style: solid;
  border-width: 0.0625rem;
  display: inline-flex;
  font-size: 0.625rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1;
  margin-bottom: 0.125rem;
  margin-right: 0.25rem;
  margin-top: 0.125rem;
  max-width: 100%;
  padding-bottom: 0.125rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.125rem;
  text-transform: uppercase;
  white-space: inherit;
  overflow-wrap: break-word;
  word-wrap: break-word;
  outline: 0;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .label {
    transition: none;
  }
}
.label:disabled, .label.disabled {
  box-shadow: none;
}
.label[href], .label[type], .label[tabindex] {
  cursor: pointer;
  text-decoration: none;
}
.label[href]:hover, .label[type]:hover, .label[tabindex]:hover {
  text-decoration: underline;
}
.label[href].focus, .label[href]:focus, .label[type].focus, .label[type]:focus, .label[tabindex].focus, .label[tabindex]:focus {
  text-decoration: underline;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.label a,
.label .btn-unstyled {
  color: inherit;
  display: inline-block;
  text-decoration: none;
}
.label a:hover,
.label .btn-unstyled:hover {
  color: inherit;
  text-decoration: underline;
}
.label a.focus, .label a:focus,
.label .btn-unstyled.focus,
.label .btn-unstyled:focus {
  color: inherit;
  text-decoration: underline;
}
.label .sticker {
  border-radius: 100px;
  height: 0.875em;
  line-height: 0.875em;
  width: 0.875em;
}
.label .sticker-overlay {
  border-radius: 100px;
}
.label > .c-inner {
  margin-bottom: -0.125rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-top: -0.125rem;
  max-width: none;
}
.label .inline-item a {
  align-items: center;
  display: inline-flex;
  margin-top: 0;
}
.label .inline-item .btn-unstyled {
  color: inherit;
  display: inline-flex;
  margin-top: 0;
  max-width: none;
}
.label .inline-item .close {
  color: inherit;
  display: inline-flex;
  float: none;
  font-size: inherit;
  margin-top: 0;
  opacity: 1;
}
.label .inline-item a .lexicon-icon,
.label .inline-item .btn-unstyled .lexicon-icon,
.label .inline-item .close .lexicon-icon {
  margin-top: 0;
}
.label .inline-item .lexicon-icon {
  margin-top: 0;
}

.label-item {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  min-height: 0;
  position: relative;
}
.label-item a {
  display: inline-flex;
}
.label-item .btn-unstyled {
  color: inherit;
  display: inline-flex;
}
.label-item .close {
  border-radius: 1px;
  color: inherit;
  display: inline-flex;
  font-size: 1rem;
  height: auto;
  margin-bottom: -2px;
  margin-top: -2px;
  opacity: 1;
  width: auto;
}
.label-item .close:hover {
  color: inherit;
  opacity: 1;
}
.label-item .close:focus {
  opacity: 1;
}
.label-item .close:disabled, .label-item .close.disabled {
  opacity: 0.4;
  color: inherit;
}
.label-item .lexicon-icon {
  margin-top: 0;
}
.label-item .text-truncate-inline {
  display: inline-flex;
}

.label-item-expand {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 1rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.label-item-expand a {
  flex-direction: column;
}
.label-item-before {
  margin-right: 0.85714em;
}

.label-item-after {
  margin-left: 0.85714em;
}

.label-lg {
  font-size: 0.75rem;
  height: auto;
  padding-bottom: 0.3125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.3125rem;
  text-transform: none;
  min-height: 1.5rem;
}
.label-lg .lexicon-icon {
  height: 1em;
  width: 1em;
}
.label-lg .label-item {
  margin-bottom: -0.0625rem;
  margin-top: -0.0625rem;
}
.label-lg .label-item .lexicon-icon {
  height: 1em;
  width: 1em;
}
.label-lg .sticker {
  height: 0.875rem;
  line-height: 0.875rem;
  width: 0.875rem;
}
.label-lg > .c-inner {
  margin-bottom: -0.3125rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: -0.3125rem;
}

.label-primary {
  background-color: #fff;
  border-color: #00d29a;
  color: #005D44;
}
[href].label-primary:hover, [type].label-primary:hover, [tabindex].label-primary:hover {
  border-color: #00d29a;
  color: #002a1f;
}
[href].focus.label-primary, [href].label-primary:focus, [type].focus.label-primary, [type].label-primary:focus, [tabindex].focus.label-primary, [tabindex].label-primary:focus {
  color: #002a1f;
}
.label-primary a:hover,
.label-primary .btn-unstyled:hover {
  color: #002a1f;
}
.label-primary .close:hover {
  color: #002a1f;
}
.label-primary .close:focus {
  color: #002a1f;
}
.label-secondary {
  background-color: #fff;
  border-color: #cdced9;
  color: #6b6c7e;
}
[href].label-secondary:hover, [type].label-secondary:hover, [tabindex].label-secondary:hover {
  border-color: #cdced9;
  color: #272833;
}
[href].focus.label-secondary, [href].label-secondary:focus, [type].focus.label-secondary, [type].label-secondary:focus, [tabindex].focus.label-secondary, [tabindex].label-secondary:focus {
  color: #272833;
}
.label-secondary a:hover,
.label-secondary .btn-unstyled:hover {
  color: #272833;
}
.label-secondary .close:hover {
  color: #272833;
}
.label-secondary .close:focus {
  color: #272833;
}
.label-success {
  background-color: #fff;
  border-color: #5aca75;
  color: #287d3c;
}
[href].label-success:hover, [type].label-success:hover, [tabindex].label-success:hover {
  border-color: #5aca75;
  color: #1c5629;
}
[href].focus.label-success, [href].label-success:focus, [type].focus.label-success, [type].label-success:focus, [tabindex].focus.label-success, [tabindex].label-success:focus {
  color: #1c5629;
}
.label-success a:hover,
.label-success .btn-unstyled:hover {
  color: #1c5629;
}
.label-success .close:hover {
  color: #1c5629;
}
.label-success .close:focus {
  color: #1c5629;
}
.label-info {
  background-color: #fff;
  border-color: #89a7e0;
  color: #2e5aac;
}
[href].label-info:hover, [type].label-info:hover, [tabindex].label-info:hover {
  border-color: #89a7e0;
  color: #234584;
}
[href].focus.label-info, [href].label-info:focus, [type].focus.label-info, [type].label-info:focus, [tabindex].focus.label-info, [tabindex].label-info:focus {
  color: #234584;
}
.label-info a:hover,
.label-info .btn-unstyled:hover {
  color: #234584;
}
.label-info .close:hover {
  color: #234584;
}
.label-info .close:focus {
  color: #234584;
}
.label-warning {
  background-color: #fff;
  border-color: #ff8f39;
  color: #b95000;
}
[href].label-warning:hover, [type].label-warning:hover, [tabindex].label-warning:hover {
  border-color: #ff8f39;
  color: #863a00;
}
[href].focus.label-warning, [href].label-warning:focus, [type].focus.label-warning, [type].label-warning:focus, [tabindex].focus.label-warning, [tabindex].label-warning:focus {
  color: #863a00;
}
.label-warning a:hover,
.label-warning .btn-unstyled:hover {
  color: #863a00;
}
.label-warning .close:hover {
  color: #863a00;
}
.label-warning .close:focus {
  color: #863a00;
}
.label-danger {
  background-color: #fff;
  border-color: #f48989;
  color: #da1414;
}
[href].label-danger:hover, [type].label-danger:hover, [tabindex].label-danger:hover {
  border-color: #f48989;
  color: #ab1010;
}
[href].focus.label-danger, [href].label-danger:focus, [type].focus.label-danger, [type].label-danger:focus, [tabindex].focus.label-danger, [tabindex].label-danger:focus {
  color: #ab1010;
}
.label-danger a:hover,
.label-danger .btn-unstyled:hover {
  color: #ab1010;
}
.label-danger .close:hover {
  color: #ab1010;
}
.label-danger .close:focus {
  color: #ab1010;
}
.label-dark {
  background-color: #fff;
  border-color: #272833;
  color: #272833;
}
[href].label-dark:hover, [type].label-dark:hover, [tabindex].label-dark:hover {
  border-color: #272833;
  color: #393a4a;
}
[href].focus.label-dark, [href].label-dark:focus, [type].focus.label-dark, [type].label-dark:focus, [tabindex].focus.label-dark, [tabindex].label-dark:focus {
  color: #393a4a;
}
.label-dark a:hover,
.label-dark .btn-unstyled:hover {
  color: #393a4a;
}
.label-dark .close:hover {
  color: #393a4a;
}
.label-dark .close:focus {
  color: #393a4a;
}
.label-light {
  background-color: #272833;
  border-color: #f1f2f5;
  color: #f1f2f5;
}
[href].label-light:hover, [type].label-light:hover, [tabindex].label-light:hover {
  border-color: #f1f2f5;
  color: #d3d6e0;
}
[href].focus.label-light, [href].label-light:focus, [type].focus.label-light, [type].label-light:focus, [tabindex].focus.label-light, [tabindex].label-light:focus {
  color: #d3d6e0;
}
.label-light a:hover,
.label-light .btn-unstyled:hover {
  color: #d3d6e0;
}
.label-light .close:hover {
  color: #d3d6e0;
}
.label-light .close:focus {
  color: #d3d6e0;
}
.label-inverse-primary {
  background-color: #005D44;
  border-color: #005D44;
  color: #fff;
}
[href].label-inverse-primary:hover, [type].label-inverse-primary:hover, [tabindex].label-inverse-primary:hover {
  color: #fff;
}
.label-inverse-secondary {
  background-color: #6b6c7e;
  border-color: #6b6c7e;
  color: #fff;
}
[href].label-inverse-secondary:hover, [type].label-inverse-secondary:hover, [tabindex].label-inverse-secondary:hover {
  color: #fff;
}
.label-inverse-success {
  background-color: #287d3c;
  border-color: #287d3c;
  color: #fff;
}
[href].label-inverse-success:hover, [type].label-inverse-success:hover, [tabindex].label-inverse-success:hover {
  color: #fff;
}
.label-inverse-info {
  background-color: #2e5aac;
  border-color: #2e5aac;
  color: #fff;
}
[href].label-inverse-info:hover, [type].label-inverse-info:hover, [tabindex].label-inverse-info:hover {
  color: #fff;
}
.label-inverse-warning {
  background-color: #b95000;
  border-color: #b95000;
  color: #fff;
}
[href].label-inverse-warning:hover, [type].label-inverse-warning:hover, [tabindex].label-inverse-warning:hover {
  color: #fff;
}
.label-inverse-danger {
  background-color: #da1414;
  border-color: #da1414;
  color: #fff;
}
[href].label-inverse-danger:hover, [type].label-inverse-danger:hover, [tabindex].label-inverse-danger:hover {
  color: #fff;
}
.label-inverse-light {
  background-color: #f1f2f5;
  border-color: #f1f2f5;
  color: #272833;
}
[href].label-inverse-light:hover, [type].label-inverse-light:hover, [tabindex].label-inverse-light:hover {
  color: #272833;
}
.label-inverse-dark {
  background-color: #272833;
  border-color: #272833;
  color: #fff;
}
[href].label-inverse-dark:hover, [type].label-inverse-dark:hover, [tabindex].label-inverse-dark:hover {
  color: #fff;
}
.media {
  align-items: flex-start;
  display: flex;
}

.media-body {
  flex: 1;
}

.sticker {
  align-items: center;
  border-radius: 0.25rem;
  color: #272833;
  height: 2rem;
  line-height: 2rem;
  display: inline-flex;
  font-size: 1rem;
  font-weight: var(--font-weight-bold, 700);
  justify-content: center;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 2rem;
}
.sticker > .inline-item {
  justify-content: center;
}
.sticker > .inline-item .lexicon-icon {
  margin-top: 0;
}
.sticker .lexicon-icon {
  margin-top: 0;
}
.sticker-overlay {
  align-items: center;
  border-radius: inherit;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.sticker-bottom-left {
  bottom: 1rem;
  left: 1rem;
  position: absolute;
  right: auto;
  top: auto;
}

.sticker-bottom-right {
  bottom: 1rem;
  left: auto;
  position: absolute;
  right: 1rem;
  top: auto;
}

.sticker-top-left {
  left: 1rem;
  position: absolute;
  top: 1rem;
}

.sticker-top-right {
  left: auto;
  position: absolute;
  right: 1rem;
  top: 1rem;
}

.sticker-outside {
  left: -1rem;
  top: -1rem;
}
.sticker-outside.sticker-bottom-left {
  bottom: -1rem;
  top: auto;
}
.sticker-outside.sticker-bottom-right {
  bottom: -1rem;
  left: auto;
  right: -1rem;
  top: auto;
}
.sticker-outside.sticker-top-right {
  left: auto;
  right: -1rem;
}

.sticker-user-icon {
  background-color: #fff;
  border-radius: var(--border-radius-circle, 5000px);
  box-shadow: 0 0 0 1px #e7e7ed;
}
.sticker-sm {
  font-size: 0.75rem;
  height: 1.5rem;
  line-height: 1.5rem;
  width: 1.5rem;
}
.sticker-outside.sticker-sm {
  left: -0.75rem;
  top: -0.75rem;
}
.sticker-outside.sticker-bottom-left.sticker-sm {
  bottom: -0.75rem;
  top: auto;
}
.sticker-outside.sticker-bottom-right.sticker-sm {
  bottom: -0.75rem;
  left: auto;
  right: -0.75rem;
  top: auto;
}
.sticker-outside.sticker-top-right.sticker-sm {
  left: auto;
  right: -0.75rem;
}

.sticker-lg {
  font-size: 1.25rem;
  height: 2.5rem;
  line-height: 2.5rem;
  width: 2.5rem;
}
.sticker-outside.sticker-lg {
  left: -1.25rem;
  top: -1.25rem;
}
.sticker-outside.sticker-bottom-left.sticker-lg {
  bottom: -1.25rem;
  top: auto;
}
.sticker-outside.sticker-bottom-right.sticker-lg {
  bottom: -1.25rem;
  left: auto;
  right: -1.25rem;
  top: auto;
}
.sticker-outside.sticker-top-right.sticker-lg {
  left: auto;
  right: -1.25rem;
}

.sticker-xl {
  font-size: 1.5rem;
  height: 3rem;
  line-height: 3rem;
  width: 3rem;
}
.sticker-outside.sticker-xl {
  left: -1.5rem;
  top: -1.5rem;
}
.sticker-outside.sticker-bottom-left.sticker-xl {
  bottom: -1.5rem;
  top: auto;
}
.sticker-outside.sticker-bottom-right.sticker-xl {
  bottom: -1.5rem;
  left: auto;
  right: -1.5rem;
  top: auto;
}
.sticker-outside.sticker-top-right.sticker-xl {
  left: auto;
  right: -1.5rem;
}

.sticker-primary {
  background-color: #fff;
  color: #005D44;
}
.sticker-secondary {
  background-color: #fff;
  color: #6b6c7e;
}
.sticker-success {
  background-color: #fff;
  color: #287d3c;
}
.sticker-info {
  background-color: #fff;
  color: #2e5aac;
}
.sticker-warning {
  background-color: #fff;
  color: #b95000;
}
.sticker-danger {
  background-color: #fff;
  color: #da1414;
}
.sticker-light {
  background-color: #272833;
  color: #f1f2f5;
}
.sticker-dark {
  background-color: #fff;
  color: #272833;
}
.sticker-circle {
  border-radius: var(--border-radius-circle, 5000px);
}
.card,
.card-horizontal {
  background-color: #fff;
  border-color: rgba(7, 29, 31, 0.125);
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 0px;
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.6);
  display: block;
  margin-bottom: 1.5rem;
  min-width: 0;
  position: relative;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.card .aspect-ratio .label,
.card-horizontal .aspect-ratio .label {
  display: block;
  margin-bottom: 0.5rem;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0.5rem;
}
.card .aspect-ratio-item-top-left,
.card-horizontal .aspect-ratio-item-top-left {
  left: 1rem;
  top: 1rem;
}
.card .aspect-ratio-item-top-center,
.card-horizontal .aspect-ratio-item-top-center {
  top: 1rem;
}
.card .aspect-ratio-item-top-right,
.card-horizontal .aspect-ratio-item-top-right {
  right: 1rem;
  top: 1rem;
}
.card .aspect-ratio-item-right-middle,
.card-horizontal .aspect-ratio-item-right-middle {
  right: 1rem;
}
.card .aspect-ratio-item-bottom-right,
.card-horizontal .aspect-ratio-item-bottom-right {
  bottom: 1rem;
  right: 1rem;
}
.card .aspect-ratio-item-bottom-center,
.card-horizontal .aspect-ratio-item-bottom-center {
  bottom: 1rem;
}
.card .aspect-ratio-item-bottom-left,
.card-horizontal .aspect-ratio-item-bottom-left {
  bottom: 1rem;
  left: 1rem;
}
.card > hr,
.card-horizontal > hr {
  margin-left: 0;
  margin-right: 0;
}
.card .autofit-col:first-child,
.card-horizontal .autofit-col:first-child {
  border-bottom-left-radius: calc(
	0.25rem - 0px
);
  border-top-left-radius: calc(
	0.25rem - 0px
);
}
.card .autofit-col:last-child,
.card-horizontal .autofit-col:last-child {
  border-bottom-right-radius: calc(
	0.25rem - 0px
);
  border-top-right-radius: calc(
	0.25rem - 0px
);
}
.card > .list-group:first-child .list-group-item:first-child,
.card-horizontal > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child,
.card-horizontal > .list-group:last-child .list-group-item:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}

.card-section-header {
  color: #6b6c7e;
  font-size: 0.75rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 2.5;
  margin-bottom: 1.5rem;
  padding: 0 15px;
  text-transform: uppercase;
}

.card-title {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.5;
  margin-bottom: 0;
  color: #272833;
}
.card-title[href],
.card-title [href] {
  color: #272833;
}
.card-title[href]:hover,
.card-title [href]:hover {
  color: #272833;
}
.card-subtitle {
  color: #6b6c7e;
  font-size: 0.875rem;
  font-weight: var(--font-weight-normal, 400);
  margin-bottom: 0;
  margin-top: 0;
}
.card-subtitle[href],
.card-subtitle [href] {
  color: #6b6c7e;
}
.card-subtitle[href]:hover,
.card-subtitle [href]:hover {
  color: #6b6c7e;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link {
  color: #6b6c7e;
  font-size: 0.875rem;
}
.card-link:hover {
  color: #6b6c7e;
  text-decoration: underline;
}
.card-link.btn-unstyled {
  white-space: normal;
}
.card-link + .card-link {
  margin-left: 0;
}

.card-divider {
  background-color: rgba(7, 29, 31, 0.125);
  height: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.card-header {
  background-color: rgba(7, 29, 31, 0.03);
  border-bottom: 0px solid rgba(7, 29, 31, 0.125);
  margin-bottom: 0;
  padding: 0.75rem 1.25rem;
}
.card-header:first-child {
  border-radius: calc( 	0.25rem - 0px ) calc( 	0.25rem - 0px ) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-header-tabs {
  border-bottom: 0;
  margin-bottom: -0.75rem;
  margin-left: calc(-1.25rem / 2);
  margin-right: calc(-1.25rem / 2);
}

.card-header-pills {
  margin-left: calc(-1.25rem / 2);
  margin-right: calc(-1.25rem / 2);
}

.card-footer {
  background-color: rgba(7, 29, 31, 0.03);
  border-top: 0px solid rgba(7, 29, 31, 0.125);
  padding: 0.75rem 1.25rem;
}
.card-footer:last-child {
  border-radius: 0 0 calc( 	0.25rem - 0px ) calc( 	0.25rem - 0px );
}
.card-img-overlay {
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  position: absolute;
  right: 0;
  top: 0;
}

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(
	0.25rem - 0px
);
  border-top-right-radius: calc(
	0.25rem - 0px
);
}

.card-img,
.card-img-bottom {
  border-bottom-left-radius: calc(
	0.25rem - 0px
);
  border-bottom-right-radius: calc(
	0.25rem - 0px
);
}

.card-row {
  display: flex;
  width: 100%;
}
.card-row .autofit-col {
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
}
.card-row .autofit-col-expand {
  min-width: 25px;
}

.card-row .autofit-col-gutters {
  padding-left: 10px;
  padding-right: 10px;
}
.card-row .autofit-col-gutters .card-divider {
  margin-left: -10px;
  margin-right: -10px;
}

.justify-content-center .autofit-col {
  justify-content: center;
}
.justify-content-start .autofit-col {
  justify-content: flex-start;
}
.justify-content-end .autofit-col {
  justify-content: flex-end;
}
.text-center .autofit-col {
  text-align: center;
}
.text-left .autofit-col {
  text-align: left;
}
.text-right .autofit-col {
  text-align: right;
}

.card-item-first {
  border-top-left-radius: calc(
	0.25rem - 0px
);
  border-top-right-radius: calc(
	0.25rem - 0px
);
  width: 100%;
}

.autofit-col:first-child .card-item-first {
  border-radius: calc(
	0.25rem - 0px
) 0 0 calc(
	0.25rem - 0px
);
}

.card-item-last {
  border-bottom-left-radius: calc(
	0.25rem - 0px
);
  border-bottom-right-radius: calc(
	0.25rem - 0px
);
  width: 100%;
}

.autofit-col:last-child .card-item-last {
  border-radius: 0 calc(
	0.25rem - 0px
) calc(
	0.25rem - 0px
) 0;
}

.rounded .card-header,
.rounded .card-item-first {
  border-top-left-radius: calc(
	var(--border-radius, 0.25rem) - 0px
);
  border-top-right-radius: calc(
	var(--border-radius, 0.25rem) - 0px
);
}
.rounded .card-footer,
.rounded .card-item-last {
  border-bottom-left-radius: calc(
	var(--border-radius, 0.25rem) - 0px
);
  border-bottom-right-radius: calc(
	var(--border-radius, 0.25rem) - 0px
);
}
.rounded .autofit-col:first-child {
  border-bottom-left-radius: calc(
	var(--border-radius, 0.25rem) - 0px
);
  border-top-left-radius: calc(
	var(--border-radius, 0.25rem) - 0px
);
}
.rounded .autofit-col:first-child .card-item-first {
  border-radius: calc(
	var(--border-radius, 0.25rem) - 0px
) 0 0 calc(
	var(--border-radius, 0.25rem) - 0px
);
}
.rounded .autofit-col:last-child {
  border-bottom-right-radius: calc(
	var(--border-radius, 0.25rem) - 0px
);
  border-top-right-radius: calc(
	var(--border-radius, 0.25rem) - 0px
);
}
.rounded .autofit-col:last-child .card-item-last {
  border-radius: 0 calc(
	var(--border-radius, 0.25rem) - 0px
) calc(
	var(--border-radius, 0.25rem) - 0px
) 0;
}

.rounded-0 .card-header,
.rounded-0 .card-item-first {
  border-top-left-radius: calc(
	0 - 0px
);
  border-top-right-radius: calc(
	0 - 0px
);
}
.rounded-0 .card-footer,
.rounded-0 .card-item-last {
  border-bottom-left-radius: calc(
	0 - 0px
);
  border-bottom-right-radius: calc(
	0 - 0px
);
}
.rounded-0 .autofit-col:first-child {
  border-bottom-left-radius: calc(
	0 - 0px
);
  border-top-left-radius: calc(
	0 - 0px
);
}
.rounded-0 .autofit-col:first-child .card-item-first {
  border-radius: calc(
	0 - 0px
) 0 0 calc(
	0 - 0px
);
}
.rounded-0 .autofit-col:last-child {
  border-bottom-right-radius: calc(
	0 - 0px
);
  border-top-right-radius: calc(
	0 - 0px
);
}
.rounded-0 .autofit-col:last-child .card-item-last {
  border-radius: 0 calc(
	0 - 0px
) calc(
	0 - 0px
) 0;
}

.rounded-circle .card-header,
.rounded-circle .card-item-first {
  border-top-left-radius: calc(
	var(--border-radius-circle, 5000px) - 0px
);
  border-top-right-radius: calc(
	var(--border-radius-circle, 5000px) - 0px
);
}
.rounded-circle .card-footer,
.rounded-circle .card-item-last {
  border-bottom-left-radius: calc(
	var(--border-radius-circle, 5000px) - 0px
);
  border-bottom-right-radius: calc(
	var(--border-radius-circle, 5000px) - 0px
);
}
.rounded-circle .autofit-col:first-child {
  border-bottom-left-radius: calc(
	var(--border-radius-circle, 5000px) - 0px
);
  border-top-left-radius: calc(
	var(--border-radius-circle, 5000px) - 0px
);
}
.rounded-circle .autofit-col:first-child .card-item-first {
  border-radius: calc(
	var(--border-radius-circle, 5000px) - 0px
) 0 0 calc(
	var(--border-radius-circle, 5000px) - 0px
);
}
.rounded-circle .autofit-col:last-child {
  border-bottom-right-radius: calc(
	var(--border-radius-circle, 5000px) - 0px
);
  border-top-right-radius: calc(
	var(--border-radius-circle, 5000px) - 0px
);
}
.rounded-circle .autofit-col:last-child .card-item-last {
  border-radius: 0 calc(
	var(--border-radius-circle, 5000px) - 0px
) calc(
	var(--border-radius-circle, 5000px) - 0px
) 0;
}

.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-left: -15px;
    margin-right: -15px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-bottom: 0;
    margin-left: 15px;
    margin-right: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    border-left: 0;
    margin-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: 0px;
}

.form-check-card {
  margin-bottom: 1.5rem;
  margin-top: 0;
  padding-left: 0;
}
.form-check-card:hover .card {
  box-shadow: 0 0 0 2px #80acff;
}
.form-check-card.active .card {
  box-shadow: 0 0 0 2px #80acff;
}
.form-check-card.checked .card {
  box-shadow: 0 0 0 2px #80acff;
}
.form-check-card .card {
  margin-bottom: 0;
}
.form-check-card .form-check-input {
  margin-left: 0;
  margin-top: 0;
  opacity: 0;
  position: absolute;
  z-index: 1;
}
.form-check-card .form-check-label {
  color: var(--body-color, #344243);
  display: inline;
  font-weight: var(--font-weight-normal, 400);
  padding-left: 0;
  position: static;
}
.form-check-card .custom-control {
  display: inline;
  margin-right: 0;
  position: static;
}
.form-check-card .custom-control label {
  font-weight: var(--font-weight-normal, 400);
  padding-left: 0;
}
.form-check-card .custom-control .custom-control-label {
  opacity: 0;
  position: absolute;
  z-index: 1;
}
.form-check-card .custom-control .custom-control-label::before {
  top: 0;
}
.form-check-card .custom-control .custom-control-label::after {
  top: 0;
}
.form-check-card .custom-control .custom-control-input {
  z-index: 2;
}
.form-check-card .custom-control .custom-control-input:checked ~ .card {
  box-shadow: 0 0 0 2px #80acff;
}
.form-check-card .custom-control .custom-control-input:checked ~ .card {
  box-shadow: 0 0 0 2px #80acff;
}
.form-check-card .form-check-input:checked ~ .card {
  box-shadow: 0 0 0 2px #80acff;
}
.form-check-bottom-left .card-horizontal > .card-body,
.form-check-middle-left .card-horizontal > .card-body,
.form-check-top-left .card-horizontal > .card-body {
  padding-left: 50px;
}

.form-check-bottom-right .card-horizontal > .card-body,
.form-check-middle-right .card-horizontal > .card-body,
.form-check-top-right .card-horizontal > .card-body {
  padding-right: 50px;
}

.form-check-bottom-left .form-check-input {
  bottom: 1rem;
  left: 1rem;
  opacity: 1;
  top: auto;
  transform: none;
}
.form-check-bottom-left .custom-control .custom-control-label {
  bottom: 1rem;
  left: 1rem;
  opacity: 1;
  top: auto;
  transform: none;
}
.form-check-bottom-left .custom-control .custom-control-input {
  bottom: 1rem;
  left: 1rem;
  top: auto;
  transform: none;
}
.form-check-bottom-right .form-check-input {
  bottom: 1rem;
  left: auto;
  opacity: 1;
  right: 1rem;
  top: auto;
  transform: none;
}
.form-check-bottom-right .custom-control .custom-control-label {
  bottom: 1rem;
  left: auto;
  opacity: 1;
  right: 1rem;
  top: auto;
  transform: none;
}
.form-check-bottom-right .custom-control .custom-control-input {
  bottom: 1rem;
  left: auto;
  right: 1rem;
  top: auto;
  transform: none;
}
.form-check-middle-left .form-check-input {
  left: 1rem;
  margin-top: 0;
  opacity: 1;
  top: 50%;
  transform: translateY(-50%);
}
.form-check-middle-left .custom-control .custom-control-label {
  left: 1rem;
  margin-top: 0;
  opacity: 1;
  top: 50%;
  transform: translateY(-50%);
}
.form-check-middle-left .custom-control .custom-control-input {
  left: 1rem;
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%);
}
.form-check-middle-right .form-check-input {
  left: auto;
  margin-top: 0;
  opacity: 1;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.form-check-middle-right .custom-control .custom-control-label {
  left: auto;
  margin-top: 0;
  opacity: 1;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.form-check-middle-right .custom-control .custom-control-input {
  left: auto;
  margin-top: 0;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.form-check-top-left .form-check-input {
  left: 1rem;
  opacity: 1;
  top: 1rem;
  transform: none;
}
.form-check-top-left .custom-control .custom-control-label {
  left: 1rem;
  opacity: 1;
  top: 1rem;
  transform: none;
}
.form-check-top-left .custom-control .custom-control-input {
  left: 1rem;
  top: 1rem;
  transform: none;
}
.form-check-top-right .form-check-input {
  left: auto;
  opacity: 1;
  right: 1rem;
  top: 1rem;
  transform: none;
}
.form-check-top-right .custom-control .custom-control-label {
  left: auto;
  opacity: 1;
  right: 1rem;
  top: 1rem;
  transform: none;
}
.form-check-top-right .custom-control .custom-control-input {
  left: auto;
  right: 1rem;
  top: 1rem;
  transform: none;
}
.card-page.card-page-equal-height .card-page-item,
.card-page.card-page-equal-height .card-page-item-asset,
.card-page.card-page-equal-height .card-page-item-directory {
  display: flex;
  flex-direction: column;
}
.card-page.card-page-equal-height .form-check-card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.card-page.card-page-equal-height .card {
  flex-grow: 1;
}

.card-page-item-header {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

.card-page-item-directory {
  display: block;
  flex-grow: 1;
  min-width: 193px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}
@media (min-width: 0) {
  .card-page-item-directory {
    min-width: 193px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 576px) {
  .card-page-item-directory {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .card-page-item-directory {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}
@media (min-width: 992px) {
  .card-page-item-directory {
    flex-basis: 25%;
    max-width: 25%;
  }
}

.card-page-item-asset {
  display: block;
  flex-grow: 1;
  min-width: 193px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}
@media (min-width: 0) {
  .card-page-item-asset {
    min-width: 193px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 576px) {
  .card-page-item-asset {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .card-page-item-asset {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}
@media (min-width: 992px) {
  .card-page-item-asset {
    flex-basis: 25%;
    max-width: 25%;
  }
}

.card-page-item-user {
  display: block;
  flex-basis: 50%;
  flex-grow: 1;
  max-width: 50%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}
@media (min-width: 0) {
  .card-page-item-user {
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 576px) {
  .card-page-item-user {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    min-width: 200px;
  }
}
@media (min-width: 992px) {
  .card-page-item-user {
    flex-basis: 20%;
    max-width: 20%;
  }
}

.card-interactive {
  cursor: pointer;
  outline: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .card-interactive {
    transition: none;
  }
}
.card-interactive:hover, .card-interactive.hover {
  background-color: #f7f8f9;
  text-decoration: none;
}
.card-interactive:focus, .card-interactive.focus {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #719aff;
}
.card-interactive:active, .card-interactive.active {
  background-color: #f1f2f5;
}
.card-interactive::after {
  border-radius: 0 0 0.25rem 0.25rem;
  bottom: 0px;
  content: "";
  height: 0;
  left: 0px;
  position: absolute;
  right: 0px;
  transition: height 0.15s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .card-interactive::after {
    transition: none;
  }
}
.card-interactive:hover::after, .card-interactive.hover::after {
  height: 4px;
}
.card-interactive:focus::after, .card-interactive.focus::after {
  height: 4px;
}
.card-interactive:active::after, .card-interactive.active::after {
  height: 4px;
}
.card-interactive .card-body {
  display: block;
}
.card-interactive label {
  cursor: pointer;
}

.card-interactive-primary:focus, .card-interactive-primary.focus {
  background-color: #f7f8f9;
}
.card-interactive-primary:active, .card-interactive-primary.active {
  background-color: #f1f2f5;
}
.card-interactive-primary:hover::after, .card-interactive-primary.hover::after {
  background-color: #0b5fff;
}
.card-interactive-primary:focus::after, .card-interactive-primary.focus::after {
  background-color: #0b5fff;
}
.card-interactive-primary:active::after, .card-interactive-primary.active::after {
  background-color: #0b5fff;
}
.card-interactive-secondary {
  color: #272833;
}
.card-interactive-secondary:hover, .card-interactive-secondary.hover {
  background-color: #fff;
  border-color: transparent;
  box-shadow: 0 0 0 2px #719aff;
  color: #272833;
}
.card-interactive-secondary:focus, .card-interactive-secondary.focus {
  border-color: transparent;
  box-shadow: 0 0 0 2px #719aff;
}
.card-interactive-secondary:active, .card-interactive-secondary.active {
  background-color: #fff;
}
.card-type-asset .aspect-ratio {
  border-color: #e7e7ed;
  border-style: solid;
  border-width: 0 0 0.0625rem 0;
  padding-bottom: calc(9 / 16 * 100%);
}
.card-type-asset .aspect-ratio .custom-control label,
.card-type-asset .aspect-ratio .form-check-label {
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.card-type-asset .card-body {
  padding-top: 0.75rem;
}
.card-type-asset .card-row {
  align-items: flex-start;
}
.card-type-asset .card-type-asset-icon {
  width: 22.225%;
}
.card-type-asset .card-type-asset-icon .inline-item {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.card-type-asset .card-type-asset-icon > .lexicon-icon {
  height: 100%;
  width: 100%;
}
.card-type-asset .card-type-asset-icon > .sticker {
  border-radius: 50%;
  display: block;
  font-size: 2vw;
  padding-bottom: 100%;
  width: 100%;
}
.card-type-asset .dropdown-action {
  margin-right: -0.5rem;
  margin-top: -0.1875rem;
}
.image-card .aspect-ratio {
  background-image: linear-gradient(45deg, #e7e7ed 25%, transparent 25%), linear-gradient(-45deg, #e7e7ed 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e7e7ed 75%), linear-gradient(-45deg, transparent 75%, #e7e7ed 75%);
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
  background-size: 20px 20px;
}
.file-card .card-type-asset-icon {
  color: #cdced9;
}
.product-card .aspect-ratio {
  background-color: #fff;
  background-image: linear-gradient(0deg, #ebebeb, #ebebeb);
}
.product-card .card-body {
  text-align: center;
}
.product-card .card-title {
  font-size: 1rem;
}
.product-card .card-subtitle {
  font-size: 0.75rem;
}
.product-card .card-text {
  font-size: 1.125rem;
  font-weight: var(--font-weight-semi-bold, 500);
}
.user-card .card-type-asset-icon {
  max-width: 80px;
  min-width: 48px;
  width: 30%;
}
.user-card .card-type-asset-icon > .lexicon-icon {
  height: auto;
  width: 50%;
}
.card-type-directory .sticker {
  font-size: 1.125rem;
}
.card-type-template {
  color: #272833;
  border-width: 1px;
  box-shadow: none;
}
.card-type-template:hover, .card-type-template.hover {
  color: #272833;
}
.card-type-template::after {
  bottom: -1px;
  left: -1px;
  right: -1px;
}
.card-type-template .aspect-ratio {
  border-width: 0px;
  color: #6b6c7e;
  text-align: center;
  background-image: none;
  padding-bottom: calc(9 / 16 * 100%);
}
.card-type-template .aspect-ratio .lexicon-icon {
  height: auto;
  width: 28%;
}
.card-type-template .aspect-ratio-item {
  width: 100.6%;
  color: #6b6c7e;
}
.card-type-template .card-title {
  display: block;
  margin-bottom: 0.5rem;
}
.card-type-template .card-text {
  display: block;
}
.template-card .card-body {
  padding-top: 0;
  text-align: center;
}
.template-card-horizontal {
  color: #6b6c7e;
}
.template-card-horizontal:hover, .template-card-horizontal.hover {
  color: #6b6c7e;
}
.template-card-horizontal .sticker {
  font-size: 1.25rem;
}
.template-card-horizontal .card-row {
  margin-left: -4px;
  margin-right: -4px;
  width: auto;
}
.template-card-horizontal .card-row .autofit-col {
  padding-left: 4px;
  padding-right: 4px;
}
.template-card-horizontal .card-title {
  color: inherit;
  margin-bottom: 0;
}
.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-header {
  color: #272833;
  display: block;
  font-size: 0.875rem;
  margin-top: 0.625rem;
  padding-bottom: 0.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.375rem;
  position: relative;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.dropdown-header:first-child {
  margin-top: 0;
}

.dropdown-subheader {
  color: #272833;
  font-size: 0.75rem;
  font-weight: var(--font-weight-semi-bold, 500);
  margin-top: 0.625rem;
  padding-bottom: 0.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.375rem;
  text-transform: uppercase;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.dropdown-subheader:first-child {
  margin-top: 0;
}

.dropdown-caption {
  color: #6b6c7e;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.dropdown-item {
  background-color: transparent;
  border-radius: 0px;
  border-width: 0px;
  clear: both;
  color: #6b6c7e;
  cursor: pointer;
  display: block;
  font-weight: var(--font-weight-normal, 400);
  overflow: hidden;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  position: relative;
  text-align: inherit;
  transition: none;
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  font-size: inherit;
}
.dropdown-item:hover, .dropdown-item.hover {
  background-color: #f0f5ff;
  color: #272833;
  text-decoration: none;
}
.dropdown-item:focus, .dropdown-item.focus {
  background-color: #f0f5ff;
  color: #272833;
  text-decoration: none;
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
  outline: 0;
}
.dropdown-item:active {
  background-color: #f0f5ff;
  color: #272833;
  text-decoration: none;
}
.dropdown-item:active label {
  color: #272833;
}
.dropdown-item:active .form-check-label {
  color: #272833;
}
.dropdown-item.active {
  background-color: #f0f5ff;
  color: #272833;
  text-decoration: none;
  font-weight: var(--font-weight-semi-bold, 500);
}
.dropdown-item.active label {
  color: #272833;
}
.dropdown-item.active .form-check-label {
  color: #272833;
  font-weight: var(--font-weight-semi-bold, 500);
}
.dropdown-item.active .custom-control-label {
  font-weight: var(--font-weight-semi-bold, 500);
}
.dropdown-item.active .c-kbd-inline {
  color: #272833;
}
.dropdown-item.btn:not([disabled]):not(.disabled):active:focus, .dropdown-item.btn:not([disabled]):not(.disabled).active:focus {
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
}
.dropdown-item:disabled, .dropdown-item.disabled {
  background-color: transparent;
  color: #a7a9bc;
  cursor: not-allowed;
  opacity: 1;
  outline: 0;
  box-shadow: none;
}
.dropdown-item:disabled label,
.dropdown-item:disabled .form-check-label, .dropdown-item.disabled label,
.dropdown-item.disabled .form-check-label {
  color: #a7a9bc;
}
.dropdown-item:disabled .c-kbd-inline, .dropdown-item.disabled .c-kbd-inline {
  color: #a7a9bc;
}
.dropdown-item:disabled:active, .dropdown-item.disabled:active {
  pointer-events: none;
}
.dropdown-item .c-inner {
  flex-grow: 1;
  margin-bottom: -0.5rem;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: -0.5rem;
  width: auto;
}
.dropdown-item.autofit-row {
  padding-left: calc(1rem - 0.25rem);
  padding-right: calc(1rem - 0.25rem);
}
.dropdown-item.autofit-row > .autofit-col {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.dropdown-item .autofit-row {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  width: auto;
}
.dropdown-item .autofit-row > .autofit-col {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.dropdown-item .c-kbd-inline {
  line-height: calc(0.875rem * 1.5);
  color: #a7a9bc;
}
.dropdown-item .form-check-label {
  font-weight: var(--font-weight-normal, 400);
}
.dropdown-item .custom-control-label {
  font-weight: var(--font-weight-normal, 400);
}
.dropdown-item .form-check {
  margin-bottom: 0;
}
.dropdown-item .custom-control {
  margin-bottom: 0;
  margin-right: 0;
  min-height: 1rem;
}

.dropdown-item-text {
  color: #6b6c7e;
  display: block;
  font-weight: var(--font-weight-normal, 400);
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
}

.dropdown-section {
  padding: 0.5rem 1rem;
}
.dropdown-section .form-group + .form-group {
  margin-top: 1rem;
}
.dropdown-section .custom-control {
  margin-bottom: 0;
}
.dropdown-section .custom-control-label {
  color: #6b6c7e;
}
.dropdown-section .custom-control-label-text {
  padding-left: 1rem;
}
.dropdown-section.active .custom-control-label {
  color: #272833;
}

.dropdown-footer {
  box-shadow: -1px -2px 3px -3px rgba(0, 0, 0, 0.5);
  padding: 0.5rem 1rem 0;
  position: relative;
}

.dropdown-menu {
  background-clip: padding-box;
  background-color: #fff;
  border-color: #e7e7ed;
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 0px;
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
  color: var(--body-color, #344243);
  display: none;
  float: left;
  font-size: 0.875rem;
  left: 0;
  list-style: none;
  margin: 0.3125rem 0 0;
  max-height: 500px;
  max-width: 240px;
  min-height: 40px;
  min-width: 240px;
  overflow: auto;
  padding: 0.375rem 0;
  position: absolute;
  text-align: left;
  top: 100%;
  z-index: 1000;
}
@media (max-width: 991.98px) {
  .dropdown-menu {
    max-height: 295px;
    max-width: 230px;
  }
}
.dropdown-menu.show {
  display: block;
}
.dropdown-menu .alert, .dropdown-menu .portlet-msg-alert,
.dropdown-menu .portlet-msg-error,
.dropdown-menu .portlet-msg-help,
.dropdown-menu .portlet-msg-info,
.dropdown-menu .portlet-msg-progress,
.dropdown-menu .portlet-msg-success {
  line-height: normal;
  margin: 0.5rem;
  padding: 0.375rem 1rem;
}
.dropdown-menu .alert:first-child, .dropdown-menu .portlet-msg-alert:first-child,
.dropdown-menu .portlet-msg-error:first-child,
.dropdown-menu .portlet-msg-help:first-child,
.dropdown-menu .portlet-msg-info:first-child,
.dropdown-menu .portlet-msg-progress:first-child,
.dropdown-menu .portlet-msg-success:first-child {
  margin-top: 0;
}
.dropdown-menu .alert:last-child, .dropdown-menu .portlet-msg-alert:last-child,
.dropdown-menu .portlet-msg-error:last-child,
.dropdown-menu .portlet-msg-help:last-child,
.dropdown-menu .portlet-msg-info:last-child,
.dropdown-menu .portlet-msg-progress:last-child,
.dropdown-menu .portlet-msg-success:last-child {
  margin-bottom: 0;
}
.dropdown-menu .alert-fluid {
  margin-left: 0;
  margin-right: 0;
}
.dropdown-menu .alert-fluid:first-child {
  margin-top: -0.375rem;
}
.dropdown-menu .alert-fluid:last-child {
  margin-bottom: -0.375rem;
}
.dropdown-menu .form-group {
  margin-bottom: 0;
}
.dropdown-menu .inline-scroller {
  max-height: 200px;
}
@media (max-width: 991.98px) {
  .dropdown-menu .inline-scroller {
    max-height: none;
  }
}
.dropdown-menu > .list-unstyled {
  margin-bottom: 0;
}

.dropdown-menu-select.dropdown-menu .dropdown-header {
  padding-bottom: 0.375rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 0.3125rem;
}
.dropdown-menu-select.dropdown-menu .dropdown-subheader {
  padding-bottom: 0.4375rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 0.4375rem;
}
.dropdown-menu-select.dropdown-menu .dropdown-section {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.dropdown-menu-select.dropdown-menu .dropdown-item {
  padding-bottom: 0.375rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 0.3125rem;
}
.dropdown-menu-select.dropdown-menu .dropdown-item .c-inner {
  flex-grow: 1;
  margin-bottom: -0.375rem;
  margin-left: -1.75rem;
  margin-right: -1.75rem;
  margin-top: -0.3125rem;
  width: auto;
}
.dropdown-menu-select.dropdown-menu .dropdown-item.autofit-row {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.dropdown-menu-select.dropdown-menu .dropdown-divider {
  margin: 0.3125rem 0;
}
.dropdown-menu-select.dropdown-menu.dropdown-menu-indicator-start .dropdown-item-indicator-start {
  left: 0.5rem;
  top: 0.5rem;
}
.dropdown-menu-select.dropdown-menu.dropdown-menu-indicator-end .dropdown-item-indicator-end {
  right: 0.5rem;
  top: 0.5rem;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    left: 0;
    right: auto;
  }
  .dropdown-menu-sm-right {
    left: auto;
    right: 0;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    left: 0;
    right: auto;
  }
  .dropdown-menu-md-right {
    left: auto;
    right: 0;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    left: 0;
    right: auto;
  }
  .dropdown-menu-lg-right {
    left: auto;
    right: 0;
  }
}
@media (min-width: 1280px) {
  .dropdown-menu-xl-left {
    left: 0;
    right: auto;
  }
  .dropdown-menu-xl-right {
    left: auto;
    right: 0;
  }
}
@media (min-width: 1440px) {
  .dropdown-menu-xxl-left {
    left: 0;
    right: auto;
  }
  .dropdown-menu-xxl-right {
    left: auto;
    right: 0;
  }
}
.dropup .dropdown-menu {
  bottom: 100%;
  margin-bottom: 0.3125rem;
  margin-top: 0;
  top: auto;
}
.dropright .dropdown-menu {
  left: 100%;
  margin-left: 0.3125rem;
  margin-top: 0;
  right: auto;
  top: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  left: auto;
  margin-right: 0.3125rem;
  margin-top: 0;
  right: 100%;
  top: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  bottom: auto;
  right: auto;
}

.dropdown-divider {
  border-top: 1px solid #e7e7ed;
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  background-color: #e7e7ed;
}

.dropdown-action {
  display: inline-block;
  font-size: 1rem;
  vertical-align: middle;
}
.dropdown-action > .dropdown-toggle {
  align-items: center;
  border-radius: 0.25rem;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: inherit;
  height: 2rem;
  justify-content: center;
  line-height: 2rem;
  padding: 0;
  text-transform: inherit;
  vertical-align: baseline;
  width: 2rem;
}
.dropdown-action > .dropdown-toggle:disabled, .dropdown-action > .dropdown-toggle.disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.dropdown-action > .dropdown-toggle .lexicon-icon {
  margin-top: 0;
}
.dropdown-action > .dropdown-toggle .inline-item .lexicon-icon {
  margin-top: 0;
}
.dropdown-menu-indicator-start .dropdown-item-indicator {
  height: 1rem;
  left: 1rem;
  position: absolute;
  top: 0.5rem;
  width: 1rem;
}
.dropdown-menu-indicator-start .dropdown-item-indicator-text-start {
  padding-left: 0;
}
.dropdown-menu-indicator-start .dropdown-header,
.dropdown-menu-indicator-start .dropdown-subheader,
.dropdown-menu-indicator-start .dropdown-caption,
.dropdown-menu-indicator-start .dropdown-item {
  padding-left: calc(
			1rem + 1rem + 1rem
		);
}
.dropdown-menu-indicator-start .dropdown-item .c-inner {
  margin-left: calc((
							1rem +
								1rem +
								1rem
						) * -1);
}

.dropdown-item-indicator-start {
  align-items: center;
  color: inherit;
  display: inline-flex;
  height: 1rem;
  justify-content: center;
  left: 1rem;
  position: absolute;
  right: auto;
  top: calc( 				0.5rem - (( 								1rem - (1em * 1.5) 							) / 2) 			);
  width: 1rem;
}
.dropdown-item-indicator-start .lexicon-icon {
  margin-top: 0;
}

.dropdown-item-indicator-text-start {
  color: inherit;
  display: block;
  padding-left: 2rem;
  text-decoration: inherit;
  width: 100%;
}
.dropdown-item-indicator-text-start:hover {
  color: inherit;
  text-decoration: inherit;
}
.dropdown-item-indicator-text-start.focus, .dropdown-item-indicator-text-start:focus {
  color: inherit;
  text-decoration: inherit;
}
.dropdown-item-indicator-text-start > .c-inner {
  margin-left: -2rem;
}
.dropdown-menu-indicator-end .dropdown-item-indicator {
  position: absolute;
  right: 1rem;
  top: 0.5rem;
}
.dropdown-menu-indicator-end .dropdown-item-indicator-text-end {
  padding-right: 0;
}
.dropdown-menu-indicator-end .dropdown-item {
  padding-right: calc(
			1rem + 1rem + 1rem
		);
}
.dropdown-menu-indicator-end .dropdown-item .c-inner {
  margin-right: calc((
							1rem +
								1rem +
								1rem
						) * -1);
}

.dropdown-item-indicator-end {
  align-items: center;
  color: inherit;
  display: inline-flex;
  height: 1rem;
  justify-content: center;
  left: auto;
  position: absolute;
  right: 1rem;
  top: calc( 				0.5rem - (( 								1rem - (1em * 1.5) 							) / 2) 			);
  width: 1rem;
}
.dropdown-item-indicator-end .lexicon-icon {
  margin-top: 0;
}

.dropdown-item-indicator-text-end {
  color: inherit;
  display: block;
  padding-right: 2rem;
  text-decoration: inherit;
  width: 100%;
}
.dropdown-item-indicator-text-end:hover {
  color: inherit;
  text-decoration: inherit;
}
.dropdown-item-indicator-text-end.focus, .dropdown-item-indicator-text-end:focus {
  color: inherit;
  text-decoration: inherit;
}
.dropdown-item-indicator-text-end > .c-inner {
  margin-right: -2rem;
}
.dropdown-menu-top {
  bottom: 100% !important;
  left: 0 !important;
  margin-top: 0;
  margin-bottom: 0.3125rem;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  will-change: auto !important;
}
.dropdown-menu-top-right {
  bottom: 100% !important;
  left: auto !important;
  margin-top: 0;
  margin-bottom: 0.3125rem;
  right: 0 !important;
  top: auto !important;
  transform: none !important;
  will-change: auto !important;
}
.dropdown-menu-top-center {
  bottom: 100% !important;
  left: 50% !important;
  margin-top: 0;
  margin-bottom: 0.3125rem;
  right: auto !important;
  top: auto !important;
  transform: translateX(-50%) !important;
  will-change: auto !important;
}
.dropdown-menu-center {
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
  top: 100% !important;
  transform: translateX(-50%) !important;
  will-change: auto !important;
}
.dropdown-menu-left-side {
  bottom: auto !important;
  left: auto !important;
  margin-right: 0.3125rem;
  margin-top: 0;
  right: 100% !important;
  top: 0 !important;
  transform: none !important;
  will-change: auto !important;
}
.dropdown-menu-left-side-bottom {
  bottom: 0 !important;
  left: auto !important;
  margin-right: 0.3125rem;
  margin-top: 0;
  right: 100% !important;
  top: auto !important;
  transform: none !important;
  will-change: auto !important;
}
.dropdown-menu-left-side-middle {
  bottom: auto !important;
  left: auto !important;
  margin-right: 0.3125rem;
  margin-top: 0;
  right: 100% !important;
  top: 50% !important;
  transform: translate(0, -50%) !important;
  will-change: auto !important;
}
.dropdown-menu-right-side {
  bottom: auto !important;
  left: 100% !important;
  margin-left: 0.3125rem;
  margin-top: 0;
  right: auto !important;
  top: 0 !important;
  transform: none !important;
  will-change: auto !important;
}
.dropdown-menu-right-side-bottom {
  bottom: 0 !important;
  left: 100% !important;
  margin-left: 0.3125rem;
  margin-top: 0;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  will-change: auto !important;
}
.dropdown-menu-right-side-middle {
  bottom: auto !important;
  left: 100% !important;
  margin-left: 0.3125rem;
  margin-top: 0;
  right: auto !important;
  top: 50% !important;
  transform: translate(0, -50%) !important;
  will-change: auto !important;
}
.dropdown-full .dropdown-menu,
.dropdown-wide .dropdown-menu {
  max-width: none;
  width: 100%;
}
@media (min-width: 768px) {
  .dropdown-full .dropdown-menu,
  .dropdown-wide .dropdown-menu {
    max-height: none;
    width: 100%;
  }
}

.dropdown-full .dropdown-header ~ .dropdown-header,
.dropdown-wide .dropdown-header ~ .dropdown-header {
  margin-top: 20px;
}
.dropdown-full .dropdown-menu > .row,
.dropdown-wide .dropdown-menu > .row {
  margin-left: 0;
  margin-right: 0;
  min-width: 500px;
}

@media (min-width: 992px) {
  .dropdown-wide .dropdown-menu {
    min-width: 500px;
  }
}

.dropdown-menu-width-shrink {
  min-width: 0;
  white-space: nowrap;
}
.dropdown-menu-width-full {
  left: 12px !important;
  right: 12px !important;
  max-width: none;
  min-width: 0;
  width: calc(100% - 24px);
}

.dropdown-menu-width-sm {
  max-width: none;
  min-width: 0;
  width: 500px;
}
@media (max-width: 767.98px) {
  .dropdown-menu-width-sm {
    left: 12px !important;
    right: 12px !important;
    width: calc(100% - 24px);
  }
}

.dropdown-menu-height-auto {
  height: auto;
  max-height: none;
  min-height: 0;
}

@media (min-width: 768px) {
  .dropdown-full .autocomplete-dropdown-menu,
  .dropdown-full .dropdown-menu-autocomplete {
    max-height: 10rem;
  }
}

.autocomplete-dropdown-menu,
.dropdown-menu-autocomplete {
  max-height: 10rem;
  max-width: none;
  width: 100%;
}
.nav-item.dropdown-full {
  position: static;
}

@media (max-width: 991.98px) {
  .nav-item.dropdown-wide {
    position: static;
  }
}

@media (max-width: 767.98px) {
  .navbar-nav .dropdown-menu-center {
    -ms-transform: none;
    transform: none;
  }
}

.navbar-right .dropdown-menu-center {
  left: 50%;
  right: auto;
}

.drilldown-inner {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  transition: height 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .drilldown-inner {
    transition: none;
  }
}

.drilldown-item {
  display: none;
  flex-shrink: 0;
  height: 0;
  width: 100%;
}

.drilldown-item-inner {
  display: flex;
  flex-direction: column;
}

.drilldown-transition {
  transition: all 0.25s ease;
}

.drilldown-item.transitioning {
  display: block;
}

.drilldown-current {
  display: block;
  height: auto;
}

.drilldown-next-active,
.drilldown-prev-initial {
  transform: translateX(-100%);
}

.drilldown-prev-active {
  transform: translateX(0%);
}

.drilldown.dropdown-menu {
  flex-direction: column;
  max-height: none;
  max-width: none;
  min-width: 0;
  overflow: hidden;
  width: 240px;
}
.drilldown.dropdown-menu.show {
  display: flex;
}
.drilldown.dropdown-menu .drilldown-inner {
  min-height: 266px;
}
.drilldown.dropdown-menu .inline-scroller {
  max-height: none;
}

.drilldown.dropdown-menu-indicator-start .dropdown-item,
.drilldown .dropdown-menu-indicator-start .dropdown-item {
  padding-left: 3rem;
}
.drilldown.dropdown-menu-indicator-start .dropdown-item .dropdown-item-indicator-text-start,
.drilldown .dropdown-menu-indicator-start .dropdown-item .dropdown-item-indicator-text-start {
  padding-left: 0;
}
.drilldown.dropdown-menu-indicator-start .dropdown-item .dropdown-item-indicator-text-end,
.drilldown .dropdown-menu-indicator-start .dropdown-item .dropdown-item-indicator-text-end {
  margin-left: -3rem;
}

.drilldown.dropdown-menu-indicator-end .dropdown-item,
.drilldown .dropdown-menu-indicator-end .dropdown-item {
  padding-right: 3rem;
}
.drilldown.dropdown-menu-indicator-end .dropdown-item .dropdown-item-indicator-text-start,
.drilldown .dropdown-menu-indicator-end .dropdown-item .dropdown-item-indicator-text-start {
  margin-right: -3rem;
}
.drilldown.dropdown-menu-indicator-end .dropdown-item .dropdown-item-indicator-text-end,
.drilldown .dropdown-menu-indicator-end .dropdown-item .dropdown-item-indicator-text-end {
  padding-right: 0;
}

.drilldown .dropdown-header {
  color: #6b6c7e;
  font-weight: var(--font-weight-semi-bold, 500);
  padding-bottom: 0.59375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.59375rem;
  text-transform: uppercase;
}
.drilldown .dropdown-footer {
  padding: 1rem 1rem 0.625rem;
}
.drilldown .dropdown-divider {
  margin: 0;
}
.drilldown .dropdown-item {
  padding-bottom: 0.59375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.59375rem;
}
.drilldown .dropdown-item .c-inner {
  flex-grow: 1;
  margin-bottom: -0.59375rem;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: -0.59375rem;
  width: auto;
}
.drilldown .dropdown-item-indicator-start {
  height: 1.5rem;
  left: 0.5rem;
  top: 0.5rem;
  transition: none;
  width: 1.5rem;
}
.drilldown .dropdown-item-indicator-text-start {
  padding-left: 2rem;
}
.drilldown .dropdown-item-indicator-end {
  height: 1.5rem;
  right: 0.5rem;
  top: 0.5rem;
  transition: none;
  width: 1.5rem;
}
.drilldown .dropdown-item-indicator-text-end {
  margin-bottom: -0.59375rem;
  margin-left: -1rem;
  margin-top: -0.59375rem;
  padding-bottom: inherit;
  padding-left: inherit;
  padding-right: 2rem;
  padding-top: inherit;
  width: auto;
}

.drilldown-height-md.dropdown-menu .drilldown-inner, .drilldown-height-sm.dropdown-menu .drilldown-inner {
  min-height: 0;
}
.drilldown-height-md.dropdown-menu .drilldown-item, .drilldown-height-sm.dropdown-menu .drilldown-item {
  height: 100%;
}
.drilldown-height-md.dropdown-menu .drilldown-item-inner, .drilldown-height-sm.dropdown-menu .drilldown-item-inner {
  height: 100%;
}

.drilldown-height-sm.dropdown-menu {
  height: 272px;
}

.drilldown-height-md.dropdown-menu {
  height: 344px;
}

[type=checkbox] {
  cursor: pointer;
  height: 14px;
  width: 14px;
}
[type=checkbox]:disabled {
  cursor: not-allowed;
}

[type=radio] {
  cursor: pointer;
  height: 15px;
  width: 14px;
}
[type=radio]:disabled {
  cursor: not-allowed;
}

label {
  color: #272833;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  margin-bottom: 0.25rem;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
label[for] {
  cursor: pointer;
}
label + .form-text {
  margin-bottom: 0.25rem;
  margin-top: 0;
}
label .reference-mark {
  color: #b95000;
  font-size: 6px;
}

.form-control-label {
  display: inline;
  margin-bottom: 0;
}

.form-control-label-text {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0.25rem;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

fieldset[disabled] label,
label.disabled {
  color: #a7a9bc;
  cursor: not-allowed;
  opacity: 1;
}

fieldset[disabled] label .form-control {
  font-weight: normal;
  opacity: 1;
}

.form-control {
  background-color: #f1f2f5;
  border-color: #B0CFD1;
  border-style: solid;
  border-width: 0.0625rem;
  border-bottom-width: 0.0625rem;
  border-left-width: 0.0625rem;
  border-right-width: 0.0625rem;
  border-top-width: 0.0625rem;
  border-radius: var(--input-border-radius, 24px);
  box-shadow: none;
  color: var(--input-color, var(--primary-400));
  display: block;
  font-size: 1.125rem;
  font-weight: var(--input-font-weight, var(--font-weight-normal));
  height: 2.5rem;
  line-height: 1.5;
  min-width: 0;
  padding-bottom: var(--input-padding-y, 13px);
  padding-left: var(--input-padding-x, 16px);
  padding-right: var(--input-padding-x, 16px);
  padding-top: var(--input-padding-y, 13px);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::placeholder {
  color: #6b6c7e;
  opacity: 1;
}
.form-control:focus, .form-control.focus {
  background-color: #f0f5ff;
  border-color: #80acff;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  color: var(--input-color, var(--primary-400));
  outline: 0;
}
.form-control:disabled, .form-control.disabled {
  background-color: #f1f2f5;
  border-color: #f1f2f5;
  color: #a7a9bc;
  cursor: not-allowed;
  opacity: 1;
}
.form-control:disabled::placeholder, .form-control.disabled::placeholder {
  color: #a7a9bc;
}
@media (max-width: 767.98px) {
  .form-control {
    font-size: 1rem;
  }
}
.form-control:not([type=range]) {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.form-control::-ms-clear, .form-control::-ms-reveal {
  display: none;
  height: 0;
  width: 0;
}
.form-control[contenteditable] p {
  margin-bottom: 0;
}
.form-control .label {
  border-width: 0.0625rem;
  height: auto;
  margin-bottom: 0.3125rem;
  margin-right: 0.625rem;
  margin-top: 0.3125rem;
  min-height: 1.5rem;
  font-size: 0.75rem;
  padding-bottom: 0.3125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.3125rem;
  text-transform: none;
}
.form-control .label .label-item {
  margin-bottom: -0.0625rem;
  margin-top: -0.0625rem;
}
.form-control .label > .c-inner {
  margin-bottom: -0.3125rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: -0.3125rem;
}

fieldset[disabled] .form-control {
  background-color: #f1f2f5;
  border-color: #f1f2f5;
  color: #a7a9bc;
  cursor: not-allowed;
  opacity: 1;
}

.form-control-plaintext {
  background-clip: border-box;
  background-color: transparent;
  border-color: transparent;
  border-style: solid;
  border-bottom-width: 0.0625rem;
  border-left-width: 0.0625rem;
  border-right-width: 0.0625rem;
  border-top-width: 0.0625rem;
  color: var(--body-color, #344243);
  display: block;
  font-size: 1.125rem;
  height: 2.5rem;
  line-height: 1.5;
  margin-bottom: 0;
  min-width: 0;
  padding-bottom: var(--input-padding-y, 13px);
  padding-left: 0;
  padding-right: 0;
  padding-top: var(--input-padding-y, 13px);
  text-overflow: ellipsis;
  width: 100%;
}
@media (max-width: 767.98px) {
  .form-control-plaintext {
    font-size: 1rem;
  }
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-hidden {
  left: 0;
  opacity: 0;
  position: absolute;
  z-index: -1;
}

div.form-control {
  height: auto;
  min-height: 2.5rem;
}
div.form-control-lg {
  min-height: 3rem;
}
div.form-control-sm {
  min-height: 2rem;
}

.form-control-tag-group {
  align-items: center;
  color: #6b6c7e;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
}
.form-control-tag-group .autofit-row {
  align-items: center;
  flex-grow: 1;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  width: auto;
}
.form-control-tag-group .autofit-col {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.form-control-tag-group .autofit-col .form-control-inset {
  width: auto;
}
.form-control-tag-group .input-group-item {
  align-items: center;
}
.form-control-tag-group .inline-item {
  height: 1.5rem;
  margin-bottom: 0.3125rem;
  margin-top: 0.3125rem;
}
.form-control-tag-group .btn {
  height: 1.5rem;
  line-height: 1;
  margin-bottom: 0.3125rem;
  margin-top: 0.3125rem;
  padding-bottom: 0;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0;
}
.form-control-tag-group .btn .c-inner {
  margin-bottom: 0;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: 0;
}
.form-control-tag-group .btn-monospaced {
  height: 1.5rem;
  line-height: 1;
  margin-bottom: 0.3125rem;
  margin-top: 0.3125rem;
  padding-left: 0;
  padding-right: 0;
  width: 1.5rem;
}
.form-control-tag-group .btn-monospaced .c-inner {
  margin-left: 0;
  margin-right: 0;
}
.form-control-tag-group .component-action {
  height: 100%;
  margin-bottom: 0;
  margin-top: 0;
  width: 2rem;
}
.form-control-inset {
  background-color: transparent;
  border-width: 0px;
  color: var(--input-color, var(--primary-400));
  flex-grow: 1;
  margin-bottom: 0.3125rem;
  margin-left: 0.5rem;
  margin-top: 0.3125rem;
  min-height: 1.5rem;
  padding: 0;
  width: 50px;
}
.form-control-inset:focus, .form-control-inset.focus {
  outline: 0;
}
.form-control-inset:disabled, .form-control-inset.disabled {
  background-color: #f1f2f5;
  border-color: #f1f2f5;
  color: #a7a9bc;
  cursor: not-allowed;
  opacity: 1;
}
.form-control-inset::-ms-clear, .form-control-inset::-ms-reveal {
  display: none;
  height: 0;
  width: 0;
}

select.form-control {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
  background-position: right 0.5em center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  cursor: pointer;
  padding-right: 2em;
  color: var(--input-color, var(--primary-400));
}
select.form-control:focus, select.form-control.focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
}
select.form-control:disabled, select.form-control.disabled {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23a7a9bc'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23a7a9bc'/%3E%3C/svg%3E");
}
select.form-control:disabled > option, select.form-control.disabled > option {
  cursor: not-allowed;
}
select.form-control option {
  cursor: pointer;
}
select.form-control::-ms-expand {
  display: none;
}
select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--input-color, var(--primary-400));
}
select.form-control:focus::-ms-value {
  background-color: transparent;
  color: inherit;
}

.form-control-select {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
  background-position: right 0.5em center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2em;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-control-select:hover {
  color: inherit;
  text-decoration: none;
}
.form-control-select:focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
}

select.form-control[size] {
  background-image: none;
  height: auto;
  margin-left: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  scrollbar-width: thin;
  color: var(--input-color, var(--primary-400));
}
select.form-control[size]:focus, select.form-control[size].focus {
  background-image: none;
}
select.form-control[size]:focus > option:checked, select.form-control[size].focus > option:checked {
  background-image: linear-gradient(#ffa700, #ffa700);
  color: #fff;
  filter: invert(100%);
}
select.form-control[size] option {
  padding: 0.4375rem 0.5rem;
}
select.form-control[size] option:checked {
  background-image: linear-gradient(#e7e7ed, #e7e7ed);
}
@-moz-document url-prefix() {
  select.form-control[size]:focus > option:checked, select.form-control[size].focus > option:checked {
    background-image: linear-gradient(#002a1f, #002a1f);
    filter: invert(0);
  }
  select.form-control[size] option {
    padding: 0.40625rem 0.5rem;
  }
}

select.form-control[multiple] {
  background-image: none;
  height: auto;
  margin-left: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  scrollbar-width: thin;
  color: var(--input-color, var(--primary-400));
}
select.form-control[multiple]:focus, select.form-control[multiple].focus {
  background-image: none;
}
select.form-control[multiple]:focus > option:checked, select.form-control[multiple].focus > option:checked {
  background-image: linear-gradient(#ffa700, #ffa700);
  color: #fff;
  filter: invert(100%);
}
select.form-control[multiple] option {
  padding: 0.4375rem 0.5rem;
}
select.form-control[multiple] option:checked {
  background-image: linear-gradient(#e7e7ed, #e7e7ed);
}
@-moz-document url-prefix() {
  select.form-control[multiple]:focus > option:checked, select.form-control[multiple].focus > option:checked {
    background-image: linear-gradient(#002a1f, #002a1f);
    filter: invert(0);
  }
  select.form-control[multiple] option {
    padding: 0.40625rem 0.5rem;
  }
}

.form-control-select-secondary {
  background-color: #fff;
  color: #6b6c7e;
}
.form-control-select-secondary:hover, .form-control-select-secondary.hover {
  color: #6b6c7e;
}
.form-control-select-secondary:focus, .form-control-select-secondary.focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23272833'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23272833'/%3E%3C/svg%3E");
  color: #272833;
}
.form-control-select-secondary.show {
  background-color: #f1f2f5;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23272833'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23272833'/%3E%3C/svg%3E");
  color: #272833;
}
.form-control-select-secondary:disabled, .form-control-select-secondary.disabled {
  background-color: #fff;
  color: #6b6c7e;
  opacity: 0.4;
}
textarea.form-control,
textarea.form-control-plaintext,
.form-control.form-control-textarea {
  height: 100px;
  resize: vertical;
}
.form-control-file {
  cursor: pointer;
  display: block;
  width: 100%;
}
.form-control-file::-webkit-file-upload-button {
  cursor: pointer;
}

.form-control[type=range] {
  background-color: transparent;
  border-color: transparent;
  padding: 0;
}
.form-control[type=range]:focus {
  box-shadow: none;
}
.form-control[type=range]:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.form-control[type=range]::-webkit-slider-thumb {
  border-radius: 100px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control-range {
  display: block;
  width: 100%;
}

.form-check {
  display: block;
  padding-left: 0;
  position: relative;
}

.form-check-label {
  cursor: pointer;
  display: inline;
  margin-bottom: 0;
  position: relative;
}

.form-check-input {
  margin-left: 0;
  margin-top: 0;
  position: static;
}
.form-check-input[disabled], .form-check-input:disabled {
  cursor: not-allowed;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input[disabled] + .form-check-label-text, .form-check-input:disabled ~ .form-check-label,
.form-check-input:disabled + .form-check-label-text {
  color: #a7a9bc;
  cursor: not-allowed;
}

.form-check-label-text {
  margin-left: -0.1875rem;
  padding-left: 0.5rem;
}

.form-check-inline {
  align-items: center;
  display: inline-flex;
  margin-right: 0.75rem;
  padding-left: 0;
}
.form-check-inline .form-check-input {
  margin-left: 0;
  margin-right: auto;
  margin-top: 0;
  position: static;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .form-control[disabled] > option {
    color: #a7a9bc;
  }
}

.form-check.disabled .form-check-label {
  color: #a7a9bc;
}

.form-control-file:disabled {
  cursor: not-allowed;
}
.form-control-file:disabled::-webkit-file-upload-button {
  cursor: not-allowed;
}

.form-control[readonly] {
  background-color: #fff;
  border-color: #B0CFD1;
  opacity: 1;
}
.form-control[readonly]:focus, .form-control[readonly].focus {
  border-color: #80acff;
  box-shadow: none;
}
.form-control-plaintext[readonly] {
  border-radius: var(--input-border-radius, 24px);
  outline: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control-plaintext[readonly] {
    transition: none;
  }
}
.form-control-plaintext[readonly]:focus, .form-control-plaintext[readonly].focus {
  box-shadow: none;
  border-color: #80acff;
}
.form-control-lg {
  border-radius: var(--border-radius-lg, 0.375rem);
  font-size: 1.125rem;
  height: 3rem;
  line-height: 1.5;
  padding-bottom: var(--input-padding-y, 13px);
  padding-left: var(--input-padding-x, 16px);
  padding-right: var(--input-padding-x, 16px);
  padding-top: var(--input-padding-y, 13px);
}
textarea.form-control-lg,
.form-control-lg.form-control-textarea {
  height: 120px;
}
.input-group-sm .form-control, .form-group-sm .form-control,
.form-group-sm .form-control-plaintext, .form-control-sm {
  border-radius: 0.25rem;
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
}
.form-group-sm select.form-control, .form-control-select.form-control-sm {
  height: 2rem;
  padding-right: 2em;
}
.form-group-sm textarea.form-control,
.form-group-sm .form-control.form-control-textarea, textarea.form-control-sm,
.form-control-sm.form-control-textarea {
  height: 80px;
}
.form-group-sm .input-group .form-control-tag-group, .input-group-sm .form-control-tag-group, .form-group-sm .form-control-tag-group.input-group, .form-control-tag-group.input-group-sm, .form-control-tag-group-sm.form-control {
  border-radius: 0.25rem;
  font-size: 0.875rem;
  height: auto;
  line-height: 1.5;
  min-height: 2rem;
  padding-bottom: 0;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0;
}
.form-group-sm .input-group .form-control-tag-group .inline-item, .input-group-sm .form-control-tag-group .inline-item, .form-group-sm .form-control-tag-group.input-group .inline-item, .form-control-tag-group.input-group-sm .inline-item, .form-control-tag-group-sm.form-control .inline-item {
  margin-bottom: 0;
  margin-top: 0;
}
.form-group-sm .input-group .form-control-tag-group .label, .input-group-sm .form-control-tag-group .label, .form-group-sm .form-control-tag-group.input-group .label, .form-control-tag-group.input-group-sm .label, .form-control-tag-group-sm.form-control .label {
  margin-bottom: 0.1875rem;
  margin-right: 0.25rem;
  margin-top: 0.1875rem;
}
.form-group-sm .input-group .form-control-tag-group .form-control-inset, .input-group-sm .form-control-tag-group .form-control-inset, .form-group-sm .form-control-tag-group.input-group .form-control-inset, .form-control-tag-group.input-group-sm .form-control-inset, .form-control-tag-group-sm.form-control .form-control-inset {
  margin-bottom: 0.125rem;
  margin-left: 0.5rem;
  margin-top: 0.1875rem;
}
.form-group {
  margin-bottom: 1.5rem;
}

.col-form-label {
  font-size: inherit;
  line-height: 1.5;
  margin-bottom: 0;
  padding-bottom: calc(var(--input-padding-y, 13px) + 0.0625rem);
  padding-top: calc(var(--input-padding-y, 13px) + 0.0625rem);
}

.col-form-label-lg {
  font-size: 1.125rem;
  line-height: 1.5;
  padding-bottom: calc(var(--input-padding-y, 13px) + 0.0625rem);
  padding-top: calc(var(--input-padding-y, 13px) + 0.0625rem);
}

.col-form-label-sm {
  font-size: 0.875rem;
  line-height: 1.5;
  padding-bottom: 0.3125rem;
  padding-top: 0.3125rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-left: 5px;
  padding-right: 5px;
}

.form-inline {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    flex: 0 0 auto;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    vertical-align: middle;
    width: auto;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-left: 0;
    width: auto;
  }
  .form-inline .form-check-input {
    flex-shrink: 0;
    margin-left: 0;
    margin-right: 0.25rem;
    margin-top: 0;
    position: relative;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.form-group-autofit {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
}
@media (min-width: 576px) {
  .form-group-autofit {
    flex-direction: row;
    width: 100%;
  }
}
.form-group-autofit label {
  align-self: flex-start;
}
.form-group-autofit .form-group-item {
  display: flex;
  flex-basis: auto;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 1;
  min-width: 25px;
  position: relative;
  width: 100%;
}
.form-group-autofit .form-group-item:not(:last-child) {
  margin-bottom: 1.5rem;
}
@media (max-width: 575.98px) {
  .form-group-autofit .form-group-item:not(:last-child) {
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .form-group-autofit > .form-group-item:not(:last-child) {
    margin-bottom: 0;
    margin-right: 15px;
  }
}
.form-group-autofit .form-group-item-shrink {
  flex-shrink: 0;
  max-width: 100%;
  width: auto;
}

@media (max-width: 575.98px) {
  .form-group-autofit .form-group-item-label:not(:last-child) {
    margin-bottom: 0;
  }
}

@media (min-width: 576px) {
  .form-group-item-label {
    justify-content: center;
    min-height: 2.5rem;
  }
  .form-group-item-label > label {
    margin-bottom: 0;
    max-width: 12.5rem;
  }
}

@media (min-width: 576px) {
  .form-group-item-label-spacer {
    margin-top: 1.5625rem;
  }
}

.form-group {
  position: relative;
}
@media (max-width: 767.98px) {
  .form-group {
    margin-bottom: 1rem;
  }
}

.form-group-sm {
  margin-bottom: 1rem;
}
.form-group-sm label {
  margin-bottom: 0.1875rem;
}
.form-group-sm div.form-control,
.form-group-sm .form-control[contenteditable] {
  height: auto;
  min-height: 2rem;
}
.form-group-sm select[multiple],
.form-group-sm .form-control[size] {
  height: auto;
}
.form-group-sm .form-feedback-item ~ .form-feedback-item,
.form-group-sm .form-feedback-item ~ .form-text,
.form-group-sm .form-text ~ .form-feedback-item,
.form-group-sm .form-text ~ .form-text {
  margin-top: 0;
}
@media (min-width: 576px) {
  .form-group-sm .form-group-item-label {
    min-height: 2rem;
  }
  .form-group-sm .form-group-item-label > label {
    margin-bottom: 0;
  }
}
@media (min-width: 576px) {
  .form-group-sm .form-group-item-label-spacer {
    margin-top: 1.5625rem;
  }
}

.component-link {
  color: #6b6c7e;
  border-radius: 1px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .component-link {
    transition: none;
  }
}
.component-link:hover {
  color: #484955;
}
.component-link.focus, .component-link:focus {
  color: #484955;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.single-link {
  font-weight: var(--font-weight-semi-bold, 500);
}

.link-primary {
  color: #005D44;
  border-radius: 1px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .link-primary {
    transition: none;
  }
}
.link-primary:hover {
  color: #00110c;
}
.link-primary.focus, .link-primary:focus {
  color: #00110c;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.link-secondary {
  color: #6b6c7e;
  border-radius: 1px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .link-secondary {
    transition: none;
  }
}
.link-secondary:hover {
  color: #272833;
}
.link-secondary.focus, .link-secondary:focus {
  color: #272833;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
button.link-outline {
  cursor: pointer;
}

.link-outline {
  align-items: center;
  background-color: transparent;
  border-color: transparent;
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 0.0625rem;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  justify-content: center;
  line-height: 1.15;
  padding-bottom: 0.4375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.4375rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  vertical-align: middle;
}
@media (prefers-reduced-motion: reduce) {
  .link-outline {
    transition: none;
  }
}
.link-outline:hover {
  text-decoration: none;
}
.link-outline.focus, .link-outline:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.link-outline:disabled, .link-outline.disabled {
  box-shadow: none;
}
.link-outline:disabled:active, .link-outline.disabled:active {
  pointer-events: none;
}
.link-outline > .c-inner {
  margin-bottom: -0.4375rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.4375rem;
}
.link-outline .lexicon-icon {
  margin-top: 0;
}

.link-outline-primary {
  border-color: #005D44;
  color: #005D44;
}
.link-outline-primary:hover {
  background-color: #43ffcc;
  color: #005D44;
}
.link-outline-primary.focus, .link-outline-primary:focus {
  background-color: #43ffcc;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  color: #005D44;
}
.link-outline-primary:active {
  background-color: #5ed4b4;
  color: #005D44;
}
.link-outline-primary.active {
  background-color: #5ed4b4;
  color: #005D44;
}
.link-outline-primary:disabled, .link-outline-primary.disabled {
  background-color: transparent;
  color: #005D44;
  cursor: not-allowed;
  opacity: 0.4;
  box-shadow: none;
}
.link-outline-primary[aria-expanded=true], .link-outline-primary.show {
  background-color: #5ed4b4;
  color: #005D44;
}
.link-outline-secondary {
  border-color: #cdced9;
  color: #6b6c7e;
}
.link-outline-secondary:hover {
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}
.link-outline-secondary.focus, .link-outline-secondary:focus {
  background-color: rgba(39, 40, 51, 0.03);
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  color: #272833;
}
.link-outline-secondary:active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.link-outline-secondary.active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.link-outline-secondary:disabled, .link-outline-secondary.disabled {
  background-color: transparent;
  color: #6b6c7e;
  cursor: not-allowed;
  opacity: 0.4;
}
.link-outline-secondary[aria-expanded=true], .link-outline-secondary.show {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.link-outline-borderless {
  border-color: transparent;
}

.link-monospaced {
  align-items: center;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  overflow: hidden;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  vertical-align: middle;
  width: 2rem;
}
.link-monospaced > .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.link-monospaced .lexicon-icon {
  margin-top: 0;
}

.component-title {
  color: #272833;
  font-size: 1rem;
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.25;
  margin-bottom: calc(( 						2rem - (1em * 1.25) 					) / 2);
  margin-top: calc(( 						2rem - (1em * 1.25) 					) / 2);
}
.component-title[href],
.component-title [href] {
  color: #272833;
  border-radius: 1px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .component-title[href],
  .component-title [href] {
    transition: none;
  }
}
.component-title[href]:hover,
.component-title [href]:hover {
  color: #060608;
}
.component-title[href].focus, .component-title[href]:focus,
.component-title [href].focus,
.component-title [href]:focus {
  color: #060608;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.component-subtitle {
  color: #6b6c7e;
  margin-bottom: 0;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.45;
}
.component-subtitle[href],
.component-subtitle [href] {
  color: #6b6c7e;
  border-radius: 1px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .component-subtitle[href],
  .component-subtitle [href] {
    transition: none;
  }
}
.component-subtitle[href]:hover,
.component-subtitle [href]:hover {
  color: #272833;
}
.component-subtitle[href].focus, .component-subtitle[href]:focus,
.component-subtitle [href].focus,
.component-subtitle [href]:focus {
  color: #272833;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.component-action {
  align-items: center;
  background-color: transparent;
  border-color: transparent;
  border-radius: 0.25rem;
  border-width: 0px;
  color: #6b6c7e;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  vertical-align: middle;
  width: 2rem;
  font-size: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .component-action {
    transition: none;
  }
}
.component-action:hover {
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}
.component-action.focus, .component-action:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}
.component-action:active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.component-action.active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.component-action:disabled, .component-action.disabled {
  background-color: transparent;
  box-shadow: none;
  color: #6b6c7e;
  cursor: not-allowed;
  opacity: 0.4;
}
.component-action:disabled:active, .component-action.disabled:active {
  pointer-events: none;
}
.component-action[aria-expanded=true], .component-action.show {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.component-action .lexicon-icon {
  margin-top: 0;
}

.component-icon {
  align-items: center;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}
.component-icon .lexicon-icon {
  margin-top: 0;
}

.clay-range {
  padding-bottom: 0.1px;
}
.clay-range .input-group {
  align-items: center;
}
.clay-range .input-group-item {
  flex-direction: column;
}
.clay-range .input-group-text {
  background-color: transparent;
  border-width: 0px;
  color: #a7a9bc;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  min-width: 1.5rem;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.clay-range.disabled .clay-range-title {
  color: #a7a9bc;
}
.clay-range.disabled .input-group-text {
  color: #a7a9bc;
}

.clay-range-progress-none .clay-range-progress {
  visibility: hidden;
}

.clay-range-title {
  display: block;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1;
  margin-bottom: 0.5rem;
  text-align: center;
}
.clay-range-input {
  display: block;
  padding-bottom: 0.1px;
  position: relative;
  vertical-align: middle;
  width: 100%;
  color: #a7a9bc;
}
.clay-range-input .tooltip {
  margin-left: 0.8125rem;
  transition: opacity 0.15s linear;
  visibility: hidden;
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .clay-range-input .tooltip {
    transition: none;
  }
}
.clay-range-input .tooltip-inner {
  padding: 0.5rem 0.75rem;
}
.clay-range-input .tooltip-arrow {
  height: 0.375rem;
  width: 0.375rem;
}
.clay-range-input .clay-tooltip-bottom {
  margin-top: 0.25rem;
  padding-top: 0.1875rem;
  top: 100%;
  transform: translateX(-50%);
}
.clay-range-input .clay-tooltip-bottom .tooltip-arrow {
  margin-left: -0.25rem;
}
.clay-range-input .clay-tooltip-top {
  bottom: 100%;
  margin-bottom: 0.25rem;
  padding-bottom: 0.1875rem;
  transform: translateX(-50%);
}
.clay-range-input .clay-tooltip-top .tooltip-arrow {
  margin-left: -0.25rem;
}
.clay-range-input .clay-range-track {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #f1f2f5;
  border-radius: 100px;
  height: 0.25rem;
  margin-top: -0.125rem;
  position: absolute;
  top: 50%;
  width: 100%;
}
.clay-range-input .clay-range-track::-ms-expand {
  display: none;
}
.clay-range-input .clay-range-progress {
  background-color: #005D44;
  border-radius: 100px 0 0 100px;
  position: absolute;
  top: 50%;
  width: 50%;
  height: 0.25rem;
  margin-top: -0.125rem;
}
.clay-range-input .clay-range-thumb {
  background-color: #fff;
  border-radius: 100px;
  border-width: 0px;
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
  height: 1.5rem;
  margin-top: -0.75rem;
  position: absolute;
  right: -0.75rem;
  top: 50%;
  visibility: hidden;
  width: 1.5rem;
}
.clay-range-input .form-control-range {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  height: 2.5rem;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
  content: "1.5rem";
}
.clay-range-input .form-control-range::-ms-expand {
  display: none;
}
.clay-range-input .form-control-range::-moz-focus-outer {
  border-width: 0;
}
.clay-range-input .form-control-range::-moz-range-thumb {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border-radius: 100px;
  border-width: 0px;
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
  height: 1.5rem;
  margin-top: -0.75rem;
  position: relative;
  top: 50%;
  width: 1.5rem;
}
.clay-range-input .form-control-range::-moz-range-thumb::-ms-expand {
  display: none;
}
.clay-range-input .form-control-range::-moz-range-track {
  -moz-appearance: none;
  appearance: none;
  height: 100%;
}
.clay-range-input .form-control-range::-ms-fill-lower {
  background-color: transparent;
}
.clay-range-input .form-control-range::-ms-fill-upper {
  background-color: transparent;
}
.clay-range-input .form-control-range::-ms-thumb {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.clay-range-input .form-control-range::-ms-thumb::-ms-expand {
  display: none;
}
.clay-range-input .form-control-range::-ms-tooltip {
  display: none;
}
.clay-range-input .form-control-range::-ms-track {
  background-color: transparent;
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  color: transparent;
  height: 100%;
}
.clay-range-input .form-control-range::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  appearance: none;
  height: 100%;
}
.clay-range-input .form-control-range::-webkit-slider-thumb {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border-radius: 100px;
  border-width: 0px;
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
  height: 1.5rem;
  margin-top: -0.75rem;
  position: relative;
  top: 50%;
  width: 1.5rem;
}
.clay-range-input .form-control-range::-webkit-slider-thumb::-ms-expand {
  display: none;
}
.clay-range-input .form-control-range:hover {
  cursor: pointer;
}
.clay-range-input .form-control-range:hover ~ .clay-range-progress .clay-range-thumb {
  background-color: #43ffcc;
}
.clay-range-input .form-control-range:hover ~ .clay-range-progress .tooltip {
  visibility: visible;
  opacity: 1;
}
.clay-range-input .form-control-range:hover::-moz-range-thumb {
  background-color: #43ffcc;
}
.clay-range-input .form-control-range:hover::-ms-thumb {
  background-color: #43ffcc;
}
.clay-range-input .form-control-range:hover::-webkit-slider-thumb {
  background-color: #43ffcc;
}
.clay-range-input .form-control-range:focus, .clay-range-input .form-control-range.focus {
  outline: 0;
}
.clay-range-input .form-control-range:focus ~ .clay-range-progress .clay-range-thumb, .clay-range-input .form-control-range.focus ~ .clay-range-progress .clay-range-thumb {
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
}
.clay-range-input .form-control-range:focus ~ .clay-range-progress .tooltip, .clay-range-input .form-control-range.focus ~ .clay-range-progress .tooltip {
  visibility: visible;
  opacity: 1;
}
.clay-range-input .form-control-range:focus::-moz-range-thumb, .clay-range-input .form-control-range.focus::-moz-range-thumb {
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
}
.clay-range-input .form-control-range:focus::-ms-thumb, .clay-range-input .form-control-range.focus::-ms-thumb {
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
}
.clay-range-input .form-control-range:focus::-webkit-slider-thumb, .clay-range-input .form-control-range.focus::-webkit-slider-thumb {
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
}
.clay-range-input .form-control-range:disabled {
  color: #a7a9bc;
  cursor: not-allowed;
}
.clay-range-input .form-control-range:disabled ~ .clay-range-track {
  background-color: #f1f2f5;
}
.clay-range-input .form-control-range:disabled ~ .clay-range-progress {
  background-color: #06ffbc;
}
.clay-range-input .form-control-range:disabled ~ .clay-range-progress .clay-range-thumb {
  background-color: #f7f8f9;
}
.clay-range-input .form-control-range:disabled::-moz-range-thumb {
  background-color: #f7f8f9;
}
.clay-range-input .form-control-range:disabled::-ms-thumb {
  background-color: #f7f8f9;
}
.clay-range-input .form-control-range:disabled::-webkit-slider-thumb {
  background-color: #f7f8f9;
}
.clay-range-input[data-label-min], .clay-range-input[data-label-max] {
  margin-bottom: 1rem;
}
.clay-range-input[data-label-min]::before {
  content: '\FEFF' attr(data-label-min);
}
.clay-range-input[data-label-max]::after {
  content: '\FEFF' attr(data-label-max);
  right: 0;
}
.clay-range-input::after, .clay-range-input::before {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1;
  margin-top: 2.5rem;
  position: absolute;
  text-align: center;
  top: 0;
  width: 1.5rem;
}

.clay-range-align-items-start .input-group {
  align-items: flex-start;
}

.clay-range-align-items-end .input-group {
  align-items: flex-end;
}

.clay-reorder {
  padding: 2px;
  position: relative;
  z-index: 0;
}
.clay-reorder .form-control-inset {
  margin-bottom: 0;
  margin-top: 0;
  overflow: auto;
  padding-bottom: var(--input-padding-y, 13px);
  padding-top: var(--input-padding-y, 13px);
  width: 100%;
}
.clay-reorder .form-control-inset:focus, .clay-reorder .form-control-inset.focus {
  background-color: transparent;
  box-shadow: none;
}
.clay-reorder .form-control-inset:focus + .clay-reorder-underlay, .clay-reorder .form-control-inset.focus + .clay-reorder-underlay {
  background-color: #f0f5ff;
  border-color: #80acff;
}
.clay-reorder .form-control-inset + .clay-reorder-underlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.clay-reorder-footer {
  padding: 0.5rem;
}

.clay-reorder-footer-invisible.clay-reorder-footer *,
.clay-reorder-footer-invisible .clay-reorder-footer * {
  visibility: hidden;
}

.clay-reorder-footer-center.clay-reorder-footer,
.clay-reorder-footer-center .clay-reorder-footer {
  text-align: center;
}

.clay-reorder-footer-end.clay-reorder-footer,
.clay-reorder-footer-end .clay-reorder-footer {
  text-align: right;
}

.clay-color > .input-group-item > .input-group-inset-item-before {
  color: #6b6c7e;
  font-size: inherit;
  padding-left: var(--input-padding-x, 16px);
  padding-right: 0.5rem;
}
.clay-color > .input-group-item > .input-group-text {
  background-color: #fff;
  border-color: #B0CFD1;
  padding-left: 0;
  padding-right: 0;
}

.clay-color-dropdown-menu {
  max-height: 400px;
  max-width: none;
  padding-bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  width: 272px;
}
.clay-color-dropdown-menu .close {
  color: #6b6c7e;
  font-size: 1rem;
  opacity: 1;
}
.clay-color-dropdown-menu .close:hover {
  background-color: rgba(39, 40, 51, 0.03);
}
.clay-color-dropdown-menu .close:focus {
  background-color: rgba(39, 40, 51, 0.03);
}
.clay-color-dropdown-menu .close:active {
  background-color: rgba(39, 40, 51, 0.06);
}
.clay-color-dropdown-menu .close.active {
  background-color: rgba(39, 40, 51, 0.06);
}
.clay-color-dropdown-menu .close:disabled, .clay-color-dropdown-menu .close.disabled {
  background-color: transparent;
}
.clay-color-dropdown-menu .form-control {
  font-size: 0.875rem;
  height: 2rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
}
.clay-color-dropdown-menu .form-group {
  margin-bottom: 1rem;
}
.clay-color-dropdown-menu .input-group .input-group-inset-item-before {
  color: #6b6c7e;
  font-size: 0.875rem;
  padding-left: 0.75rem;
  padding-right: 0.5rem;
}

.clay-color-btn {
  border-radius: 2px;
  height: 1.5rem;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  width: 1.5rem;
}
.clay-color-btn:active {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.clay-color-btn.active {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.clay-color-btn[aria-expanded=true], .clay-color-btn.show {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.clay-color-btn .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.clay-color-btn-bordered {
  border-color: #e7e7ed;
}
.clay-color-pointer {
  background-color: transparent;
  border-radius: 100px;
  border-color: #fff;
  border-style: solid;
  border-width: 2px;
  height: 0.875rem;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  position: absolute;
  transition: box-shadow 0.15s ease-in-out;
  width: 0.875rem;
}
@media (prefers-reduced-motion: reduce) {
  .clay-color-pointer {
    transition: none;
  }
}
.clay-color-pointer:focus, .clay-color-pointer.focus {
  box-shadow: 0 0 0 0.125rem #00d29a;
  outline: 0;
}
.clay-color-pointer:active:focus {
  box-shadow: 0 0 0 0.125rem #00d29a;
}
.clay-color-pointer .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.clay-color-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  margin-right: -0.25rem;
}
.clay-color-header .component-title {
  color: #6b6c7e;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  max-width: calc(100% - 2rem);
}
.clay-color-footer {
  margin-bottom: 1rem;
}

.clay-color-swatch {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: 0.5rem;
}
.clay-color-swatch + .clay-color-swatch {
  margin-top: 0;
}

.clay-color-swatch-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 1rem;
  width: 16.66667%;
}

.clay-color-map-group {
  display: flex;
  margin-top: 0.5rem;
}

.clay-color-map {
  flex-shrink: 0;
  height: 128px;
  margin-bottom: 1rem;
  margin-right: 1rem;
  position: relative;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 144px;
}

.clay-color-map-hsb {
  background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}

.clay-color-map-values {
  flex-grow: 1;
  flex-shrink: 1;
  width: 1%;
}
.clay-color-map-values .form-control {
  padding-left: 0;
  padding-right: 10%;
  text-align: right;
}
.clay-color-map-values .input-group .input-group-inset-item-before {
  font-weight: var(--font-weight-semi-bold, 500);
  padding-left: 10%;
  padding-right: 0;
  min-width: 1.125rem;
}
.clay-color-range {
  border-radius: 100px;
  height: 0.5rem;
  margin-bottom: 1.25rem;
  margin-top: 0.25rem;
  position: relative;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.clay-color-range-hue {
  background-image: linear-gradient(270deg, #fc0d1b 0%, #fc22d6 18.23%, #1824fb 34.25%, #2bf6fd 50.28%, #2bfd2e 67.58%, #fcfd37 81.22%, #fc121b 100%);
}

.clay-color-range-pointer {
  margin-top: -7px;
  top: 50%;
}
.form-group-sm .clay-color.input-group > .input-group-item > .input-group-inset-item-before, .clay-color.input-group-sm > .input-group-item > .input-group-inset-item-before {
  padding-left: 0.75rem;
}

.form-group-sm .clay-color.input-group > .input-group-item > .input-group-text, .clay-color.input-group-sm > .input-group-item > .input-group-text {
  padding: 0;
}

.form-group-sm .clay-color.input-group > .input-group-item > .input-group-text > .clay-color-btn, .clay-color.input-group-sm > .input-group-item > .input-group-text > .clay-color-btn {
  border-radius: 2px;
  height: 1.25rem;
  padding: 0;
  width: 1.25rem;
}
.form-file {
  display: flex;
  position: relative;
}

.form-file-input {
  cursor: pointer;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.form-file-input::-webkit-file-upload-button {
  cursor: pointer;
}
.form-file-input:focus + .input-group {
  border-radius: 1px;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.form-file-input:disabled {
  cursor: not-allowed;
}
.form-file-input:disabled::-webkit-file-upload-button {
  cursor: not-allowed;
}

.custom-control {
  display: block;
  margin-bottom: 1rem;
  min-height: 1.25rem;
  position: relative;
  text-align: left;
  line-height: 1;
}
.custom-control:only-child {
  margin-bottom: 0;
}
.custom-control label {
  cursor: pointer;
  display: inline;
  font-size: 1.125rem;
  margin-bottom: 0;
}

.custom-control-label {
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: var(--font-weight-normal, 400);
  line-height: 1.25rem;
  margin-bottom: 0;
  position: static;
  vertical-align: top;
}
.custom-control-label::before {
  background-color: #fff;
  border-color: #cdced9;
  border-style: solid;
  border-width: 0.0625rem;
  box-shadow: none;
  content: "";
  display: block;
  float: left;
  font-size: 1rem;
  height: 1rem;
  left: 0;
  position: relative;
  top: 0.125rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before {
    transition: none;
  }
}
.custom-control-label::after {
  background: no-repeat 50%/50% 50%;
  content: "";
  display: block;
  height: 1rem;
  left: 0;
  position: absolute;
  top: 0.125rem;
  width: 1rem;
}

label.custom-control-label {
  font-size: 0.875rem;
}

.custom-control-label-text {
  padding-left: 0.5rem;
}
.custom-control-label-text small,
.custom-control-label-text .small {
  font-size: 100%;
}

.custom-control-primary .custom-control-label-text {
  font-weight: var(--font-weight-semi-bold, 500);
}
.custom-control-label::before {
  background-color: #fff;
  border-color: #cdced9;
  border-style: solid;
  border-width: 0.0625rem;
  box-shadow: none;
  content: "";
  display: block;
  float: left;
  font-size: 1rem;
  height: 1rem;
  left: 0;
  position: relative;
  top: 0.125rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before {
    transition: none;
  }
}

.custom-control-label::after {
  background: no-repeat 50%/50% 50%;
  content: "";
  display: block;
  height: 1rem;
  left: 0;
  position: absolute;
  top: 0.125rem;
  width: 1rem;
}

.custom-control-input {
  cursor: pointer;
  height: 1rem;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0.125rem;
  width: 1rem;
  z-index: 1;
}
.custom-control-input:focus ~ .custom-control-label::before {
  border-color: #cdced9;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.custom-control-input:active ~ .custom-control-label::before {
  background-color: #fff;
  border-color: #cdced9;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  color: #fff;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #a7a9bc;
  cursor: not-allowed;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #f1f2f5;
  border-color: #e7e7ed;
  box-shadow: none;
}
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #0b5fff;
  border-color: #0b5fff;
  color: #fff;
}
.custom-control-input[readonly] ~ .custom-control-label {
  color: #272833;
}
.custom-control-input[readonly] ~ .custom-control-label::before {
  background-color: #f1f2f5;
  border-color: #e7e7ed;
}
.custom-control-input[readonly][disabled] ~ .custom-control-label {
  color: #a7a9bc;
}
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #0b5fff;
  border-color: #0b5fff;
  color: #fff;
}
.custom-control-input:checked:active ~ .custom-control-label::before {
  background-color: #0b5fff;
  border-color: #0b5fff;
}
.custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-control-input:checked:disabled ~ .custom-control-label::before {
  background-color: #f1f2f5;
  box-shadow: none;
}
.custom-control-input:checked[readonly] ~ .custom-control-label::before {
  background-color: #fff;
  border-color: #cdced9;
}
.custom-checkbox .custom-control-input ~ .custom-control-label::before {
  border-radius: 0.125rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M220.9%20377.2c-8%200-15.8-3.2-21.5-8.9l-91-91c-28.1-28.1%2014.8-71%2042.9-42.9l68.2%2068.2%20139.8-157.2c26.4-30%2072%2010.1%2045.6%2040.1L243.7%20366.9c-5.5%206.3-13.4%2010-21.8%2010.3h-1z'%20fill='%23fff'/%3E%3C/svg%3E");
  background-size: 100%;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M220.9%20377.2c-8%200-15.8-3.2-21.5-8.9l-91-91c-28.1-28.1%2014.8-71%2042.9-42.9l68.2%2068.2%20139.8-157.2c26.4-30%2072%2010.1%2045.6%2040.1L243.7%20366.9c-5.5%206.3-13.4%2010-21.8%2010.3h-1z'%20fill='%23fff'/%3E%3C/svg%3E");
  background-size: 100%;
}
.custom-checkbox .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-checkbox .custom-control-input:checked:disabled ~ .custom-control-label::before {
  background-color: #b3cdff;
  border-color: #b3cdff;
}
.custom-checkbox .custom-control-input:checked[readonly] ~ .custom-control-label::before {
  background-color: #fff;
  border-color: #cdced9;
}
.custom-checkbox .custom-control-input:checked[readonly] ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M220.9%20377.2c-8%200-15.8-3.2-21.5-8.9l-91-91c-28.1-28.1%2014.8-71%2042.9-42.9l68.2%2068.2%20139.8-157.2c26.4-30%2072%2010.1%2045.6%2040.1L243.7%20366.9c-5.5%206.3-13.4%2010-21.8%2010.3h-1z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:checked[readonly][disabled] ~ .custom-control-label::before {
  opacity: 0.4;
}
.custom-checkbox .custom-control-input:checked[readonly][disabled] ~ .custom-control-label::after {
  opacity: 0.4;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: #0b5fff;
  border-color: #0b5fff;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M384%20288H128c-42.7%200-42.7-64%200-64h256c42.7%200%2042.7%2064%200%2064z'%20fill='%23fff'/%3E%3C/svg%3E");
  background-size: 100%;
}
.custom-checkbox .custom-control-input:indeterminate[disabled] ~ .custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate:disabled ~ .custom-control-label::before {
  background-color: #b3cdff;
  border-color: #b3cdff;
}
.custom-checkbox .custom-control-input:indeterminate[readonly] ~ .custom-control-label::before {
  background-color: #fff;
  border-color: #cdced9;
}
.custom-checkbox .custom-control-input:indeterminate[readonly] ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M384%20288H128c-42.7%200-42.7-64%200-64h256c42.7%200%2042.7%2064%200%2064z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:indeterminate[readonly][disabled] ~ .custom-control-label::before {
  opacity: 0.4;
}
.custom-checkbox .custom-control-input:indeterminate[readonly][disabled] ~ .custom-control-label::after {
  opacity: 0.4;
}
.custom-radio .custom-control-input ~ .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input[disabled] ~ .custom-control-label::before, .custom-radio .custom-control-input:disabled ~ .custom-control-label::before {
  border-color: #f1f2f5;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Ccircle%20class='lexicon-icon-outline'%20cx='256'%20cy='256'%20r='256'%20fill='%23fff'/%3E%3C/svg%3E");
  background-size: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Ccircle%20class='lexicon-icon-outline'%20cx='256'%20cy='256'%20r='256'%20fill='%23fff'/%3E%3C/svg%3E");
  background-size: 50%;
}
.custom-radio .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-radio .custom-control-input:checked:disabled ~ .custom-control-label::before {
  background-color: #b3cdff;
  border-color: #b3cdff;
}
.custom-control-inline {
  display: inline-flex;
}
.custom-control-inline + .custom-control-inline {
  margin-left: 1rem;
}

.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  border-radius: 0.5rem;
  left: -2.25rem;
  pointer-events: all;
  width: 1.75rem;
}
.custom-switch .custom-control-label::after {
  background-color: #cdced9;
  border-radius: 0.5rem;
  height: 0.75rem;
  left: -2.125rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  top: calc((
									1.125rem *
										1.5 -
										1rem
								) * 0.5 + (0.0625rem * 2));
  width: 0.75rem;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: #b3cdff;
}

.custom-select {
  -webkit-appearance: none;
  appearance: none;
  background: #f1f2f5 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='4'%20height='5'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23393a4a'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right var(--input-padding-x, 16px) center/8px 10px;
  border: 0.0625rem solid #B0CFD1;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 2px rgba(7, 29, 31, 0.075);
  color: var(--input-color, var(--primary-400));
  display: inline-block;
  font-size: 1.125rem;
  font-weight: var(--input-font-weight, var(--font-weight-normal));
  height: 2.5rem;
  line-height: 1.5;
  padding: var(--input-padding-y, 13px) var(--input-padding-x, 16px)1rem var(--input-padding-y, 13px) var(--input-padding-x, 16px);
  vertical-align: middle;
  width: 100%;
}
.custom-select:focus {
  border-color: #80acff;
  box-shadow: inset 0 1px 2px rgba(7, 29, 31, 0.075), 0 0 0 0.2rem #80acff;
  outline: 0;
}
.custom-select:focus::-ms-value {
  background-color: #f1f2f5;
  color: var(--input-color, var(--primary-400));
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  background-image: none;
  height: auto;
  padding-right: var(--input-padding-x, 16px);
}
.custom-select:disabled {
  background-color: #f1f2f5;
  color: #6b6c7e;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--input-color, var(--primary-400));
}

.custom-select-sm {
  font-size: 0.875rem;
  height: 2rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-top: 0.25rem;
}

.custom-select-lg {
  font-size: 1.125rem;
  height: 3rem;
  padding-bottom: var(--input-padding-y, 13px);
  padding-left: var(--input-padding-x, 16px);
  padding-top: var(--input-padding-y, 13px);
}

.custom-file {
  display: inline-block;
  height: 2.5rem;
  margin-bottom: 0;
  position: relative;
  width: 100%;
}

.custom-file-input {
  height: 2.5rem;
  margin: 0;
  opacity: 0;
  position: relative;
  width: 100%;
  z-index: 2;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #80acff;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
  background-color: #f1f2f5;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: '\FEFF Browse';
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: '\FEFF' attr(data-browse);
}

.custom-file-label {
  background-color: #f1f2f5;
  border: 0.0625rem solid #B0CFD1;
  border-radius: var(--input-border-radius, 24px);
  box-shadow: none;
  color: var(--input-color, var(--primary-400));
  font-weight: var(--input-font-weight, var(--font-weight-normal));
  height: 2.5rem;
  left: 0;
  line-height: 1.5;
  padding: var(--input-padding-y, 13px) var(--input-padding-x, 16px);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.custom-file-label::after {
  background-color: #e7e7ed;
  border-left: inherit;
  border-radius: 0 var(--input-border-radius, 24px) var(--input-border-radius, 24px) 0;
  bottom: 0;
  color: var(--input-color, var(--primary-400));
  content: '\FEFF Browse';
  display: block;
  height: 36px;
  line-height: 1.5;
  padding: var(--input-padding-y, 13px) var(--input-padding-x, 16px);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.custom-range {
  appearance: none;
  background-color: transparent;
  height: 1.4rem;
  padding: 0;
  width: 100%;
}
.custom-range:focus {
  outline: none;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px var(--body-bg, #fff), 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px var(--body-bg, #fff), 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px var(--body-bg, #fff), 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: #0b5fff;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(7, 29, 31, 0.1);
  height: 1rem;
  margin-top: -0.25rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #bed4ff;
}
.custom-range::-webkit-slider-runnable-track {
  border-radius: 1rem;
  box-shadow: inset 0 0.25rem 0.25rem rgba(7, 29, 31, 0.1);
  background-color: #e7e7ed;
  border-color: transparent;
  color: transparent;
  cursor: pointer;
  height: 0.5rem;
  width: 100%;
}
.custom-range::-moz-range-thumb {
  -moz-appearance: none;
  appearance: none;
  background-color: #0b5fff;
  border-radius: 1rem;
  border: 0;
  box-shadow: 0 0.1rem 0.25rem rgba(7, 29, 31, 0.1);
  height: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: #bed4ff;
}
.custom-range::-moz-range-track {
  background-color: #e7e7ed;
  border-color: transparent;
  border-radius: 1rem;
  box-shadow: inset 0 0.25rem 0.25rem rgba(7, 29, 31, 0.1);
  color: transparent;
  cursor: pointer;
  height: 0.5rem;
  width: 100%;
}
.custom-range::-ms-thumb {
  appearance: none;
  background-color: #0b5fff;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(7, 29, 31, 0.1);
  height: 1rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  margin-top: 0;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: #bed4ff;
}
.custom-range::-ms-track {
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
  box-shadow: inset 0 0.25rem 0.25rem rgba(7, 29, 31, 0.1);
  color: transparent;
  cursor: pointer;
  height: 0.5rem;
  width: 100%;
}
.custom-range::-ms-fill-lower {
  background-color: #e7e7ed;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  border-radius: 1rem;
  background-color: #e7e7ed;
  margin-right: 15px;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #a7a9bc;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #a7a9bc;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #a7a9bc;
}

.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}

.clay-time .btn {
  align-items: center;
  display: inline-flex;
  font-size: 0.75rem;
  height: 1.5rem;
  justify-content: center;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  width: 1.5rem;
  color: #6b6c7e;
}
.clay-time .btn:focus, .clay-time .btn.focus {
  box-shadow: 0 0 0 1px #80acff;
}
.clay-time .btn:active:focus {
  box-shadow: 0 0 0 1px #80acff;
}
.clay-time .btn .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.clay-time .btn .lexicon-icon {
  margin-top: 0;
}
.clay-time .form-control {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  padding-bottom: 0.125rem;
  padding-top: 0.125rem;
}
.clay-time .form-control-inset {
  margin-bottom: 0;
  margin-top: 0;
  text-align: center;
  width: 1.25rem;
}
.clay-time .form-control-inset::-moz-selection, .clay-time .form-control-inset::selection {
  background-color: transparent;
}
.clay-time .form-control-inset:focus, .clay-time .form-control-inset.focus {
  background-color: #b3d8fd;
}
.clay-time .input-group-text {
  background-color: transparent;
  border-color: transparent;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.clay-time .clay-time-ampm {
  font-weight: 500;
  margin-left: 0.25rem;
  text-transform: uppercase;
  width: 1.5rem;
}
.clay-time-edit {
  display: flex;
  flex-wrap: wrap;
  margin-right: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.clay-time-edit:first-child {
  margin-left: -0.5rem;
}
.clay-time-edit:last-child {
  margin-right: -0.5rem;
}

.clay-time-action-group {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}

.clay-time-action-group-item {
  align-items: center;
  display: flex;
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.clay-time-inner-spin {
  border-color: #cdced9;
  border-radius: 8px;
  border-style: solid;
  border-width: 0.0625rem;
}
.clay-time-inner-spin .btn {
  align-items: center;
  border-radius: 8px;
  border-width: 0px;
  display: inline-flex;
  font-size: 8px;
  height: auto;
  justify-content: center;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  width: auto;
}
.clay-time-inner-spin .btn .c-inner {
  margin-bottom: -2px;
  margin-left: -2px;
  margin-right: -2px;
  margin-top: -2px;
}
.date-picker .input-group-text {
  background-color: transparent;
  border-color: transparent;
  min-width: 2rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.date-picker-dropdown-menu {
  max-height: none;
  max-width: 368px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  width: 100%;
}
.date-picker-nav {
  display: flex;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.date-picker-nav .nav-btn {
  color: #6b6c7e;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .date-picker-nav .nav-btn {
    transition: none;
  }
}
.date-picker-nav .nav-btn:hover {
  background-color: #f1f2f5;
  color: #272833;
}
.date-picker-nav .nav-btn:focus, .date-picker-nav .nav-btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
  background-color: #f1f2f5;
  color: #272833;
}
.date-picker-nav .nav-btn:active {
  background-color: #f1f2f5;
}
.date-picker-nav .nav-btn:active:focus {
  box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
}
.date-picker-nav .nav-btn.active {
  background-color: #f1f2f5;
}
.date-picker-nav .nav-btn:disabled, .date-picker-nav .nav-btn.disabled {
  background-color: transparent;
  box-shadow: none;
  color: #a7a9bc;
}
.date-picker-nav .nav-btn[aria-expanded=true], .date-picker-nav .nav-btn.show {
  background-color: #f1f2f5;
}
.date-picker-nav .nav-btn-monospaced {
  margin-bottom: 0;
  margin-top: 0;
}
.date-picker-nav select.form-control {
  background-color: transparent;
  border-color: transparent;
  color: #6b6c7e;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  height: 2rem;
  padding-bottom: 0;
  padding-left: 0.5rem;
  padding-top: 0;
}
.date-picker-nav select.form-control:hover, .date-picker-nav select.form-control.hover {
  background-color: #f1f2f5;
  color: #272833;
}
.date-picker-nav select.form-control:focus, .date-picker-nav select.form-control.focus {
  background-color: #f1f2f5;
  color: #272833;
}
.date-picker-nav select.form-control:disabled, .date-picker-nav select.form-control.disabled {
  background-color: transparent;
  color: #a7a9bc;
}
.date-picker-nav-item {
  align-items: center;
  display: flex;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.date-picker-nav-item-expand {
  flex-grow: 1;
}

.date-picker-nav-controls {
  display: flex;
  justify-content: flex-end;
}

.date-picker-calendar {
  float: left;
  min-width: 100%;
}

.date-picker-calendar-header {
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}

.date-picker-calendar-body {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
}

.date-picker-calendar-footer {
  border-color: #cdced9;
  border-style: solid;
  border-width: 1px 0 0 0;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
}

.date-picker-calendar-item {
  align-items: center;
  background-color: transparent;
  border-width: 0px;
  display: inline-flex;
  flex-shrink: 0;
  font-weight: var(--font-weight-semi-bold, 500);
  height: 2rem;
  justify-content: center;
  line-height: 1;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  width: 2rem;
}
@media (prefers-reduced-motion: reduce) {
  .date-picker-calendar-item {
    transition: none;
  }
}
.date-picker-calendar-item:disabled, .date-picker-calendar-item.disabled {
  cursor: not-allowed;
}
.date-picker-calendar-item .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.date-picker-row {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  padding: 0;
}

.date-picker-col {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.date-picker-col.c-selected {
  background-image: linear-gradient(#43ffcc, #43ffcc);
  background-repeat: no-repeat;
}
.date-picker-col.c-selected:first-child {
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
}
.date-picker-col.c-selected:last-child {
  border-bottom-right-radius: 100px;
  border-top-right-radius: 100px;
}
.date-picker-col.c-selected-start {
  background-position: right top;
  background-size: 50% 100%;
}
.date-picker-col.c-selected-end {
  background-position: left top;
  background-size: 50% 100%;
}

.date-picker-days-row {
  margin-bottom: 1rem;
  margin-top: 0;
}

.date-picker-day {
  height: 1.3125rem;
}
.date-picker-date {
  border-radius: 100px;
  color: #6b6c7e;
  cursor: pointer;
  position: relative;
}
.date-picker-date:hover {
  background-color: #f1f2f5;
  color: #272833;
}
.date-picker-date:focus, .date-picker-date.focus {
  box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
  outline: 0;
  background-color: #f1f2f5;
  color: #272833;
}
.date-picker-date:active {
  background-color: #0b5fff;
  color: #fff;
}
.date-picker-date:active:focus {
  box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
}
.date-picker-date.active {
  background-color: #0b5fff;
  color: #fff;
}
.date-picker-date:disabled, .date-picker-date.disabled {
  background-color: transparent;
  box-shadow: none;
  color: #a7a9bc;
}
.date-picker-date[aria-expanded=true], .date-picker-date.show {
  background-color: #0b5fff;
  color: #fff;
}
.previous-month-date {
  color: #a7a9bc;
}
.previous-month-date:active {
  background-color: #06ffbc;
  color: #43ffcc;
}
.previous-month-date.active {
  background-color: #06ffbc;
  color: #43ffcc;
}
.previous-month-date[aria-expanded=true], .previous-month-date.show {
  background-color: #06ffbc;
  color: #43ffcc;
}
.next-month-date {
  color: #a7a9bc;
}
.next-month-date:active {
  background-color: #06ffbc;
  color: #43ffcc;
}
.next-month-date.active {
  background-color: #06ffbc;
  color: #43ffcc;
}
.next-month-date[aria-expanded=true], .next-month-date.show {
  background-color: #06ffbc;
  color: #43ffcc;
}
.clay-dual-listbox {
  display: flex;
  flex-direction: row;
}
.clay-dual-listbox .clay-reorder {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.clay-dual-listbox label {
  margin-bottom: 1rem;
}

.clay-dual-listbox-item {
  display: flex;
  flex-direction: column;
  margin-right: 0.25rem;
}
@media (min-width: 576px) {
  .clay-dual-listbox-item {
    margin-right: 1.5rem;
  }
}
.clay-dual-listbox-item:last-child {
  margin-right: 0;
}

.clay-dual-listbox-item-expand {
  flex-grow: 1;
  width: 3rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.clay-dual-listbox-actions {
  align-self: center;
  margin-top: calc(21px + 1rem);
}

.valid-feedback {
  color: #287d3c;
  display: none;
  font-size: 0.875rem;
  margin-top: 0.25rem;
  width: 100%;
}

.valid-tooltip {
  background-color: #287d3c;
  border-radius: 0.25rem;
  color: #fff;
  display: none;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-top: 0.1rem;
  max-width: 100%;
  padding: 0.75rem 0.75rem;
  position: absolute;
  top: 100%;
  z-index: 5;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #287d3c;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23287d3c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 9px center;
  background-repeat: no-repeat;
  background-size: 18px 18px 18px 18px;
  padding-right: calc(
	2.5rem - 0.0625rem - 0.0625rem
);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #287d3c;
  box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  background-position: top 9px right 9px;
  padding-right: calc(
	2.5rem - 0.0625rem - 0.0625rem
);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #287d3c;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='4'%20height='5'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23393a4a'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right var(--input-padding-x, 16px) center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23287d3c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #f1f2f5 no-repeat center right var(--input-padding-x, 16px)1rem/18px 18px;
  padding-right: calc(
	(1em * 0.75) + (2 * var(--input-padding-y, 13px) * 0.75) + var(--input-padding-x, 16px) +
		1rem
);
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #287d3c;
  box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #287d3c;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #287d3c;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #287d3c;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: #34a44f;
  border-color: #34a44f;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #287d3c;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #287d3c;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #287d3c;
  box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.25);
}

.invalid-feedback {
  color: #da1414;
  display: none;
  font-size: 0.875rem;
  margin-top: 0.25rem;
  width: 100%;
}

.invalid-tooltip {
  background-color: #da1414;
  border-radius: 0.25rem;
  color: #fff;
  display: none;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-top: 0.1rem;
  max-width: 100%;
  padding: 0.75rem 0.75rem;
  position: absolute;
  top: 100%;
  z-index: 5;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #da1414;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23da1414' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23da1414' stroke='none'/%3e%3c/svg%3e");
  background-position: right 9px center;
  background-repeat: no-repeat;
  background-size: 18px 18px 18px 18px;
  padding-right: calc(
	2.5rem - 0.0625rem - 0.0625rem
);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #da1414;
  box-shadow: 0 0 0 0.2rem rgba(218, 20, 20, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  background-position: top 9px right 9px;
  padding-right: calc(
	2.5rem - 0.0625rem - 0.0625rem
);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #da1414;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='4'%20height='5'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23393a4a'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right var(--input-padding-x, 16px) center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23da1414' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23da1414' stroke='none'/%3e%3c/svg%3e") #f1f2f5 no-repeat center right var(--input-padding-x, 16px)1rem/18px 18px;
  padding-right: calc(
	(1em * 0.75) + (2 * var(--input-padding-y, 13px) * 0.75) + var(--input-padding-x, 16px) +
		1rem
);
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #da1414;
  box-shadow: 0 0 0 0.2rem rgba(218, 20, 20, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #da1414;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #da1414;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #da1414;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: #ec3535;
  border-color: #ec3535;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(218, 20, 20, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #da1414;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #da1414;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #da1414;
  box-shadow: 0 0 0 0.2rem rgba(218, 20, 20, 0.25);
}

.invalid-feedback,
.valid-feedback {
  font-weight: var(--font-weight-semi-bold, 500);
}

.form-feedback-group {
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.form-feedback-item {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  margin-top: 0.25rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.form-feedback-indicator {
  margin-left: 0;
  margin-right: 0;
}
.form-feedback-indicator:first-child {
  margin-left: 0;
}

.form-text {
  color: #6b6c7e;
  display: block;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  margin-top: 0.25rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.was-validated .form-control:valid,
.was-validated .form-control.is-valid {
  background-color: #edf9f0;
  border-color: #5aca75;
  box-shadow: 0 0 rgba(0, 0, 0, 0);
  color: var(--input-color, var(--primary-400));
}
.was-validated .form-control:valid:focus,
.was-validated .form-control.is-valid:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}

.was-validated .form-control:invalid,
.was-validated .form-control.is-invalid {
  background-color: #feefef;
  border-color: #f48989;
  box-shadow: 0 0 rgba(0, 0, 0, 0);
  color: var(--input-color, var(--primary-400));
}
.was-validated .form-control:invalid:focus,
.was-validated .form-control.is-invalid:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}

.has-error .custom-control-label,
.has-error .form-check-label {
  color: #da1414;
}
.has-error .form-control {
  background-color: #feefef;
  border-color: #f48989;
  box-shadow: 0 0 rgba(0, 0, 0, 0);
  color: var(--input-color, var(--primary-400));
}
.has-error .form-control:focus, .has-error .form-control.focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.has-error .form-control[readonly] {
  background-color: #fff;
  border-color: #B0CFD1;
}
.has-error .form-control[readonly]:focus, .has-error .form-control[readonly].focus {
  border-color: #80acff;
}
.has-error .form-feedback-item {
  color: #da1414;
}
.has-error select.form-control {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23f48989'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23f48989'/%3E%3C/svg%3E");
  color: var(--input-color, var(--primary-400));
}
.has-error select.form-control[size] {
  background-image: none;
  color: var(--input-color, var(--primary-400));
}
.has-error select.form-control[multiple] {
  background-image: none;
  color: var(--input-color, var(--primary-400));
}
.has-error .input-group-item.focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.has-error .input-group-item.focus .input-group-inset {
  background-color: #feefef;
  border-color: #f48989;
}
.has-error .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
  background-color: #feefef;
  border-color: #f48989;
}
.has-error .input-group-item .input-group-inset ~ .input-group-inset-item {
  background-color: #feefef;
  border-color: #f48989;
  box-shadow: 0 0 rgba(0, 0, 0, 0);
}
.has-error .input-group-item .input-group-inset:focus {
  box-shadow: none;
}
.has-error .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
  background-color: #feefef;
  border-color: #f48989;
}

.has-warning .custom-control-label,
.has-warning .form-check-label {
  color: #b95000;
}
.has-warning .form-control {
  background-color: #fff4ec;
  border-color: #ff8f39;
  box-shadow: 0 0 rgba(0, 0, 0, 0);
  color: var(--input-color, var(--primary-400));
}
.has-warning .form-control:focus, .has-warning .form-control.focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.has-warning .form-control[readonly] {
  background-color: #fff;
  border-color: #B0CFD1;
}
.has-warning .form-control[readonly]:focus, .has-warning .form-control[readonly].focus {
  border-color: #80acff;
}
.has-warning .form-feedback-item {
  color: #b95000;
}
.has-warning select.form-control {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23ff8f39'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23ff8f39'/%3E%3C/svg%3E");
  color: var(--input-color, var(--primary-400));
}
.has-warning select.form-control[size] {
  background-image: none;
  color: var(--input-color, var(--primary-400));
}
.has-warning select.form-control[multiple] {
  background-image: none;
  color: var(--input-color, var(--primary-400));
}
.has-warning .input-group-item.focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.has-warning .input-group-item.focus .input-group-inset {
  background-color: #fff4ec;
  border-color: #ff8f39;
}
.has-warning .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
  background-color: #fff4ec;
  border-color: #ff8f39;
}
.has-warning .input-group-item .input-group-inset ~ .input-group-inset-item {
  background-color: #fff4ec;
  border-color: #ff8f39;
  box-shadow: 0 0 rgba(0, 0, 0, 0);
}
.has-warning .input-group-item .input-group-inset:focus {
  box-shadow: none;
}
.has-warning .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
  background-color: #fff4ec;
  border-color: #ff8f39;
}

.has-success .custom-control-label,
.has-success .form-check-label {
  color: #287d3c;
}
.has-success .form-control {
  background-color: #edf9f0;
  border-color: #5aca75;
  box-shadow: 0 0 rgba(0, 0, 0, 0);
  color: var(--input-color, var(--primary-400));
}
.has-success .form-control:focus, .has-success .form-control.focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.has-success .form-control[readonly] {
  background-color: #fff;
  border-color: #B0CFD1;
}
.has-success .form-control[readonly]:focus, .has-success .form-control[readonly].focus {
  border-color: #80acff;
}
.has-success .form-feedback-item {
  color: #287d3c;
}
.has-success select.form-control {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%235aca75'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%235aca75'/%3E%3C/svg%3E");
  color: var(--input-color, var(--primary-400));
}
.has-success select.form-control[size] {
  background-image: none;
  color: var(--input-color, var(--primary-400));
}
.has-success select.form-control[multiple] {
  background-image: none;
  color: var(--input-color, var(--primary-400));
}
.has-success .input-group-item.focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.has-success .input-group-item.focus .input-group-inset {
  background-color: #edf9f0;
  border-color: #5aca75;
}
.has-success .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
  background-color: #edf9f0;
  border-color: #5aca75;
}
.has-success .input-group-item .input-group-inset ~ .input-group-inset-item {
  background-color: #edf9f0;
  border-color: #5aca75;
  box-shadow: 0 0 rgba(0, 0, 0, 0);
}
.has-success .input-group-item .input-group-inset:focus {
  box-shadow: none;
}
.has-success .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
  background-color: #edf9f0;
  border-color: #5aca75;
}

.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  flex: 1 1 0%;
  margin-bottom: 0;
  min-width: 0;
  position: relative;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -0.0625rem;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group > .custom-file {
  align-items: center;
  display: flex;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-lg > .custom-select {
  border-radius: var(--border-radius-lg, 0.375rem);
  font-size: 1.125rem;
  height: 3rem;
  line-height: 1.5;
  padding: var(--input-padding-y, 13px) var(--input-padding-x, 16px);
}

.input-group-sm > .custom-select {
  border-radius: 0.25rem;
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  padding: 0.25rem 0.75rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: var(--input-padding-x, 16px)1rem;
}

.input-group-prepend > .btn + .btn,
.input-group-prepend > .btn + .input-group-text,
.input-group-prepend > .input-group-text + .input-group-text,
.input-group-prepend > .input-group-text + .btn,
.input-group-append > .btn + .btn,
.input-group-append > .btn + .input-group-text,
.input-group-append > .input-group-text + .input-group-text,
.input-group-append > .input-group-text + .btn {
  margin-left: -0.0625rem;
}
.input-group-prepend .btn,
.input-group-append .btn {
  z-index: 1;
}
.input-group-prepend .btn:hover,
.input-group-append .btn:hover {
  z-index: 3;
}
.input-group-prepend .btn,
.input-group-prepend .form-control,
.input-group-append .btn,
.input-group-append .form-control {
  position: relative;
}
.input-group-prepend .btn:focus,
.input-group-prepend .form-control:focus,
.input-group-append .btn:focus,
.input-group-append .form-control:focus {
  z-index: 4;
}

.input-group {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}
.input-group .btn-unstyled {
  color: inherit;
}
.input-group-item {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  margin-left: 0.5rem;
  width: 1%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.input-group-item.focus {
  border-radius: var(--input-border-radius, 24px);
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.input-group-item.focus.input-group-prepend {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  z-index: 1;
}
.input-group-item.focus.input-group-append {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-item.focus > .form-control {
  background-color: #f0f5ff;
  border-color: #80acff;
}
.input-group-item.focus > .input-group-inset-item {
  background-color: #f0f5ff;
  border-color: #80acff;
}
.input-group-item:first-child {
  margin-left: 0;
}
.input-group-item > .btn {
  align-self: flex-start;
}
.input-group-item > .dropdown {
  display: flex;
  flex-wrap: wrap;
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: 100%;
}
.input-group-item-shrink {
  flex-grow: 0;
  width: auto;
}
.input-group-text {
  align-items: center;
  background-color: #e7e7ed;
  border-bottom-width: 0.0625rem;
  border-color: #e7e7ed;
  border-left-width: 0.0625rem;
  border-radius: var(--input-border-radius, 24px);
  border-right-width: 0.0625rem;
  border-style: solid;
  border-top-width: 0.0625rem;
  color: #6b6c7e;
  display: flex;
  font-size: 1.125rem;
  font-weight: var(--font-weight-semi-bold, 500);
  height: 2.5rem;
  justify-content: center;
  line-height: 1.5;
  margin-bottom: 0;
  min-width: 2.5rem;
  padding-bottom: var(--input-padding-y, 13px);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: var(--input-padding-y, 13px);
  text-align: center;
  white-space: nowrap;
}
.input-group-text label {
  color: #6b6c7e;
}
.input-group-text .custom-control {
  margin-bottom: 0;
}
.input-group-text .form-check {
  margin-bottom: 0;
}
.input-group-text .form-check input[type=radio],
.input-group-text .form-check input[type=checkbox] {
  margin-top: 0;
}
.input-group-text .lexicon-icon {
  margin-top: 0;
}
.input-group-text-secondary {
  background-color: #fff;
  border-color: #cdced9;
  border-width: 0.0625rem;
  color: #6b6c7e;
  z-index: 2;
}
.input-group-text-secondary label {
  color: #6b6c7e;
}
@media (max-width: 575.98px) {
  .input-group-stacked-sm-down > .input-group-item {
    margin-bottom: 0.5rem;
    margin-left: 0;
    width: 100%;
  }
  .input-group-stacked-sm-down > .input-group-item-shrink {
    margin-right: 0.5rem;
    width: auto;
  }
}

.input-group-lg > .input-group-item > .btn {
  font-size: 1.125rem;
  line-height: 1.5;
  padding-bottom: 0.59375rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.59375rem;
}
.input-group-lg > .input-group-item > .btn .c-inner {
  margin-bottom: -0.59375rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-top: -0.59375rem;
}
.input-group-lg > .input-group-item > .btn .inline-item {
  font-size: 1.125rem;
}
.input-group-lg > .input-group-item > .btn .btn-section {
  font-size: 0.8125rem;
}
.input-group-lg > .input-group-item > .btn-monospaced {
  height: 3rem;
  line-height: 1;
  width: 3rem;
}
.input-group-lg > .input-group-item > .form-control {
  border-radius: var(--border-radius-lg, 0.375rem);
  font-size: 1.125rem;
  height: auto;
  line-height: 1.5;
  min-height: 3rem;
  padding-bottom: var(--input-padding-y, 13px);
  padding-left: var(--input-padding-x, 16px);
  padding-right: var(--input-padding-x, 16px);
  padding-top: var(--input-padding-y, 13px);
}
.input-group-lg > .input-group-item > .form-file .btn {
  border-radius: var(--border-radius-lg, 0.375rem);
  font-size: 1.125rem;
  height: 3rem;
  line-height: 1.5;
  padding-bottom: var(--input-padding-y, 13px);
  padding-left: var(--input-padding-x, 16px);
  padding-right: var(--input-padding-x, 16px);
  padding-top: var(--input-padding-y, 13px);
}
.input-group-lg > .input-group-item > .form-file .btn .c-inner {
  margin-bottom: calc(var(--input-padding-y, 13px) * -1);
  margin-left: calc(var(--input-padding-x, 16px) * -1);
  margin-right: calc(var(--input-padding-x, 16px) * -1);
  margin-top: calc(var(--input-padding-y, 13px) * -1);
}
.input-group-lg > .input-group-item > textarea.form-control,
.input-group-lg > .input-group-item > .form-control-textarea {
  height: 120px;
}
.input-group-lg > .input-group-item > .form-control-plaintext {
  font-size: 1.125rem;
  height: 3rem;
  line-height: 1.5;
  padding-bottom: var(--input-padding-y, 13px);
  padding-top: var(--input-padding-y, 13px);
}
.input-group-lg > .input-group-item > .input-group-text {
  border-radius: var(--border-radius-lg, 0.375rem);
  font-size: 1.125rem;
  height: 3rem;
  min-width: 3rem;
  padding-left: var(--input-padding-x, 16px);
  padding-right: var(--input-padding-x, 16px);
}
.input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn {
  border-radius: var(--border-radius-lg, 0.375rem);
  font-size: 1.125rem;
  height: 3rem;
  line-height: 1.5;
  padding-bottom: var(--input-padding-y, 13px);
  padding-left: var(--input-padding-x, 16px);
  padding-right: var(--input-padding-x, 16px);
  padding-top: var(--input-padding-y, 13px);
}
.input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
  margin-bottom: calc(var(--input-padding-y, 13px) * -1);
  margin-left: calc(var(--input-padding-x, 16px) * -1);
  margin-right: calc(var(--input-padding-x, 16px) * -1);
  margin-top: calc(var(--input-padding-y, 13px) * -1);
}
.input-group-lg > .input-group-item .form-control-inset {
  margin-bottom: 0;
  margin-top: 0;
}
.form-group-sm .input-group > .input-group-item > .btn, .input-group-sm > .input-group-item > .btn {
  font-size: 0.875rem;
  line-height: 1.15;
  padding-bottom: 0.4375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.4375rem;
}
.form-group-sm .input-group > .input-group-item > .btn .c-inner, .input-group-sm > .input-group-item > .btn .c-inner {
  margin-bottom: -0.4375rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.4375rem;
}
.form-group-sm .input-group > .input-group-item > .btn .btn-section, .input-group-sm > .input-group-item > .btn .btn-section {
  font-size: 0.5625rem;
}
.form-group-sm .input-group > .input-group-item > .btn-monospaced, .input-group-sm > .input-group-item > .btn-monospaced {
  height: 2rem;
  line-height: 1;
  width: 2rem;
}
.form-group-sm .input-group > .input-group-item > .form-file .btn, .input-group-sm > .input-group-item > .form-file .btn {
  border-radius: 0.25rem;
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
}
.form-group-sm .input-group > .input-group-item > .form-file .btn .c-inner, .input-group-sm > .input-group-item > .form-file .btn .c-inner {
  margin-bottom: -0.25rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.25rem;
}
.form-group-sm .input-group > .input-group-item > textarea.form-control, .input-group-sm > .input-group-item > textarea.form-control,
.form-group-sm .input-group > .input-group-item > .form-control-textarea,
.input-group-sm > .input-group-item > .form-control-textarea {
  height: 80px;
}
.form-group-sm .input-group > .input-group-item > .form-control-plaintext, .input-group-sm > .input-group-item > .form-control-plaintext {
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}
.form-group-sm .input-group > .input-group-item > .input-group-text, .input-group-sm > .input-group-item > .input-group-text {
  border-radius: 0.25rem;
  font-size: 0.875rem;
  height: 2rem;
  min-width: 2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.form-group-sm .input-group > .input-group-item > .input-group-inset-item > .btn, .input-group-sm > .input-group-item > .input-group-inset-item > .btn {
  line-height: 1;
  padding-bottom: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0;
}
.form-group-sm .input-group > .input-group-item > .input-group-inset-item > .btn .c-inner, .input-group-sm > .input-group-item > .input-group-inset-item > .btn .c-inner {
  margin-bottom: 0;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: 0;
}
.form-group-sm .input-group > .input-group-item > .input-group-inset-item > .btn-monospaced, .input-group-sm > .input-group-item > .input-group-inset-item > .btn-monospaced {
  height: 1.5rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  width: 1.5rem;
}
.form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn, .input-group-sm > .input-group-item > .input-group-inset-item > .form-file .btn {
  border-radius: 0.25rem;
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
}
.form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner, .input-group-sm > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
  margin-bottom: -0.25rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.25rem;
}
.input-group-inset {
  flex-grow: 1;
  order: 5;
  width: 1%;
}
.input-group-inset:focus, .input-group-inset.focus {
  box-shadow: none;
}
.input-group-inset:focus ~ .input-group-inset-item, .input-group-inset.focus ~ .input-group-inset-item {
  background-color: #f0f5ff;
  border-color: #80acff;
}
.input-group-inset:disabled ~ .input-group-inset-item, .input-group-inset.disabled ~ .input-group-inset-item {
  background-color: #f1f2f5;
  border-color: #f1f2f5;
}
.input-group-inset ~ .form-feedback-group {
  order: 13;
}

.input-group-inset[readonly] ~ .input-group-inset-item {
  background-color: #fff;
}
.input-group .input-group-inset-item {
  align-items: center;
  background-color: #f1f2f5;
  border-bottom-width: 0.0625rem;
  border-color: #B0CFD1;
  border-left-width: 0.0625rem;
  border-right-width: 0.0625rem;
  border-style: solid;
  border-top-width: 0.0625rem;
  display: flex;
  margin-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.input-group .input-group-inset-item .btn {
  align-items: center;
  display: flex;
  height: 75%;
  justify-content: center;
  line-height: 1;
  margin-left: 0.1875rem;
  margin-right: 0.1875rem;
  padding-bottom: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0;
}
.input-group .input-group-inset-item .btn .c-inner {
  margin-bottom: 0;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: 0;
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
.input-group .input-group-inset-item .btn .lexicon-icon {
  margin-top: 0;
}
.input-group .input-group-inset-item .btn .c-inner .lexicon-icon {
  margin-top: 0;
}
.input-group .input-group-inset-item .btn-monospaced {
  font-size: 1rem;
  height: 2rem;
  margin-bottom: -0.0625rem;
  margin-top: -0.0625rem;
  padding: 0;
  width: 2rem;
}
.input-group .input-group-inset-item .form-file {
  height: 75%;
}
.input-group .input-group-inset-item .form-file .btn {
  height: 100%;
}
.input-group .input-group-item .input-group-inset-before.form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: var(--input-border-radius, 24px);
  border-top-right-radius: var(--input-border-radius, 24px);
  border-left-width: 0;
  padding-left: 0;
}
.input-group .input-group-inset-item-before {
  border-bottom-left-radius: var(--input-border-radius, 24px);
  border-top-left-radius: var(--input-border-radius, 24px);
  border-right-width: 0;
  color: #6b6c7e;
  order: 3;
}
.input-group .input-group-append > .input-group-inset-item-before {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group .input-group-item .input-group-inset-after.form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-width: 0;
  padding-right: 0;
}
.input-group .input-group-inset-item-after {
  border-bottom-right-radius: var(--input-border-radius, 24px);
  border-top-right-radius: var(--input-border-radius, 24px);
  border-left-width: 0;
  color: #6b6c7e;
  order: 9;
}
.input-group-prepend .input-group .input-group-inset-item-after {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  z-index: 1;
}

.input-group > .input-group-item.input-group-prepend {
  align-items: stretch;
  display: flex;
  margin-right: -0.0625rem;
}
.input-group > .input-group-item.input-group-prepend:not(:last-child) > .btn,
.input-group > .input-group-item.input-group-prepend:not(:last-child) > .form-control,
.input-group > .input-group-item.input-group-prepend:not(:last-child) > .input-group-text {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group > .input-group-item.input-group-prepend:not(:last-child) > .btn + .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group > .input-group-item.input-group-prepend + .input-group-prepend {
  margin-left: 0;
}
.input-group > .input-group-item.input-group-prepend + .input-group-prepend > .btn,
.input-group > .input-group-item.input-group-prepend + .input-group-prepend > .form-control,
.input-group > .input-group-item.input-group-prepend + .input-group-prepend > .input-group-text {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group > .input-group-item.input-group-append {
  align-items: stretch;
  display: flex;
  margin-right: -0.0625rem;
}
.input-group > .input-group-item.input-group-append:first-child > .btn,
.input-group > .input-group-item.input-group-append:first-child > .form-control,
.input-group > .input-group-item.input-group-append:first-child > .input-group-text {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group > .input-group-item.input-group-append:not(:first-child) > .btn,
.input-group > .input-group-item.input-group-append:not(:first-child) > .form-control,
.input-group > .input-group-item.input-group-append:not(:first-child) > .form-file .btn,
.input-group > .input-group-item.input-group-append:not(:first-child) > .input-group-text {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group > .input-group-item.input-group-append + .input-group-append, .input-group > .input-group-item.input-group-prepend + .input-group-append {
  margin-left: 0;
}

.input-group-password .form-control[type=text] ~ .input-group-inset-item .input-password-label {
  display: none;
}
.input-group-password .form-control[type=password] ~ .input-group-inset-item .input-text-label {
  display: none;
}

.list-group-item-action {
  color: #495057;
  text-align: inherit;
  width: 100%;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  background-color: #f0f5ff;
  color: #495057;
  text-decoration: none;
  z-index: 1;
}
.list-group-item-action:active {
  background-color: #f1f2f5;
  color: var(--body-color, #344243);
}

.list-group {
  border-radius: 0.25rem;
  color: #6b6c7e;
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  margin-bottom: 1.5rem;
  padding-left: 0;
}
.list-group-bordered .list-group-item-flex {
  padding: 0;
}
.list-group-bordered .list-group-item-flex.active .autofit-col {
  border-color: #e7e7ed;
}
.list-group-bordered .autofit-col {
  border-left: 0.0625rem solid #e7e7ed;
  border-right: 0.0625rem solid #e7e7ed;
  margin-left: -0.0625rem;
  padding: 1rem 1rem;
}
.list-group-bordered .autofit-col:first-child, .list-group-bordered .autofit-col:last-child {
  border-left-width: 0;
  border-right-width: 0;
  margin-left: 0;
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal .list-group-item + .list-group-item {
  border-left-width: 0;
  border-top-width: 0.0625rem;
}
.list-group-horizontal .list-group-item + .list-group-item.active {
  border-left-width: 0.0625rem;
  margin-left: -0.0625rem;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: 0.0625rem;
  }
  .list-group-horizontal-sm .list-group-item + .list-group-item.active {
    border-left-width: 0.0625rem;
    margin-left: -0.0625rem;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: 0.0625rem;
  }
  .list-group-horizontal-md .list-group-item + .list-group-item.active {
    border-left-width: 0.0625rem;
    margin-left: -0.0625rem;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: 0.0625rem;
  }
  .list-group-horizontal-lg .list-group-item + .list-group-item.active {
    border-left-width: 0.0625rem;
    margin-left: -0.0625rem;
  }
}
@media (min-width: 1280px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: 0.0625rem;
  }
  .list-group-horizontal-xl .list-group-item + .list-group-item.active {
    border-left-width: 0.0625rem;
    margin-left: -0.0625rem;
  }
}
@media (min-width: 1440px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: 0.0625rem;
  }
  .list-group-horizontal-xxl .list-group-item + .list-group-item.active {
    border-left-width: 0.0625rem;
    margin-left: -0.0625rem;
  }
}
.list-group-header {
  align-items: center;
  background-color: #f7f8f9;
  border: 0.0625rem solid #e7e7ed;
  display: flex;
  justify-content: space-between;
  margin-bottom: -0.0625rem;
  padding: 0.5rem 1rem;
}
.list-group-header:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.list-group-header:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.list-group-header-title {
  font-size: 0.75rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.2;
  margin-bottom: 0;
  color: #6b6c7e;
  text-transform: uppercase;
}
.list-group-title {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.45;
  margin-bottom: 0;
  margin-top: -0.25rem;
  color: #272833;
}
.list-group-title[href],
.list-group-title [href] {
  color: #272833;
  max-width: 100%;
  border-radius: 1px;
  display: inline-block;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .list-group-title[href],
  .list-group-title [href] {
    transition: none;
  }
}
.list-group-title[href]:hover,
.list-group-title [href]:hover {
  color: #272833;
}
.list-group-title[href].focus, .list-group-title[href]:focus,
.list-group-title [href].focus,
.list-group-title [href]:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.list-group-subtitle {
  color: #6b6c7e;
  margin-bottom: 0;
}
.list-group-subtitle[href],
.list-group-subtitle [href] {
  color: #6b6c7e;
  border-radius: 1px;
  display: inline-block;
  max-width: 100%;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .list-group-subtitle[href],
  .list-group-subtitle [href] {
    transition: none;
  }
}
.list-group-subtitle[href]:hover,
.list-group-subtitle [href]:hover {
  color: #272833;
}
.list-group-subtitle[href].focus, .list-group-subtitle[href]:focus,
.list-group-subtitle [href].focus,
.list-group-subtitle [href]:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.list-group-text {
  color: #272833;
  margin-bottom: 0;
  line-height: 1.45;
}
.list-group-text[href],
.list-group-text [href] {
  color: #272833;
  border-radius: 1px;
  display: inline-block;
  max-width: 100%;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .list-group-text[href],
  .list-group-text [href] {
    transition: none;
  }
}
.list-group-text[href]:hover,
.list-group-text [href]:hover {
  color: #272833;
}
.list-group-text[href].focus, .list-group-text[href]:focus,
.list-group-text [href].focus,
.list-group-text [href]:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.list-group-subtext {
  color: #6b6c7e;
  margin-bottom: 0;
  line-height: 1.45;
}
.list-group-subtext[href],
.list-group-subtext [href] {
  color: #6b6c7e;
  border-radius: 1px;
  display: inline-block;
  max-width: 100%;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .list-group-subtext[href],
  .list-group-subtext [href] {
    transition: none;
  }
}
.list-group-subtext[href]:hover,
.list-group-subtext [href]:hover {
  color: #272833;
}
.list-group-subtext[href].focus, .list-group-subtext[href]:focus,
.list-group-subtext [href].focus,
.list-group-subtext [href]:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.show-dropdown-action-on-active .list-group-item.active .dropdown-action .dropdown-menu {
  background-color: #f0f5ff;
}
.show-dropdown-action-on-active .list-group-item.active .dropdown-action .dropdown-item {
  color: #272833;
}

.list-group-item {
  background-color: #fff;
  border: 0.0625rem solid #e7e7ed;
  color: #6b6c7e;
  display: block;
  padding: 1rem 1rem;
  position: relative;
}
.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.list-group-item:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.list-group-item.active {
  background-color: #f0f5ff;
  border-color: #e7e7ed;
  color: #272833;
  z-index: 2;
}
.list-group-item.active:focus, .list-group-item.active.focus {
  z-index: 2;
}
.list-group-item.active .dropdown-action .dropdown-toggle,
.list-group-item.active .list-group-link {
  color: #272833;
}
.list-group-item.active .list-group-title,
.list-group-item.active a.list-group-title,
.list-group-item.active .list-group-title a {
  color: #272833;
}
.list-group-item.active .list-group-text,
.list-group-item.active a.list-group-text,
.list-group-item.active .list-group-text a {
  color: #272833;
}
.list-group-item.active .list-group-subtext,
.list-group-item.active a.list-group-subtext,
.list-group-item.active .list-group-subtext a {
  color: #6b6c7e;
}
.list-group-item.active .list-group-link {
  color: #272833;
}
.list-group-item.disabled, .list-group-item:disabled {
  background-color: #fff;
  color: #6b6c7e;
  pointer-events: none;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  border-top-width: 0.0625rem;
  margin-top: -0.0625rem;
}

.list-group-item-flex {
  display: flex;
  margin-bottom: -0.0625rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.list-group-item-flex:last-child {
  margin-bottom: 0;
}
.list-group-item-flex + .list-group-item-flex {
  border-top-width: 0.0625rem;
}
.list-group-item-flex + .list-group-item-flex.active {
  margin-top: 0;
}
.list-group-item-flex .autofit-col {
  justify-content: flex-start;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.list-group-item-flex .autofit-col .custom-control:only-child {
  margin-bottom: 0;
  margin-top: 0.0625rem;
}
.list-group-item-flex .autofit-col .custom-control:only-child .custom-control-input,
.list-group-item-flex .autofit-col .custom-control:only-child .custom-control-label::before,
.list-group-item-flex .autofit-col .custom-control:only-child .custom-control-label::after {
  margin-top: 0.1875rem;
}
.list-group-item-flex .autofit-col .form-check:only-child {
  margin-bottom: 0;
  margin-top: 0.0625rem;
  padding-top: 0.1875rem;
}
.list-group-item-flex .autofit-col .sticker:only-child {
  margin-top: 0.0625rem;
}
.list-group-item-flex .autofit-col .list-group-title:only-child {
  align-items: center;
  display: flex;
  min-height: 32px;
  margin-top: 0;
}
.list-group-item-flex .autofit-col .list-group-title:only-child::after {
  content: "";
  display: block;
  min-height: inherit;
}
.list-group-item-flex .autofit-col .dropdown-action {
  margin-top: 0.0625rem;
}
.list-group-item-flex .autofit-col .quick-action-item {
  margin-top: 0.0625rem;
}

.list-group-item-action .c-inner {
  margin: -1rem -1rem;
  width: auto;
}

.list-group-item-action:focus {
  z-index: 1;
}

.list-group-link {
  color: #272833;
}
.list-group-link:hover, .list-group-link:focus {
  color: #272833;
}

.sidebar-list-group .list-group-item, .list-group-flush .list-group-item {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
}
.sidebar-list-group .list-group-item:first-child, .list-group-flush .list-group-item:first-child {
  border-top-width: 0;
}
.sidebar-list-group .list-group-item:last-child .list-group-item:last-child, .list-group-flush .list-group-item:last-child .list-group-item:last-child {
  border-bottom-width: 0;
}
.sidebar-list-group .list-group-item > .autofit-col:first-child, .list-group-flush .list-group-item > .autofit-col:first-child {
  padding-left: 0;
}
.sidebar-list-group .list-group-item > .autofit-col:last-child, .list-group-flush .list-group-item > .autofit-col:last-child {
  padding-right: 0;
}

.list-group-item-primary {
  background-color: #b8d2cb;
  color: #033e32;
}
.list-group-item-primary.list-group-item-action:hover {
  background-color: #a8c8c0;
  color: #033e32;
}
.list-group-item-primary.list-group-item-action.active {
  background-color: #033e32;
  border-color: #033e32;
  color: #fff;
}

.list-group-item-secondary {
  background-color: #d6d6db;
  color: #3b4650;
}
.list-group-item-secondary.list-group-item-action:hover {
  background-color: #c8c8cf;
  color: #3b4650;
}
.list-group-item-secondary.list-group-item-action.active {
  background-color: #3b4650;
  border-color: #3b4650;
  color: #fff;
}

.list-group-item-success {
  background-color: #c3dbc8;
  color: #184f2e;
}
.list-group-item-success.list-group-item-action:hover {
  background-color: #b3d1b9;
  color: #184f2e;
}
.list-group-item-success.list-group-item-action.active {
  background-color: #184f2e;
  border-color: #184f2e;
  color: #fff;
}

.list-group-item-info {
  background-color: #c4d1e8;
  color: #1b3d68;
}
.list-group-item-info.list-group-item-action:hover {
  background-color: #b2c3e1;
  color: #1b3d68;
}
.list-group-item-info.list-group-item-action.active {
  background-color: #1b3d68;
  border-color: #1b3d68;
  color: #fff;
}

.list-group-item-warning {
  background-color: #ebceb8;
  color: #64380f;
}
.list-group-item-warning.list-group-item-action:hover {
  background-color: #e5c0a4;
  color: #64380f;
}
.list-group-item-warning.list-group-item-action.active {
  background-color: #64380f;
  border-color: #64380f;
  color: #fff;
}

.list-group-item-danger {
  background-color: #f5bdbd;
  color: #751819;
}
.list-group-item-danger.list-group-item-action:hover {
  background-color: #f2a7a7;
  color: #751819;
}
.list-group-item-danger.list-group-item-action.active {
  background-color: #751819;
  border-color: #751819;
  color: #fff;
}

.list-group-item-light {
  background-color: #fbfbfc;
  color: #818c8e;
}
.list-group-item-light.list-group-item-action:hover {
  background-color: #ececf1;
  color: #818c8e;
}
.list-group-item-light.list-group-item-action.active {
  background-color: #818c8e;
  border-color: #818c8e;
  color: #fff;
}

.list-group-item-dark {
  background-color: #c3c3c6;
  color: #182329;
}
.list-group-item-dark.list-group-item-action:hover {
  background-color: #b6b6ba;
  color: #182329;
}
.list-group-item-dark.list-group-item-action.active {
  background-color: #182329;
  border-color: #182329;
  color: #fff;
}

.show-quick-actions-on-hover .list-group-item:not(.active):hover .quick-action-menu {
  display: flex;
}
.show-quick-actions-on-hover .focus:not(.active) .quick-action-menu {
  display: flex;
}

.list-group .quick-action-menu {
  align-items: flex-start;
  background-color: #fff;
  margin-bottom: -1rem;
  margin-top: -1rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.list-group-bordered .quick-action-menu {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.list-group-item-flex.active .quick-action-menu {
  background-color: #f0f5ff;
}
.list-group-item-flex.active .quick-action-item {
  color: #272833;
}

.list-group-notification.list-group-bordered .quick-action-menu {
  margin-bottom: 0.0625rem;
  margin-top: 0.0625rem;
}
.list-group-notification .list-group-item {
  border-width: 0;
}
.list-group-notification .list-group-item-flex.active {
  border-top-width: 0;
}
.list-group-notification .list-group-item-primary {
  background-color: #fff;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  box-shadow: inset 0.5rem 0 #80acff, inset -0.0625rem 0 #e7e7ed, inset 0 0.0625rem #e7e7ed, inset 0 -0.0625rem #e7e7ed;
}
.list-group-notification .list-group-item-primary.active {
  background-color: #f0f5ff;
  box-shadow: inset 0.5rem 0 #80acff, inset -0.0625rem 0 #e7e7ed, inset 0 0.0625rem #e7e7ed, inset 0 -0.0625rem #e7e7ed;
}
.list-group-notification .quick-action-menu {
  margin-bottom: -0.9375rem;
  margin-top: -0.9375rem;
}
.list-group-notification .autofit-col .quick-action-item {
  margin-top: 0rem;
}

.list-group-sm .list-group-item {
  padding-bottom: 0.40625rem;
  padding-top: 0.40625rem;
}
.list-group-sm .quick-action-menu {
  margin-bottom: -0.40625rem;
  margin-top: -0.40625rem;
  padding-bottom: 0.40625rem;
  padding-top: 0.40625rem;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1050;
}

.modal-dialog {
  margin: 0.5rem;
  position: relative;
  pointer-events: none;
  width: auto;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

@media (min-width: 576px) {
  .modal-dialog {
    margin: 1.75rem auto;
    max-width: 600px;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered .modal-dialog,
  .modal-dialog-centered.modal-dialog {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered .modal-dialog::before,
  .modal-dialog-centered.modal-dialog::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-content {
    box-shadow: 0 0.5rem 1rem rgba(7, 29, 31, 0.5);
  }
  .modal-sm {
    max-width: 320px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 896px;
  }
}
@media (min-width: 1280px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered .modal-dialog,
.modal-dialog-centered.modal-dialog {
  align-items: center;
  display: flex;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered .modal-dialog::before,
.modal-dialog-centered.modal-dialog::before {
  content: "";
  display: block;
  height: calc(100vh - 1rem);
}
.modal-dialog-centered .modal-dialog.modal-dialog-scrollable,
.modal-dialog-centered.modal-dialog.modal-dialog-scrollable {
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.modal-dialog-centered .modal-dialog.modal-dialog-scrollable .modal-content,
.modal-dialog-centered.modal-dialog.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered .modal-dialog.modal-dialog-scrollable::before,
.modal-dialog-centered.modal-dialog.modal-dialog-scrollable::before {
  content: none;
}

.modal-backdrop {
  background-color: #393a4a;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1040;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.8;
}

.modal-content {
  background-clip: padding-box;
  background-color: #fff;
  border: 0.0625rem solid transparent;
  border-radius: var(--border-radius-lg, 0.375rem);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  outline: 0;
  overflow: hidden;
  pointer-events: auto;
  position: relative;
  width: 100%;
}

.modal-header {
  align-items: center;
  border-color: #e7e7ed;
  border-style: solid;
  border-width: 0 0 0.0625rem 0;
  display: flex;
  flex-shrink: 0;
  height: 4rem;
  justify-content: space-between;
  padding: 1.5rem;
  padding-bottom: 0;
  padding-top: 0;
  z-index: 1;
}
.modal-body {
  border-top: 0.0625rem solid #f1f2f5;
  flex-grow: 1;
  flex-shrink: 1;
  margin-top: -0.0625rem;
  padding: 1.5rem;
  position: relative;
}
.modal-body.inline-scroller {
  max-height: 320px;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  padding: 1.5rem;
}

.modal-body-flush {
  padding: 0;
}

.modal-footer {
  align-items: center;
  border-top: 0.0625rem solid #e7e7ed;
  border-bottom-left-radius: calc(
	var(--border-radius-lg, 0.375rem) - 0.0625rem
);
  border-bottom-right-radius: calc(
	var(--border-radius-lg, 0.375rem) - 0.0625rem
);
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
}
.modal-footer > * {
  margin: 0.25rem;
}

.modal-item-group {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  min-width: 3rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 100%;
}
.modal-item-group:first-child, .modal-item-group.modal-item-group-first {
  padding-left: 0;
}
.modal-item-group:last-child, .modal-item-group.modal-item-group-last {
  padding-right: 0;
}
.modal-item-group:only-child, .modal-item-group.modal-item-group-only {
  padding-left: 0;
  padding-right: 0;
}

.modal-item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 100%;
  min-height: 0;
  min-width: 3.125rem;
  padding: 0;
  position: relative;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.modal-item-shrink {
  flex-grow: 0;
}

.modal-item-last {
  margin-left: auto;
}

.modal-footer > .modal-item-last {
  margin-left: auto;
}

.modal-title {
  flex-grow: 1;
  font-size: 1.25rem;
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.5;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-title-indicator {
  display: inline-block;
  font-size: 0.875rem;
  margin-right: 0.5rem;
  margin-top: -0.2em;
  vertical-align: middle;
}

.modal-subtitle {
  display: inline-block;
}
.modal-subtitle-divider {
  display: inline-block;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.modal .close:first-child {
  margin-left: -0.3125rem;
}
.modal .close:last-child {
  margin-right: -0.3125rem;
}

.close + .modal-title {
  margin-left: 0.3125rem;
}

.modal-title + .close {
  margin-right: 0.3125rem;
}

.modal-body-iframe {
  height: 160px;
  padding: 0;
}
.modal-body-iframe iframe {
  border-width: 0;
  height: 100%;
  position: absolute;
  width: 100%;
}

.modal-full-screen {
  bottom: 45px;
  left: 45px;
  margin: 0;
  max-width: none;
  position: absolute;
  right: 45px;
  top: 45px;
}
@media (max-width: 767.98px) {
  .modal-full-screen {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
}
.modal-full-screen .modal-content {
  border-color: transparent;
  border-radius: var(--border-radius-lg, 0.375rem);
  border-width: 0.0625rem;
  height: 100%;
}
@media (max-width: 767.98px) {
  .modal-full-screen .modal-content {
    border-radius: 0;
    border-width: 0;
  }
}
.modal-full-screen .modal-body {
  overflow: auto;
}

@media (max-width: 767.98px) {
  .modal-full-screen-sm-down {
    bottom: 0;
    left: 0;
    margin: 0;
    max-width: none;
    position: absolute;
    right: 0;
    top: 0;
  }
  .modal-full-screen-sm-down .modal-body {
    overflow: auto;
  }
  .modal-full-screen-sm-down .modal-content {
    border-radius: 0;
    border-width: 0;
    height: 100%;
  }
}

.modal-height-sm .modal-content {
  height: 250px;
}

.modal-height-md .modal-content {
  height: 450px;
}

.modal-height-lg .modal-content {
  height: 650px;
}

.modal-height-xl .modal-content {
  height: 800px;
}

.modal-height-full .modal-dialog {
  height: 100%;
  margin: 0;
}
@media (min-width: 576px) {
  .modal-height-full .modal-dialog {
    bottom: 0;
    height: 100%;
    left: 50%;
    margin-bottom: 0;
    margin-left: calc(-600px / 2);
    margin-right: 0;
    margin-top: 0;
    top: 0;
  }
}
@media (min-width: 576px) {
  .modal-height-full .modal-dialog.modal-sm {
    margin-left: calc(-320px / 2);
  }
}
@media (min-width: 992px) {
  .modal-height-full .modal-dialog.modal-lg {
    margin-left: calc(-896px / 2);
  }
}
@media (min-width: 992px) {
  .modal-height-full .modal-dialog.modal-xl {
    margin-left: calc(-896px / 2);
  }
}
@media (min-width: 1280px) {
  .modal-height-full .modal-dialog.modal-xl {
    margin-left: calc(-1140px / 2);
  }
}
.modal-height-full .modal-content {
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
  right: 0.5rem;
  top: 0.5rem;
}
@media (min-width: 576px) {
  .modal-height-full .modal-content {
    bottom: 1.75rem;
    left: auto;
    right: auto;
    top: 1.75rem;
  }
}

.modal-success .modal-header {
  background-color: #edf9f0;
  border-color: #5aca75;
  color: #287d3c;
}
.modal-info .modal-header {
  background-color: #eef2fa;
  border-color: #89a7e0;
  color: #2e5aac;
}
.modal-warning .modal-header {
  background-color: #fff4ec;
  border-color: #ff8f39;
  color: #b95000;
}
.modal-danger .modal-header {
  background-color: #feefef;
  border-color: #f48989;
  color: #da1414;
}
.modal-scrollbar-measure {
  height: 50px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
  width: 50px;
}

.multi-step-nav {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 15px;
  padding: 0 15px;
  position: relative;
}

.multi-step-indicator-label-bottom .multi-step-item {
  padding-bottom: calc(
			0.875rem * 1.5
		);
}
.multi-step-indicator-label-bottom .multi-step-indicator-label {
  top: 2rem;
}

.multi-step-indicator-label-top .multi-step-item {
  padding-top: calc(
			0.875rem * 1.5
		);
}
.multi-step-indicator-label-top .multi-step-indicator-label {
  bottom: calc(2rem + 0.25rem);
}

.multi-step-title-center .multi-step-title {
  margin-left: calc(2rem * 0.5);
  max-width: 100px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
  transform: translateX(-50%);
  white-space: nowrap;
  width: auto;
}

.multi-step-item {
  margin-bottom: 10px;
  position: relative;
}
.multi-step-item.active .multi-step-icon {
  background-color: #0b5fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.875rem;
  color: #fff;
}
.multi-step-item.active .multi-step-divider {
  background-color: #e7e7ed;
}
.multi-step-item.active.complete .multi-step-icon {
  background-color: #0b5fff;
  color: #fff;
}
.multi-step-item.complete .dropdown .multi-step-icon, .multi-step-item.complete .dropdown .multi-step-icon:active {
  background-image: none;
}
.multi-step-item.complete .multi-step-icon {
  background-color: #6b6c7e;
  color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M192.9%20429.5c-8.3%200-16.4-3.3-22.3-9.2L44.5%20294.1C15%20263.2%2062.7%20222%2089.1%20249.5L191.5%20352l230-258.9c27.2-30.5%2074.3%2011.5%2047.1%2041.9L216.4%20418.9c-5.8%206.5-14%2010.3-22.6%2010.6h-.9z'%20fill='%23fff'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.875rem;
}
.multi-step-item.complete .multi-step-icon[data-multi-step-icon]:before {
  content: none;
}
.multi-step-item.complete .multi-step-icon:active {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M192.9%20429.5c-8.3%200-16.4-3.3-22.3-9.2L44.5%20294.1C15%20263.2%2062.7%20222%2089.1%20249.5L191.5%20352l230-258.9c27.2-30.5%2074.3%2011.5%2047.1%2041.9L216.4%20418.9c-5.8%206.5-14%2010.3-22.6%2010.6h-.9z'%20fill='%23fff'/%3E%3C/svg%3E");
}
.multi-step-item.complete .multi-step-divider {
  background-color: #6b6c7e;
}
.multi-step-item.disabled .multi-step-title {
  color: #a7a9bc;
}
.multi-step-item.disabled .multi-step-icon {
  background-color: #e7e7ed;
  background-repeat: no-repeat;
  color: #a7a9bc;
  cursor: not-allowed;
  opacity: 1;
}
.multi-step-item.disabled .multi-step-icon:focus {
  box-shadow: none;
}
.multi-step-item.disabled .multi-step-indicator-label {
  color: #a7a9bc;
}
.multi-step-item.disabled .multi-step-divider {
  background-color: #e7e7ed;
}

.multi-step-title {
  color: #6b6c7e;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: normal;
  margin-bottom: 0.625rem;
  word-wrap: break-word;
}

.multi-step-item-expand {
  flex-grow: 1;
  width: 75px;
}

.multi-step-divider {
  background-color: #e7e7ed;
  height: 0.25rem;
  margin-left: 2rem;
  margin-top: -0.25rem;
  position: relative;
  top: 1.125rem;
}

.multi-step-indicator {
  position: relative;
  width: 2rem;
}
.multi-step-indicator .dropdown-item-indicator,
.multi-step-indicator .dropdown-item-indicator-start,
.multi-step-indicator .dropdown-item-indicator-end {
  display: none;
}
.multi-step-indicator .complete .dropdown-item-indicator,
.multi-step-indicator .complete .dropdown-item-indicator-start,
.multi-step-indicator .complete .dropdown-item-indicator-end {
  display: block;
}
.multi-step-indicator .multi-step-indicator-label {
  color: #6b6c7e;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  left: 50%;
  max-width: 100px;
  position: absolute;
  transform: translateX(-50%);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.multi-step-icon {
  align-items: center;
  background-color: #e7e7ed;
  border-radius: 100px;
  border-width: 0px;
  color: #6b6c7e;
  cursor: pointer;
  display: flex;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  justify-content: center;
  height: 2rem;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  transition: box-shadow 0.15s ease-in-out;
  width: 2rem;
}
.multi-step-icon:hover {
  background-color: #e7e7ed;
  color: #6b6c7e;
  text-decoration: none;
}
.multi-step-icon:focus {
  background-color: #e7e7ed;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  color: #6b6c7e;
  outline: 0;
  text-decoration: none;
}
.multi-step-icon[data-multi-step-icon]::before {
  content: '\FEFF' attr(data-multi-step-icon);
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  width: 2rem;
}
.multi-step-icon .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: absolute;
}
.multi-step-icon .btn-link {
  vertical-align: baseline;
}
.multi-step-icon .lexicon-icon {
  height: 0.875rem;
  margin-top: 0;
  width: 0.875rem;
}

.multi-step-item-fixed-width.multi-step-item,
.multi-step-item-fixed-width .multi-step-item-expand {
  flex-grow: 0;
  width: 150px;
}

@media (max-width: 767.98px) {
  .multi-step-nav-collapse-sm {
    flex-wrap: nowrap;
  }
  .multi-step-nav-collapse-sm.multi-step-indicator-label-top .multi-step-indicator-label {
    bottom: auto;
    top: 0;
  }
  .multi-step-nav-collapse-sm.multi-step-indicator-label-bottom .multi-step-indicator-label {
    bottom: 0;
    top: auto;
  }
  .multi-step-nav-collapse-sm.multi-step-title-center .multi-step-title {
    margin-left: 0;
    max-width: none;
    transform: none;
  }
  .multi-step-nav-collapse-sm .active.multi-step-item {
    position: static;
  }
  .multi-step-nav-collapse-sm .active .multi-step-title {
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
  }
  .multi-step-nav-collapse-sm .active .multi-step-indicator {
    position: static;
  }
  .multi-step-nav-collapse-sm .active .multi-step-indicator-label {
    display: block;
    left: 0;
    max-width: none;
    position: absolute;
    right: 0;
    text-align: center;
    transform: none;
    width: auto;
  }
  .multi-step-nav-collapse-sm .multi-step-item {
    margin-bottom: 0;
    min-width: 2rem;
    padding-top: calc(
				0.875rem + 0.625rem +
					(0.25rem * 0.5)
			);
  }
  .multi-step-nav-collapse-sm .multi-step-title {
    display: none;
  }
  .multi-step-nav-collapse-sm .multi-step-indicator-label {
    display: none;
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.nav-link {
  display: block;
  padding-bottom: 0.625rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  position: relative;
}
.nav-link:hover {
  text-decoration: none;
}
.nav-link.focus, .nav-link:focus {
  text-decoration: none;
  z-index: 1;
}
.nav-link:disabled, .nav-link.disabled {
  color: #a7a9bc;
  cursor: not-allowed;
  box-shadow: none;
}
.nav-link:disabled:active, .nav-link.disabled:active {
  pointer-events: none;
}
.nav-link > .c-inner {
  margin-bottom: -0.625rem;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: -0.625rem;
}
.nav-link.btn-unstyled {
  width: 100%;
}
.nav-link.btn-unstyled:focus, .nav-link.btn-unstyled.focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.nav-link.btn-unstyled:active:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.nav-link.btn-unstyled:disabled, .nav-link.btn-unstyled.disabled {
  opacity: 1;
}
.nav-link.btn-unstyled .c-inner {
  width: auto;
}
.nav-btn {
  align-items: center;
  display: flex;
  height: 2rem;
  justify-content: center;
  line-height: 1.5;
  margin: calc(( 			(1.5 * 1.125rem) + 				(0.625rem * 2) - 2rem 		) * 0.5) 0.25rem;
  min-width: 2rem;
  padding: 0 0.5rem;
  position: relative;
  text-align: center;
  width: auto;
}
.nav-btn:focus, .nav-btn.focus {
  z-index: 1;
}
.nav-btn:disabled, .nav-btn.disabled {
  opacity: 1;
}
.nav-btn .c-inner {
  margin-bottom: 0;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: -0.0625rem;
}
.nav-btn .lexicon-icon {
  margin-top: 0;
}
.nav-btn.btn-link {
  margin-left: 0;
  margin-right: 0;
}
.nav-btn-monospaced {
  padding: 0;
}
.nav-btn-monospaced .c-inner {
  margin-left: -0.0625rem;
  margin-right: -0.0625rem;
}
.nav-link-monospaced {
  align-items: center;
  display: flex;
  height: 2rem;
  justify-content: center;
  margin: calc(( 			(1.5 * 1.125rem) + 				(0.625rem * 2) - 2rem 		) * 0.5) 0.25rem;
  min-width: 2rem;
  padding: 0;
}
.nav-link-monospaced .lexicon-icon {
  margin-top: 0;
}

.nav-item {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.nav-item[class*=col-] {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.nav-divider {
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  position: relative;
}
.nav-divider::before {
  background-color: #6b6c7e;
  content: "";
  display: block;
  height: 1rem;
  left: 0;
  margin-top: -0.5rem;
  position: absolute;
  top: 50%;
  width: 1px;
  z-index: 2;
}
.nav-divider-end {
  margin-right: 0.5rem;
  padding-right: 0.5rem;
  position: relative;
}
.nav-divider-end::after {
  background-color: #6b6c7e;
  content: "";
  display: block;
  height: 1rem;
  margin-top: -0.5rem;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  z-index: 2;
}

.nav-text-truncate {
  display: inline-block;
  margin-bottom: -6px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dropdown-toggle .nav-text-truncate {
  max-width: calc(100% - 24px);
}

.nav .nav-form {
  padding-bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0;
}

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified .nav-link {
  text-align: center;
  width: 100%;
}
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.nav-stacked {
  display: block;
}
.nav-stacked .nav-form {
  padding-bottom: 0.625rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.625rem;
}

.nav-unstyled {
  flex-wrap: nowrap;
}
.nav-unstyled .nav-link {
  line-height: 2rem;
  padding-bottom: 0;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 0;
}
.nav-unstyled .nav-link > .c-inner {
  margin-bottom: 0;
  margin-left: -4px;
  margin-right: -4px;
  margin-top: 0;
}
.nav-unstyled .nav-link-monospaced {
  margin: 0 4px;
}
.nav-unstyled .nav-btn {
  margin: 0 4px;
  padding-bottom: 0;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 0;
}
.nav-unstyled .nav-btn .c-inner {
  margin-bottom: 0;
  margin-left: -4px;
  margin-right: -4px;
  margin-top: 0;
}
.nav-nested {
  flex-direction: column;
  flex-wrap: nowrap;
}
.nav-nested .nav > li > a {
  padding-left: calc(1rem * 2);
}
.nav-nested .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 1);
}
.nav-nested .nav .nav > li > a {
  padding-left: calc(1rem * 3);
}
.nav-nested .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 2);
}
.nav-nested .nav .nav .nav > li > a {
  padding-left: calc(1rem * 4);
}
.nav-nested .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 3);
}
.nav-nested .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 5);
}
.nav-nested .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 4);
}
.nav-nested .nav .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 6);
}
.nav-nested .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 5);
}
.nav-nested .nav .nav .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 7);
}
.nav-nested .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 6);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 8);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 7);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 9);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 8);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 10);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 9);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 11);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 10);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 12);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 11);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 13);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 12);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 14);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 13);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 15);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 14);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 16);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 15);
}

.nav-nested-margins {
  flex-direction: column;
  flex-wrap: nowrap;
}
.nav-nested-margins > li .nav > li {
  margin-left: 1rem;
}

.nav-tabs {
  border-bottom: 0.0625rem solid transparent;
  font-size: 0.875rem;
}
.nav-tabs .nav-link {
  border-color: transparent;
  border-style: solid;
  border-width: 0.0625rem;
  border-radius: 0.25rem 0.25rem 0 0;
  color: #6b6c7e;
  padding-bottom: 0.28125rem;
  padding-top: 0.28125rem;
  white-space: nowrap;
  font-weight: var(--font-weight-semi-bold, 500);
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-tabs .nav-link {
    transition: none;
  }
}
.nav-tabs .nav-link:hover {
  border-color: transparent;
}
.nav-tabs .nav-link.focus, .nav-tabs .nav-link:focus {
  border-color: transparent;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.nav-tabs .nav-link:active {
  background-color: #fff;
  border-color: transparent transparent var(--body-bg, #fff);
  color: #272833;
}
.nav-tabs .nav-link.active {
  background-color: #fff;
  color: #272833;
  border-color: transparent transparent var(--body-bg, #fff);
}
.nav-tabs .nav-link:disabled, .nav-tabs .nav-link.disabled {
  background-color: transparent;
  border-color: transparent;
  color: #a7a9bc;
  box-shadow: none;
}
.nav-tabs .nav-link:disabled:active, .nav-tabs .nav-link.disabled:active {
  box-shadow: none;
}
.nav-tabs .nav-link[aria-expanded=true], .nav-tabs .nav-link.show {
  background-color: transparent;
  color: #272833;
  border-color: transparent transparent transparent transparent;
}
.nav-tabs .nav-link > .c-inner {
  margin-bottom: -0.28125rem;
  margin-top: -0.28125rem;
}
.nav-tabs .nav-item {
  margin-bottom: -0.0625rem;
}
.nav-tabs .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -0.0625rem;
}
.nav-tabs + .tab-content .tab-pane {
  background-color: #fff;
  border-radius: 4px;
  padding: 2rem;
}
.nav-tabs + .tab-content .tab-pane.active:first-child {
  border-top-left-radius: 0;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.dropdown-item[data-toggle=tab] .dropdown-item-indicator,
.dropdown-item[data-toggle=tab] .dropdown-item-indicator-start,
.dropdown-item[data-toggle=tab] .dropdown-item-indicator-end {
  display: none;
}
.dropdown-item[data-toggle=tab].active .dropdown-item-indicator,
.dropdown-item[data-toggle=tab].active .dropdown-item-indicator-start,
.dropdown-item[data-toggle=tab].active .dropdown-item-indicator-end {
  display: block;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #0b5fff;
  color: #fff;
}

.nav-underline .nav-link {
  color: #6b6c7e;
  padding-bottom: 0.5625rem;
  padding-top: 0.5625rem;
  border-radius: 1px;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-underline .nav-link {
    transition: none;
  }
}
.nav-underline .nav-link::after {
  bottom: 0;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
}
.nav-underline .nav-link.focus, .nav-underline .nav-link:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.nav-underline .nav-link.active {
  color: #272833;
}
.nav-underline .nav-link.active::after {
  background-color: #00d29a;
  content: "";
  height: 0.125rem;
}
.nav-underline .nav-link:disabled, .nav-underline .nav-link.disabled {
  color: #a7a9bc;
  box-shadow: none;
}
.nav-underline .nav-link[aria-expanded=true], .nav-underline .nav-link.show {
  color: #272833;
}
.nav-underline .nav-link[aria-expanded=true]::after, .nav-underline .nav-link.show::after {
  content: "";
  height: 0.125rem;
}
.nav-underline .nav-link > .c-inner {
  margin-bottom: -0.5625rem;
  margin-top: -0.5625rem;
}
.menubar {
  position: relative;
}

.menubar-toggler {
  display: none;
}

.menubar-vertical-expand-md {
  max-width: 15.625rem;
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    margin-left: -15px;
    margin-right: -15px;
  }
}
.menubar-vertical-expand-md .menubar-collapse {
  display: block;
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md .menubar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0.0625rem;
    display: none;
    left: -0.0625rem;
    position: absolute;
    right: -0.0625rem;
    top: 100%;
    z-index: 499;
  }
}
.menubar-vertical-expand-md .menubar-collapse.collapsing, .menubar-vertical-expand-md .menubar-collapse.show {
  display: block;
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md .menubar-toggler {
    align-items: center;
    border-color: transparent;
    border-style: solid;
    border-width: 0.0625rem;
    display: flex;
    height: 2rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .menubar-vertical-expand-md .menubar-toggler .c-inner {
    max-width: none;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .menubar-vertical-expand-md .menubar-toggler .lexicon-icon {
    margin-top: 0;
  }
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md .nav-nested {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md .nav-nested-margins > li .nav > li {
    margin-left: 0;
  }
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md.menubar-transparent {
    background-color: #fff;
  }
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md.menubar-transparent .menubar-collapse {
    background-color: #fff;
    border-color: #e7e7ed;
    border-radius: 0.25rem;
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
  }
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md.menubar-transparent .menubar-toggler {
    text-decoration: none;
    color: #272833;
    font-size: 0.875rem;
    font-weight: var(--font-weight-semi-bold, 500);
    transition: box-shadow 0.15s ease-in-out;
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .menubar-vertical-expand-md.menubar-transparent .menubar-toggler {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md.menubar-transparent .menubar-toggler:focus, .menubar-vertical-expand-md.menubar-transparent .menubar-toggler.focus {
    box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
    outline: 0;
  }
  .menubar-vertical-expand-md.menubar-transparent .menubar-toggler:active:focus {
    box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  }
  .menubar-vertical-expand-md.menubar-transparent .menubar-toggler:disabled, .menubar-vertical-expand-md.menubar-transparent .menubar-toggler.disabled {
    box-shadow: none;
  }
}
.menubar-vertical-expand-md.menubar-transparent .nav-link {
  color: #6b6c7e;
  border-radius: 0.375rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .menubar-vertical-expand-md.menubar-transparent .nav-link {
    transition: none;
  }
}
.menubar-vertical-expand-md.menubar-transparent .nav-link:hover {
  color: #272833;
  background-color: rgba(0, 93, 68, 0.04);
}
.menubar-vertical-expand-md.menubar-transparent .nav-link.focus, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
  background-color: rgba(0, 93, 68, 0.04);
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
  color: #272833;
  outline: 0;
}
.menubar-vertical-expand-md.menubar-transparent .nav-link:active {
  color: rgba(7, 29, 31, 0.9);
}
.menubar-vertical-expand-md.menubar-transparent .nav-link.active {
  background-color: rgba(0, 93, 68, 0.06);
  color: #272833;
  font-weight: var(--font-weight-semi-bold, 500);
}
.menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled {
  color: rgba(7, 29, 31, 0.3);
  box-shadow: none;
}
.menubar-vertical-expand-md.menubar-transparent .nav-link[aria-expanded=true], .menubar-vertical-expand-md.menubar-transparent .nav-link.show {
  color: #272833;
  font-weight: var(--font-weight-semi-bold, 500);
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md.menubar-transparent .nav-link {
    border-radius: 0;
    color: #272833;
  }
  .menubar-vertical-expand-md.menubar-transparent .nav-link:hover {
    background-color: rgba(0, 93, 68, 0.04);
    color: #1c1d25;
  }
  .menubar-vertical-expand-md.menubar-transparent .nav-link.focus, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
    background-color: rgba(0, 93, 68, 0.04);
  }
  .menubar-vertical-expand-md.menubar-transparent .nav-link.active {
    font-weight: var(--font-weight-semi-bold, 500);
    background-color: rgba(0, 93, 68, 0.06);
  }
  .menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled {
    background-color: transparent;
    color: #6b6c7e;
  }
}
@media (min-width: 768px) {
  .menubar-vertical-expand-md.menubar-decorated .nav {
    border-left-color: #e7e7ed;
    border-left-style: solid;
    border-left-width: 0.125rem;
    display: block;
    padding-left: 0.5rem;
  }
  .menubar-vertical-expand-md.menubar-decorated .nav > .nav-item .nav {
    margin-bottom: 0.25rem;
    margin-left: 1rem;
    margin-top: 0.25rem;
  }
  .menubar-vertical-expand-md.menubar-decorated .nav-link {
    padding-left: 1rem !important;
  }
  .menubar-vertical-expand-md.menubar-decorated .nav-link.active::after {
    background-color: #06ffbc;
    bottom: 0;
    content: "";
    display: block;
    left: -0.625rem;
    position: absolute;
    top: 0;
    width: 0.125rem;
  }
}

.menubar-vertical-expand-lg {
  max-width: 15.625rem;
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    margin-left: -15px;
    margin-right: -15px;
  }
}
.menubar-vertical-expand-lg .menubar-collapse {
  display: block;
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg .menubar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0.0625rem;
    display: none;
    left: -0.0625rem;
    position: absolute;
    right: -0.0625rem;
    top: 100%;
    z-index: 499;
  }
}
.menubar-vertical-expand-lg .menubar-collapse.collapsing, .menubar-vertical-expand-lg .menubar-collapse.show {
  display: block;
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg .menubar-toggler {
    align-items: center;
    border-color: transparent;
    border-style: solid;
    border-width: 0.0625rem;
    display: flex;
    height: 2rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .menubar-vertical-expand-lg .menubar-toggler .c-inner {
    max-width: none;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .menubar-vertical-expand-lg .menubar-toggler .lexicon-icon {
    margin-top: 0;
  }
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg .nav-nested {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg .nav-nested-margins {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg .nav-nested-margins > li .nav > li {
    margin-left: 0;
  }
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg.menubar-transparent {
    background-color: #fff;
  }
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg.menubar-transparent .menubar-collapse {
    background-color: #fff;
    border-color: #e7e7ed;
    border-radius: 0.25rem;
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
  }
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler {
    text-decoration: none;
    color: #272833;
    font-size: 0.875rem;
    font-weight: var(--font-weight-semi-bold, 500);
    transition: box-shadow 0.15s ease-in-out;
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler:focus, .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler.focus {
    box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
    outline: 0;
  }
  .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler:active:focus {
    box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  }
  .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler:disabled, .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler.disabled {
    box-shadow: none;
  }
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link {
  color: #6b6c7e;
  border-radius: 0.375rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .menubar-vertical-expand-lg.menubar-transparent .nav-link {
    transition: none;
  }
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link:hover {
  color: #272833;
  background-color: rgba(0, 93, 68, 0.04);
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link.focus, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
  background-color: rgba(0, 93, 68, 0.04);
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
  color: #272833;
  outline: 0;
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link:active {
  color: rgba(7, 29, 31, 0.9);
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link.active {
  background-color: rgba(0, 93, 68, 0.06);
  color: #272833;
  font-weight: var(--font-weight-semi-bold, 500);
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled {
  color: rgba(7, 29, 31, 0.3);
  box-shadow: none;
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link[aria-expanded=true], .menubar-vertical-expand-lg.menubar-transparent .nav-link.show {
  color: #272833;
  font-weight: var(--font-weight-semi-bold, 500);
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg.menubar-transparent .nav-link {
    border-radius: 0;
    color: #272833;
  }
  .menubar-vertical-expand-lg.menubar-transparent .nav-link:hover {
    background-color: rgba(0, 93, 68, 0.04);
    color: #1c1d25;
  }
  .menubar-vertical-expand-lg.menubar-transparent .nav-link.focus, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
    background-color: rgba(0, 93, 68, 0.04);
  }
  .menubar-vertical-expand-lg.menubar-transparent .nav-link.active {
    font-weight: var(--font-weight-semi-bold, 500);
    background-color: rgba(0, 93, 68, 0.06);
    color: #272833;
  }
  .menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled {
    background-color: transparent;
    color: #6b6c7e;
  }
}
@media (min-width: 992px) {
  .menubar-vertical-expand-lg.menubar-decorated .nav {
    border-left-color: #e7e7ed;
    border-left-style: solid;
    border-left-width: 0.125rem;
    display: block;
    padding-left: 0.5rem;
  }
  .menubar-vertical-expand-lg.menubar-decorated .nav > .nav-item .nav {
    margin-bottom: 0.25rem;
    margin-left: 1rem;
    margin-top: 0.25rem;
  }
  .menubar-vertical-expand-lg.menubar-decorated .nav-link {
    padding-left: 1rem !important;
  }
  .menubar-vertical-expand-lg.menubar-decorated .nav-link.active::after {
    background-color: #06ffbc;
    bottom: 0;
    content: "";
    display: block;
    left: -0.625rem;
    position: absolute;
    top: 0;
    width: 0.125rem;
  }
}

.navbar {
  align-items: center;
  border-width: 0;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  position: relative;
}
.navbar > .container-xxl, .navbar > .container-xl, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar .container,
.navbar .container-fluid {
  align-items: inherit;
  background-color: inherit;
  display: inherit;
  flex-wrap: inherit;
  justify-content: inherit;
}
.navbar-nowrap {
  flex-wrap: nowrap;
}
.navbar-nowrap .navbar-text {
  min-width: 0;
  white-space: nowrap;
}

.navbar-nav .dropdown-menu-right,
.navbar-form .dropdown-menu-right {
  left: auto;
  right: 0;
}

.navbar-nav {
  display: flex;
  flex-wrap: inherit;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  float: none;
}
.navbar-nav .nav-item,
.navbar-nav .nav-item .dropdown {
  align-items: center;
  display: flex;
  word-wrap: normal;
  max-width: 100%;
}
.navbar-nav .nav-item > .custom-control,
.navbar-nav .nav-item > .form-check {
  margin-bottom: 0;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.navbar-nav .nav-link {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.navbar-nav-expand {
  flex-grow: 1;
  min-width: 0;
}

.navbar-nav-last {
  margin-left: auto;
}

.nav-item-expand {
  flex-grow: 1;
  min-width: 0;
}

.nav-item-shrink {
  min-width: 0;
}

.navbar-title {
  font-size: 1.25rem;
  font-weight: var(--font-weight-semi-bold, 500);
  margin-bottom: 0;
}

.navbar-text {
  display: inline-block;
  padding-bottom: 0.625rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.625rem;
}

.navbar-collapse {
  align-items: center;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.navbar-collapse .container,
.navbar-collapse .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
.navbar-collapse .dropdown-toggle .navbar-text-truncate {
  max-width: calc(100% - 1.5625rem);
}

.navbar-text-truncate {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.navbar-toggler-icon {
  background-size: 100% 100%;
  background: no-repeat center center;
  content: "";
  display: inline-block;
  height: 1.5em;
  vertical-align: middle;
  width: 1.5em;
}

.navbar-toggler {
  background-color: transparent;
  border: 0.0625rem solid transparent;
  border-radius: 0.25rem;
  font-size: 1.125rem;
  line-height: 1;
  padding: 0.25rem 0.75rem;
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  z-index: 525;
}
.navbar-toggler-link {
  align-items: center;
  display: flex;
  border-width: 0;
  line-height: 1.5;
  max-width: 100%;
  padding: calc((1.125rem * 1.5 + 0.625rem * 2 - calc(
	1.125rem * 1.5
)) * 0.5) 0.5rem;
  position: relative;
}
.navbar-toggler-link .lexicon-icon {
  min-width: 1em;
  margin-left: 3px;
  margin-top: 0;
}

.navbar-brand {
  display: inline-block;
  font-size: 1.125rem;
  line-height: inherit;
  max-width: calc(100% - 72px);
  padding-bottom: calc((1.125rem * 1.5 + 0.625rem * 2 - calc(
	1.125rem * 1.5
)) * 0.5);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: calc((1.125rem * 1.5 + 0.625rem * 2 - calc(
	1.125rem * 1.5
)) * 0.5);
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-form {
  align-items: center;
  display: flex;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.navbar-form > form {
  width: 100%;
}

.navbar-form-autofit {
  flex-basis: 100px;
  flex-grow: 1;
}
.navbar-form-autofit form {
  display: flex;
  width: 100%;
}

.navbar-overlay {
  background-color: inherit;
  flex-wrap: inherit;
}

.navbar-breakpoint-d-block,
.navbar-breakpoint-d-inline-block,
.navbar-breakpoint-d-flex {
  display: none !important;
}

.navbar-expand-sm .nav-item .navbar-text-truncate {
  max-width: 12.5rem;
}
@media (max-width: 575.98px) {
  .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
    background-color: inherit;
    left: 0;
    padding: 0 1rem;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 500;
  }
  .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container,
  .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child,
  .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child {
    padding-bottom: 0.5rem;
  }
  .navbar-expand-sm .navbar-collapse .nav-item,
  .navbar-expand-sm .navbar-collapse .nav-item .dropdown {
    display: block;
  }
  .navbar-expand-sm .navbar-collapse .navbar-text-truncate {
    max-width: 100%;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav {
    flex-direction: column;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate {
    max-width: calc(
									100% - 1.5625rem
								);
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover, .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:focus {
    background-color: transparent;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
    background-color: transparent;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu {
    background-color: transparent;
    border-width: 0;
    box-shadow: none;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: static;
  }
  .navbar-expand-sm .show-dropdown-on-collapse .dropdown-header,
  .navbar-expand-sm .show-dropdown-on-collapse .dropdown-item {
    padding: 0.625rem 0.5rem;
  }
  .navbar-expand-sm .show-dropdown-on-collapse .dropdown-menu {
    display: block;
  }
  .navbar-expand-sm .show-dropdown-on-collapse .dropdown-toggle {
    display: none;
  }
  .navbar-expand-sm .navbar-breakpoint-down-d-block {
    display: block !important;
  }
  .navbar-expand-sm .navbar-breakpoint-down-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-sm .navbar-breakpoint-down-d-flex {
    display: flex !important;
  }
  .navbar-expand-sm .navbar-breakpoint-down-d-none {
    display: none !important;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm .navbar-brand .navbar-text-truncate {
    max-width: 12.5rem;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    width: auto;
  }
  .navbar-expand-sm .navbar-collapse .dropdown-toggle .navbar-text-truncate {
    max-width: 10.9375rem;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .navbar-breakpoint-d-block {
    display: block !important;
  }
  .navbar-expand-sm .navbar-breakpoint-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-sm .navbar-breakpoint-d-flex {
    display: flex !important;
  }
  .navbar-expand-sm .navbar-breakpoint-d-none {
    display: none !important;
  }
}
.navbar-expand-md .nav-item .navbar-text-truncate {
  max-width: 12.5rem;
}
@media (max-width: 767.98px) {
  .navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
    background-color: inherit;
    left: 0;
    padding: 0 1rem;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 500;
  }
  .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container,
  .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child,
  .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child {
    padding-bottom: 0.5rem;
  }
  .navbar-expand-md .navbar-collapse .nav-item,
  .navbar-expand-md .navbar-collapse .nav-item .dropdown {
    display: block;
  }
  .navbar-expand-md .navbar-collapse .navbar-text-truncate {
    max-width: 100%;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav {
    flex-direction: column;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate {
    max-width: calc(
									100% - 1.5625rem
								);
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover, .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
    background-color: transparent;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
    background-color: transparent;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu {
    background-color: transparent;
    border-width: 0;
    box-shadow: none;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: static;
  }
  .navbar-expand-md .show-dropdown-on-collapse .dropdown-header,
  .navbar-expand-md .show-dropdown-on-collapse .dropdown-item {
    padding: 0.625rem 0.5rem;
  }
  .navbar-expand-md .show-dropdown-on-collapse .dropdown-menu {
    display: block;
  }
  .navbar-expand-md .show-dropdown-on-collapse .dropdown-toggle {
    display: none;
  }
  .navbar-expand-md .navbar-breakpoint-down-d-block {
    display: block !important;
  }
  .navbar-expand-md .navbar-breakpoint-down-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-md .navbar-breakpoint-down-d-flex {
    display: flex !important;
  }
  .navbar-expand-md .navbar-breakpoint-down-d-none {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md .navbar-brand .navbar-text-truncate {
    max-width: 12.5rem;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    width: auto;
  }
  .navbar-expand-md .navbar-collapse .dropdown-toggle .navbar-text-truncate {
    max-width: 10.9375rem;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .navbar-breakpoint-d-block {
    display: block !important;
  }
  .navbar-expand-md .navbar-breakpoint-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-md .navbar-breakpoint-d-flex {
    display: flex !important;
  }
  .navbar-expand-md .navbar-breakpoint-d-none {
    display: none !important;
  }
}
.navbar-expand-lg .nav-item .navbar-text-truncate {
  max-width: 12.5rem;
}
@media (max-width: 991.98px) {
  .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
    background-color: inherit;
    left: 0;
    padding: 0 1rem;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 500;
  }
  .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container,
  .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child,
  .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child {
    padding-bottom: 0.5rem;
  }
  .navbar-expand-lg .navbar-collapse .nav-item,
  .navbar-expand-lg .navbar-collapse .nav-item .dropdown {
    display: block;
  }
  .navbar-expand-lg .navbar-collapse .navbar-text-truncate {
    max-width: 100%;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav {
    flex-direction: column;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate {
    max-width: calc(
									100% - 1.5625rem
								);
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover, .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:focus {
    background-color: transparent;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
    background-color: transparent;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu {
    background-color: transparent;
    border-width: 0;
    box-shadow: none;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: static;
  }
  .navbar-expand-lg .show-dropdown-on-collapse .dropdown-header,
  .navbar-expand-lg .show-dropdown-on-collapse .dropdown-item {
    padding: 0.625rem 0.5rem;
  }
  .navbar-expand-lg .show-dropdown-on-collapse .dropdown-menu {
    display: block;
  }
  .navbar-expand-lg .show-dropdown-on-collapse .dropdown-toggle {
    display: none;
  }
  .navbar-expand-lg .navbar-breakpoint-down-d-block {
    display: block !important;
  }
  .navbar-expand-lg .navbar-breakpoint-down-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-lg .navbar-breakpoint-down-d-flex {
    display: flex !important;
  }
  .navbar-expand-lg .navbar-breakpoint-down-d-none {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-brand .navbar-text-truncate {
    max-width: 12.5rem;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    width: auto;
  }
  .navbar-expand-lg .navbar-collapse .dropdown-toggle .navbar-text-truncate {
    max-width: 10.9375rem;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .navbar-breakpoint-d-block {
    display: block !important;
  }
  .navbar-expand-lg .navbar-breakpoint-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-lg .navbar-breakpoint-d-flex {
    display: flex !important;
  }
  .navbar-expand-lg .navbar-breakpoint-d-none {
    display: none !important;
  }
}
.navbar-expand-xl .nav-item .navbar-text-truncate {
  max-width: 12.5rem;
}
@media (max-width: 1279.98px) {
  .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
    background-color: inherit;
    left: 0;
    padding: 0 1rem;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 500;
  }
  .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container,
  .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child,
  .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child {
    padding-bottom: 0.5rem;
  }
  .navbar-expand-xl .navbar-collapse .nav-item,
  .navbar-expand-xl .navbar-collapse .nav-item .dropdown {
    display: block;
  }
  .navbar-expand-xl .navbar-collapse .navbar-text-truncate {
    max-width: 100%;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav {
    flex-direction: column;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate {
    max-width: calc(
									100% - 1.5625rem
								);
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover, .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:focus {
    background-color: transparent;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
    background-color: transparent;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu {
    background-color: transparent;
    border-width: 0;
    box-shadow: none;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: static;
  }
  .navbar-expand-xl .show-dropdown-on-collapse .dropdown-header,
  .navbar-expand-xl .show-dropdown-on-collapse .dropdown-item {
    padding: 0.625rem 0.5rem;
  }
  .navbar-expand-xl .show-dropdown-on-collapse .dropdown-menu {
    display: block;
  }
  .navbar-expand-xl .show-dropdown-on-collapse .dropdown-toggle {
    display: none;
  }
  .navbar-expand-xl .navbar-breakpoint-down-d-block {
    display: block !important;
  }
  .navbar-expand-xl .navbar-breakpoint-down-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-xl .navbar-breakpoint-down-d-flex {
    display: flex !important;
  }
  .navbar-expand-xl .navbar-breakpoint-down-d-none {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .navbar-expand-xl .navbar-brand .navbar-text-truncate {
    max-width: 12.5rem;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    width: auto;
  }
  .navbar-expand-xl .navbar-collapse .dropdown-toggle .navbar-text-truncate {
    max-width: 10.9375rem;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .navbar-breakpoint-d-block {
    display: block !important;
  }
  .navbar-expand-xl .navbar-breakpoint-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-xl .navbar-breakpoint-d-flex {
    display: flex !important;
  }
  .navbar-expand-xl .navbar-breakpoint-d-none {
    display: none !important;
  }
}
.navbar-expand-xxl .nav-item .navbar-text-truncate {
  max-width: 12.5rem;
}
@media (max-width: 1439.98px) {
  .navbar-expand-xxl.navbar-collapse-absolute .navbar-collapse {
    background-color: inherit;
    left: 0;
    padding: 0 1rem;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 500;
  }
  .navbar-expand-xxl.navbar-collapse-absolute .navbar-collapse .container,
  .navbar-expand-xxl.navbar-collapse-absolute .navbar-collapse .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .navbar-expand-xxl.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child,
  .navbar-expand-xxl.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child {
    padding-bottom: 0.5rem;
  }
  .navbar-expand-xxl .navbar-collapse .nav-item,
  .navbar-expand-xxl .navbar-collapse .nav-item .dropdown {
    display: block;
  }
  .navbar-expand-xxl .navbar-collapse .navbar-text-truncate {
    max-width: 100%;
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav {
    flex-direction: column;
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate {
    max-width: calc(
									100% - 1.5625rem
								);
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-item:hover, .navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-item:focus {
    background-color: transparent;
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-item.active {
    background-color: transparent;
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-menu {
    background-color: transparent;
    border-width: 0;
    box-shadow: none;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: static;
  }
  .navbar-expand-xxl .show-dropdown-on-collapse .dropdown-header,
  .navbar-expand-xxl .show-dropdown-on-collapse .dropdown-item {
    padding: 0.625rem 0.5rem;
  }
  .navbar-expand-xxl .show-dropdown-on-collapse .dropdown-menu {
    display: block;
  }
  .navbar-expand-xxl .show-dropdown-on-collapse .dropdown-toggle {
    display: none;
  }
  .navbar-expand-xxl .navbar-breakpoint-down-d-block {
    display: block !important;
  }
  .navbar-expand-xxl .navbar-breakpoint-down-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-xxl .navbar-breakpoint-down-d-flex {
    display: flex !important;
  }
  .navbar-expand-xxl .navbar-breakpoint-down-d-none {
    display: none !important;
  }
}
@media (min-width: 1440px) {
  .navbar-expand-xxl .navbar-brand .navbar-text-truncate {
    max-width: 12.5rem;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    width: auto;
  }
  .navbar-expand-xxl .navbar-collapse .dropdown-toggle .navbar-text-truncate {
    max-width: 10.9375rem;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .navbar-breakpoint-d-block {
    display: block !important;
  }
  .navbar-expand-xxl .navbar-breakpoint-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-xxl .navbar-breakpoint-d-flex {
    display: flex !important;
  }
  .navbar-expand-xxl .navbar-breakpoint-d-none {
    display: none !important;
  }
}
.navbar-expand .nav-item .navbar-text-truncate {
  max-width: 12.5rem;
}

@media (max-width: 575.98px) {
  .navbar-overlay-xs-down {
    bottom: 0;
    display: none;
    justify-content: space-between;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 450;
  }
  .navbar-overlay-xs-down.show {
    display: flex;
  }
}

@media (max-width: 767.98px) {
  .navbar-overlay-sm-down {
    bottom: 0;
    display: none;
    justify-content: space-between;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 450;
  }
  .navbar-overlay-sm-down.show {
    display: flex;
  }
}

@media (max-width: 991.98px) {
  .navbar-overlay-md-down {
    bottom: 0;
    display: none;
    justify-content: space-between;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 450;
  }
  .navbar-overlay-md-down.show {
    display: flex;
  }
}

@media (max-width: 1279.98px) {
  .navbar-overlay-lg-down {
    bottom: 0;
    display: none;
    justify-content: space-between;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 450;
  }
  .navbar-overlay-lg-down.show {
    display: flex;
  }
}

@media (max-width: 1439.98px) {
  .navbar-overlay-xl-down {
    bottom: 0;
    display: none;
    justify-content: space-between;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 450;
  }
  .navbar-overlay-xl-down.show {
    display: flex;
  }
}

.navbar-overlay-up {
  bottom: 0;
  display: none;
  justify-content: space-between;
  left: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 450;
}
.navbar-overlay-up.show {
  display: flex;
}

.navbar-light .navbar-brand {
  color: #272833;
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: #272833;
}
.navbar-light .navbar-nav .nav-link {
  color: #6b6c7e;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #6b6c7e;
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: #a7a9bc;
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: #272833;
}
.navbar-light .navbar-toggler {
  border-color: rgba(7, 29, 31, 0.1);
  color: #6b6c7e;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%236b6c7e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: #6b6c7e;
}
.navbar-light .navbar-text a {
  color: #272833;
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: #272833;
}

.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: #a7a9bc;
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: #fff;
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.navbar-underline .navbar-toggler-link:after {
  background-color: #80acff;
  bottom: -0.5rem;
  content: "";
  display: block;
  height: 0.125rem;
  left: 0;
  position: absolute;
  right: 0;
  width: auto;
}

@media (min-width: 576px) {
  .navbar-underline.navbar-expand-sm .navbar-nav .nav-link.active:after {
    background-color: #80acff;
    bottom: -0.5rem;
    content: "";
    display: block;
    height: 0.125rem;
    left: 0;
    position: absolute;
    right: 0;
    width: auto;
  }
}
@media (min-width: 768px) {
  .navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after {
    background-color: #80acff;
    bottom: -0.5rem;
    content: "";
    display: block;
    height: 0.125rem;
    left: 0;
    position: absolute;
    right: 0;
    width: auto;
  }
}
@media (min-width: 992px) {
  .navbar-underline.navbar-expand-lg .navbar-nav .nav-link.active:after {
    background-color: #80acff;
    bottom: -0.5rem;
    content: "";
    display: block;
    height: 0.125rem;
    left: 0;
    position: absolute;
    right: 0;
    width: auto;
  }
}
@media (min-width: 1280px) {
  .navbar-underline.navbar-expand-xl .navbar-nav .nav-link.active:after {
    background-color: #80acff;
    bottom: -0.5rem;
    content: "";
    display: block;
    height: 0.125rem;
    left: 0;
    position: absolute;
    right: 0;
    width: auto;
  }
}
@media (min-width: 1440px) {
  .navbar-underline.navbar-expand-xxl .navbar-nav .nav-link.active:after {
    background-color: #80acff;
    bottom: -0.5rem;
    content: "";
    display: block;
    height: 0.125rem;
    left: 0;
    position: absolute;
    right: 0;
    width: auto;
  }
}
.navbar-underline.navbar-expand .navbar-nav .nav-link.active:after {
  background-color: #80acff;
  bottom: -0.5rem;
  content: "";
  display: block;
  height: 0.125rem;
  left: 0;
  position: absolute;
  right: 0;
  width: auto;
}

.application-bar {
  flex-wrap: nowrap;
  border-width: 0px 0px 0px 0px;
  font-size: 0.875rem;
  padding: 0px 0;
}
.application-bar .navbar-toggler {
  font-size: 1.125rem;
  height: calc(3rem * 0.66667);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
}
.application-bar .navbar-toggler .c-inner {
  margin-bottom: -0.25rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.25rem;
}
.application-bar .navbar-toggler-link {
  font-size: 0.875rem;
  height: auto;
  line-height: 1.5;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: calc((
						3rem -
							0px -
							0px -
							0px *
							2 -
							0.875rem *
							1.5
					) * 0.5);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: calc((
						3rem -
							0px -
							0px -
							0px *
							2 -
							0.875rem *
							1.5
					) * 0.5);
}
.application-bar .navbar-toggler-link .c-inner {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.application-bar .navbar-brand {
  font-size: 1.125rem;
  margin-right: 0;
  padding-bottom: calc((
							3rem -
								0px -
								0px -
								0px *
								2 -
								1.125rem *
								1.5
						) * 0.5);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: calc((
							3rem -
								0px -
								0px -
								0px *
								2 -
								1.125rem *
								1.5
						) * 0.5);
}
.application-bar .navbar-brand .c-inner {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.application-bar .navbar-title {
  font-size: 1.125rem;
}
.application-bar .navbar-nav .nav-btn {
  font-size: 0.875rem;
  margin-bottom: calc((
						3rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-top: calc((
						3rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  padding-bottom: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.25rem;
}
.application-bar .navbar-nav .nav-btn .c-inner {
  margin-bottom: -0.25rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-top: -0.25rem;
}
.application-bar .navbar-nav .nav-btn-monospaced {
  font-size: 1rem;
  padding: 0;
}
.application-bar .navbar-nav .nav-btn-monospaced .c-inner {
  margin: 0;
}
.application-bar .navbar-nav .nav-item > .custom-control,
.application-bar .navbar-nav .nav-item > .form-check {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.application-bar .navbar-nav .nav-link,
.application-bar .navbar-nav .navbar-text {
  margin-bottom: calc((
						(
								3rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-top: calc((
						(
								3rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
  padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
}
.application-bar .navbar-nav .nav-link .c-inner,
.application-bar .navbar-nav .navbar-text .c-inner {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.application-bar .navbar-nav .nav-link-monospaced {
  font-size: 1rem;
  margin-bottom: calc((
						3rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-top: calc((
						3rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  padding: 0;
}
.application-bar .navbar-nav .nav-link-monospaced .c-inner {
  margin: 0;
}
@media (max-width: 575.98px) {
  .application-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0px 0px;
    left: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .application-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .application-bar.navbar-expand-sm .navbar-form {
    height: calc(
											3rem - 0px -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .application-bar.navbar-expand-sm .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 576px) {
  .application-bar.navbar-expand-sm .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.25rem;
    padding-bottom: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-sm .navbar-brand .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-sm .navbar-form {
    height: calc(
												3.5rem -
													0px -
													0px
											);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .application-bar.navbar-expand-sm .navbar-form > .container,
  .application-bar.navbar-expand-sm .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .application-bar.navbar-expand-sm .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-sm .nav-btn .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-sm .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .application-bar.navbar-expand-sm .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .application-bar.navbar-expand-sm .nav-item > .custom-control,
  .application-bar.navbar-expand-sm .nav-item > .form-check {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .application-bar.navbar-expand-sm .nav-link,
  .application-bar.navbar-expand-sm .navbar-text {
    margin-bottom: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-sm .nav-link .c-inner,
  .application-bar.navbar-expand-sm .navbar-text .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-sm .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .application-bar.navbar-expand-sm .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 767.98px) {
  .application-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0px 0px;
    left: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .application-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .application-bar.navbar-expand-md .navbar-form {
    height: calc(
											3rem - 0px -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .application-bar.navbar-expand-md .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .application-bar.navbar-expand-md .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.25rem;
    padding-bottom: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-md .navbar-brand .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-md .navbar-form {
    height: calc(
												3.5rem -
													0px -
													0px
											);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .application-bar.navbar-expand-md .navbar-form > .container,
  .application-bar.navbar-expand-md .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .application-bar.navbar-expand-md .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-md .nav-btn .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-md .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .application-bar.navbar-expand-md .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .application-bar.navbar-expand-md .nav-item > .custom-control,
  .application-bar.navbar-expand-md .nav-item > .form-check {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .application-bar.navbar-expand-md .nav-link,
  .application-bar.navbar-expand-md .navbar-text {
    margin-bottom: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-md .nav-link .c-inner,
  .application-bar.navbar-expand-md .navbar-text .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-md .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .application-bar.navbar-expand-md .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  .application-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0px 0px;
    left: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .application-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .application-bar.navbar-expand-lg .navbar-form {
    height: calc(
											3rem - 0px -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .application-bar.navbar-expand-lg .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  .application-bar.navbar-expand-lg .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.25rem;
    padding-bottom: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-lg .navbar-brand .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-lg .navbar-form {
    height: calc(
												3.5rem -
													0px -
													0px
											);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .application-bar.navbar-expand-lg .navbar-form > .container,
  .application-bar.navbar-expand-lg .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .application-bar.navbar-expand-lg .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-lg .nav-btn .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-lg .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .application-bar.navbar-expand-lg .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .application-bar.navbar-expand-lg .nav-item > .custom-control,
  .application-bar.navbar-expand-lg .nav-item > .form-check {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .application-bar.navbar-expand-lg .nav-link,
  .application-bar.navbar-expand-lg .navbar-text {
    margin-bottom: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-lg .nav-link .c-inner,
  .application-bar.navbar-expand-lg .navbar-text .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-lg .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .application-bar.navbar-expand-lg .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 1279.98px) {
  .application-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0px 0px;
    left: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .application-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .application-bar.navbar-expand-xl .navbar-form {
    height: calc(
											3rem - 0px -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .application-bar.navbar-expand-xl .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 1280px) {
  .application-bar.navbar-expand-xl .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.25rem;
    padding-bottom: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-xl .navbar-brand .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-xl .navbar-form {
    height: calc(
												3.5rem -
													0px -
													0px
											);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .application-bar.navbar-expand-xl .navbar-form > .container,
  .application-bar.navbar-expand-xl .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .application-bar.navbar-expand-xl .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-xl .nav-btn .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-xl .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .application-bar.navbar-expand-xl .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .application-bar.navbar-expand-xl .nav-item > .custom-control,
  .application-bar.navbar-expand-xl .nav-item > .form-check {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .application-bar.navbar-expand-xl .nav-link,
  .application-bar.navbar-expand-xl .navbar-text {
    margin-bottom: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-xl .nav-link .c-inner,
  .application-bar.navbar-expand-xl .navbar-text .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-xl .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .application-bar.navbar-expand-xl .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 1439.98px) {
  .application-bar.navbar-expand-xxl.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0px 0px;
    left: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .application-bar.navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .application-bar.navbar-expand-xxl .navbar-form {
    height: calc(
											3rem - 0px -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .application-bar.navbar-expand-xxl .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 1440px) {
  .application-bar.navbar-expand-xxl .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.25rem;
    padding-bottom: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-xxl .navbar-brand .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-xxl .navbar-form {
    height: calc(
												3.5rem -
													0px -
													0px
											);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .application-bar.navbar-expand-xxl .navbar-form > .container,
  .application-bar.navbar-expand-xxl .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .application-bar.navbar-expand-xxl .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-xxl .nav-btn .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-xxl .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .application-bar.navbar-expand-xxl .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .application-bar.navbar-expand-xxl .nav-item > .custom-control,
  .application-bar.navbar-expand-xxl .nav-item > .form-check {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .application-bar.navbar-expand-xxl .nav-link,
  .application-bar.navbar-expand-xxl .navbar-text {
    margin-bottom: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-xxl .nav-link .c-inner,
  .application-bar.navbar-expand-xxl .navbar-text .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-xxl .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .application-bar.navbar-expand-xxl .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 575.98px) {
  .application-bar .navbar-overlay-xs-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 767.98px) {
  .application-bar .navbar-overlay-sm-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 991.98px) {
  .application-bar .navbar-overlay-md-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 1279.98px) {
  .application-bar .navbar-overlay-lg-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 1439.98px) {
  .application-bar .navbar-overlay-xl-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
.application-bar .navbar-overlay-up {
  padding-bottom: 0px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0px;
}
.application-bar.navbar-underline .navbar-toggler-link:after {
  bottom: calc((
						0px +
							0px +
							calc((
						(
								3rem -
									0px -
									0px
							) -
							2rem
					) * 0.5)
					) * -1);
  height: 0.125rem;
}
@media (min-width: 576px) {
  .application-bar.navbar-underline.navbar-expand-sm .navbar-nav .nav-link.active:after {
    bottom: calc((0px + 0px + calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.125rem;
  }
}
@media (min-width: 768px) {
  .application-bar.navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after {
    bottom: calc((0px + 0px + calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.125rem;
  }
}
@media (min-width: 992px) {
  .application-bar.navbar-underline.navbar-expand-lg .navbar-nav .nav-link.active:after {
    bottom: calc((0px + 0px + calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.125rem;
  }
}
@media (min-width: 1280px) {
  .application-bar.navbar-underline.navbar-expand-xl .navbar-nav .nav-link.active:after {
    bottom: calc((0px + 0px + calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.125rem;
  }
}
@media (min-width: 1440px) {
  .application-bar.navbar-underline.navbar-expand-xxl .navbar-nav .nav-link.active:after {
    bottom: calc((0px + 0px + calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.125rem;
  }
}
.application-bar.navbar-underline.navbar-expand .navbar-nav .nav-link.active:after {
  bottom: calc((0px + 0px + calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5)) * -1);
  height: 0.125rem;
}
.application-bar .navbar-nav .nav-link {
  border-radius: 0.25rem;
  outline: 0;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .application-bar .navbar-nav .nav-link {
    transition: none;
  }
}
.application-bar .navbar-nav .nav-link.focus, .application-bar .navbar-nav .nav-link:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.application-bar .navbar-nav .nav-link:disabled, .application-bar .navbar-nav .nav-link.disabled {
  box-shadow: none;
}
.application-bar .navbar-brand {
  border-radius: 0.25rem;
  outline: 0;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .application-bar .navbar-brand {
    transition: none;
  }
}
.application-bar .navbar-brand.focus, .application-bar .navbar-brand:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.application-bar .navbar-brand:disabled, .application-bar .navbar-brand.disabled {
  box-shadow: none;
}
.application-bar .container,
.application-bar .container-fluid {
  flex-wrap: nowrap;
}
.application-bar .navbar-nav {
  flex-wrap: nowrap;
}

.application-bar-dark {
  background-color: #30313f;
  color: #fff;
}
.application-bar-dark .navbar-nav .nav-link {
  color: #fff;
  font-weight: var(--font-weight-semi-bold, 500);
}
.application-bar-dark .navbar-nav .nav-link:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.03);
}
.application-bar-dark .navbar-nav .nav-link.focus, .application-bar-dark .navbar-nav .nav-link:focus {
  background-color: rgba(255, 255, 255, 0.03);
}
.application-bar-dark .navbar-nav .nav-link:active {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.06);
}
.application-bar-dark .navbar-nav .nav-link.active {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.application-bar-dark .navbar-nav .nav-link:disabled, .application-bar-dark .navbar-nav .nav-link.disabled {
  color: #a7a9bc;
  opacity: 0.5;
  background-color: transparent;
}
.application-bar-dark .navbar-nav .nav-link[aria-expanded=true], .application-bar-dark .navbar-nav .nav-link.show {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.application-bar-dark .navbar-nav .nav-btn {
  font-weight: var(--font-weight-semi-bold, 500);
}
.application-bar-dark .navbar-brand {
  font-weight: var(--font-weight-semi-bold, 500);
}
.application-bar-dark .navbar-brand.focus, .application-bar-dark .navbar-brand:focus {
  background-color: rgba(255, 255, 255, 0.03);
}
.application-bar-dark .navbar-brand:active {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.06);
}
.application-bar-dark .navbar-brand.active {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.application-bar-dark .navbar-brand:disabled, .application-bar-dark .navbar-brand.disabled {
  color: #a7a9bc;
  opacity: 0.5;
  background-color: transparent;
}
.application-bar-dark .navbar-brand[aria-expanded=true], .application-bar-dark .navbar-brand.show {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.application-bar-dark .navbar-toggler {
  color: #fff;
  font-weight: var(--font-weight-semi-bold, 500);
}
.application-bar-dark .navbar-overlay {
  background-color: #30313f;
}
.management-bar {
  border-width: 0px 0px 0.0625rem 0px;
  font-size: 0.875rem;
  min-height: 4rem;
  padding: 0px 0;
  border-color: transparent;
  border-style: solid;
}
.management-bar .navbar-toggler {
  font-size: 1.125rem;
  height: calc(3rem * 0.66667);
  margin-left: 0.875rem;
  margin-right: 0.875rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
}
.management-bar .navbar-toggler .c-inner {
  margin-bottom: -0.25rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.25rem;
}
.management-bar .navbar-toggler-link {
  font-size: 0.875rem;
  height: auto;
  line-height: 1.5;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							0.875rem *
							1.5
					) * 0.5);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							0.875rem *
							1.5
					) * 0.5);
}
.management-bar .navbar-toggler-link .c-inner {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.management-bar .navbar-brand {
  font-size: 1.125rem;
  margin-right: 0;
  padding-bottom: calc((
							3rem -
								0.0625rem -
								0px -
								0px *
								2 -
								1.125rem *
								1.5
						) * 0.5);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: calc((
							3rem -
								0.0625rem -
								0px -
								0px *
								2 -
								1.125rem *
								1.5
						) * 0.5);
}
.management-bar .navbar-brand .c-inner {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.management-bar .navbar-nav .nav-btn {
  font-size: 0.875rem;
  margin-bottom: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-top: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  padding-bottom: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.25rem;
}
.management-bar .navbar-nav .nav-btn .c-inner {
  margin-bottom: -0.25rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-top: -0.25rem;
}
.management-bar .navbar-nav .nav-btn-monospaced {
  font-size: 1rem;
  padding: 0;
}
.management-bar .navbar-nav .nav-btn-monospaced .c-inner {
  margin: 0;
}
.management-bar .navbar-nav .nav-item > .custom-control,
.management-bar .navbar-nav .nav-item > .form-check {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.management-bar .navbar-nav .nav-link,
.management-bar .navbar-nav .navbar-text {
  margin-bottom: calc((
						(
								3rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-top: calc((
						(
								3rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
  padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
}
.management-bar .navbar-nav .nav-link .c-inner,
.management-bar .navbar-nav .navbar-text .c-inner {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.management-bar .navbar-nav .nav-link-monospaced {
  font-size: 1rem;
  margin-bottom: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-top: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  padding: 0;
}
.management-bar .navbar-nav .nav-link-monospaced .c-inner {
  margin: 0;
}
.management-bar .dropdown-menu {
  margin-top: 0;
}
@media (max-width: 575.98px) {
  .management-bar.navbar-expand-sm {
    min-height: 3rem;
  }
  .management-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .management-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .management-bar.navbar-expand-sm .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .management-bar.navbar-expand-sm .navbar-form .form-control {
    height: 2rem;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 576px) {
  .management-bar.navbar-expand-sm .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.5rem;
    padding-bottom: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-sm .navbar-brand .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-sm .navbar-form {
    height: calc(
												4rem -
													0.0625rem -
													0px
											);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .management-bar.navbar-expand-sm .navbar-form > .container,
  .management-bar.navbar-expand-sm .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .management-bar.navbar-expand-sm .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-sm .nav-btn .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-sm .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .management-bar.navbar-expand-sm .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .management-bar.navbar-expand-sm .nav-item > .custom-control,
  .management-bar.navbar-expand-sm .nav-item > .form-check {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .management-bar.navbar-expand-sm .nav-link,
  .management-bar.navbar-expand-sm .navbar-text {
    margin-bottom: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-sm .nav-link .c-inner,
  .management-bar.navbar-expand-sm .navbar-text .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-sm .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .management-bar.navbar-expand-sm .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 767.98px) {
  .management-bar.navbar-expand-md {
    min-height: 3rem;
  }
  .management-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .management-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .management-bar.navbar-expand-md .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .management-bar.navbar-expand-md .navbar-form .form-control {
    height: 2rem;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .management-bar.navbar-expand-md .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.5rem;
    padding-bottom: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-md .navbar-brand .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-md .navbar-form {
    height: calc(
												4rem -
													0.0625rem -
													0px
											);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .management-bar.navbar-expand-md .navbar-form > .container,
  .management-bar.navbar-expand-md .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .management-bar.navbar-expand-md .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-md .nav-btn .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-md .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .management-bar.navbar-expand-md .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .management-bar.navbar-expand-md .nav-item > .custom-control,
  .management-bar.navbar-expand-md .nav-item > .form-check {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .management-bar.navbar-expand-md .nav-link,
  .management-bar.navbar-expand-md .navbar-text {
    margin-bottom: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-md .nav-link .c-inner,
  .management-bar.navbar-expand-md .navbar-text .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-md .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .management-bar.navbar-expand-md .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  .management-bar.navbar-expand-lg {
    min-height: 3rem;
  }
  .management-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .management-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .management-bar.navbar-expand-lg .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .management-bar.navbar-expand-lg .navbar-form .form-control {
    height: 2rem;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  .management-bar.navbar-expand-lg .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.5rem;
    padding-bottom: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-lg .navbar-brand .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-lg .navbar-form {
    height: calc(
												4rem -
													0.0625rem -
													0px
											);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .management-bar.navbar-expand-lg .navbar-form > .container,
  .management-bar.navbar-expand-lg .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .management-bar.navbar-expand-lg .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-lg .nav-btn .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-lg .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .management-bar.navbar-expand-lg .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .management-bar.navbar-expand-lg .nav-item > .custom-control,
  .management-bar.navbar-expand-lg .nav-item > .form-check {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .management-bar.navbar-expand-lg .nav-link,
  .management-bar.navbar-expand-lg .navbar-text {
    margin-bottom: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-lg .nav-link .c-inner,
  .management-bar.navbar-expand-lg .navbar-text .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-lg .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .management-bar.navbar-expand-lg .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 1279.98px) {
  .management-bar.navbar-expand-xl {
    min-height: 3rem;
  }
  .management-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .management-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .management-bar.navbar-expand-xl .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .management-bar.navbar-expand-xl .navbar-form .form-control {
    height: 2rem;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 1280px) {
  .management-bar.navbar-expand-xl .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.5rem;
    padding-bottom: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-xl .navbar-brand .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-xl .navbar-form {
    height: calc(
												4rem -
													0.0625rem -
													0px
											);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .management-bar.navbar-expand-xl .navbar-form > .container,
  .management-bar.navbar-expand-xl .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .management-bar.navbar-expand-xl .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-xl .nav-btn .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-xl .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .management-bar.navbar-expand-xl .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .management-bar.navbar-expand-xl .nav-item > .custom-control,
  .management-bar.navbar-expand-xl .nav-item > .form-check {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .management-bar.navbar-expand-xl .nav-link,
  .management-bar.navbar-expand-xl .navbar-text {
    margin-bottom: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-xl .nav-link .c-inner,
  .management-bar.navbar-expand-xl .navbar-text .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-xl .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .management-bar.navbar-expand-xl .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 1439.98px) {
  .management-bar.navbar-expand-xxl {
    min-height: 3rem;
  }
  .management-bar.navbar-expand-xxl.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .management-bar.navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .management-bar.navbar-expand-xxl .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .management-bar.navbar-expand-xxl .navbar-form .form-control {
    height: 2rem;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 1440px) {
  .management-bar.navbar-expand-xxl .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.5rem;
    padding-bottom: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-xxl .navbar-brand .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-xxl .navbar-form {
    height: calc(
												4rem -
													0.0625rem -
													0px
											);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .management-bar.navbar-expand-xxl .navbar-form > .container,
  .management-bar.navbar-expand-xxl .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .management-bar.navbar-expand-xxl .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-xxl .nav-btn .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-xxl .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .management-bar.navbar-expand-xxl .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .management-bar.navbar-expand-xxl .nav-item > .custom-control,
  .management-bar.navbar-expand-xxl .nav-item > .form-check {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .management-bar.navbar-expand-xxl .nav-link,
  .management-bar.navbar-expand-xxl .navbar-text {
    margin-bottom: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-xxl .nav-link .c-inner,
  .management-bar.navbar-expand-xxl .navbar-text .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-xxl .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .management-bar.navbar-expand-xxl .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 575.98px) {
  .management-bar .navbar-overlay-xs-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 767.98px) {
  .management-bar .navbar-overlay-sm-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 991.98px) {
  .management-bar .navbar-overlay-md-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 1279.98px) {
  .management-bar .navbar-overlay-lg-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 1439.98px) {
  .management-bar .navbar-overlay-xl-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
.management-bar .navbar-overlay-up {
  padding-bottom: 0px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0px;
}
.management-bar.navbar-underline .navbar-toggler-link:after {
  bottom: calc((
						0.0625rem +
							0px +
							calc((
						(
								3rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)
					) * -1);
  height: 0.25rem;
}
@media (min-width: 576px) {
  .management-bar.navbar-underline.navbar-expand-sm .navbar-nav .nav-link.active:after {
    bottom: calc((0.0625rem + 0px + calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.25rem;
  }
}
@media (min-width: 768px) {
  .management-bar.navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after {
    bottom: calc((0.0625rem + 0px + calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.25rem;
  }
}
@media (min-width: 992px) {
  .management-bar.navbar-underline.navbar-expand-lg .navbar-nav .nav-link.active:after {
    bottom: calc((0.0625rem + 0px + calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.25rem;
  }
}
@media (min-width: 1280px) {
  .management-bar.navbar-underline.navbar-expand-xl .navbar-nav .nav-link.active:after {
    bottom: calc((0.0625rem + 0px + calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.25rem;
  }
}
@media (min-width: 1440px) {
  .management-bar.navbar-underline.navbar-expand-xxl .navbar-nav .nav-link.active:after {
    bottom: calc((0.0625rem + 0px + calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.25rem;
  }
}
.management-bar.navbar-underline.navbar-expand .navbar-nav .nav-link.active:after {
  bottom: calc((0.0625rem + 0px + calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)) * -1);
  height: 0.25rem;
}
.management-bar .navbar-nav .nav-link {
  border-radius: 0.25rem;
  outline: 0;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .management-bar .navbar-nav .nav-link {
    transition: none;
  }
}
.management-bar .navbar-nav .nav-link.focus, .management-bar .navbar-nav .nav-link:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.management-bar .navbar-nav .nav-link:disabled, .management-bar .navbar-nav .nav-link.disabled {
  box-shadow: none;
}
.management-bar .navbar-brand {
  border-radius: 0.25rem;
  outline: 0;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .management-bar .navbar-brand {
    transition: none;
  }
}
.management-bar .navbar-brand.focus, .management-bar .navbar-brand:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.management-bar .navbar-brand:disabled, .management-bar .navbar-brand.disabled {
  box-shadow: none;
}
.management-bar.navbar-nowrap .navbar-text {
  white-space: normal;
  word-wrap: break-word;
}

.management-bar-light {
  background-color: #fff;
}
.management-bar-light .navbar-nav .nav-link {
  color: #6b6c7e;
  font-weight: var(--font-weight-semi-bold, 500);
}
.management-bar-light .navbar-nav .nav-link:hover {
  color: #272833;
  background-color: rgba(39, 40, 51, 0.03);
}
.management-bar-light .navbar-nav .nav-link.focus, .management-bar-light .navbar-nav .nav-link:focus {
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}
.management-bar-light .navbar-nav .nav-link:active {
  color: #272833;
  background-color: rgba(39, 40, 51, 0.06);
}
.management-bar-light .navbar-nav .nav-link.active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-light .navbar-nav .nav-link:disabled, .management-bar-light .navbar-nav .nav-link.disabled {
  color: #a7a9bc;
  opacity: 1;
  background-color: transparent;
}
.management-bar-light .navbar-nav .nav-link[aria-expanded=true], .management-bar-light .navbar-nav .nav-link.show {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-light .navbar-nav .nav-btn {
  font-weight: var(--font-weight-semi-bold, 500);
}
.management-bar-light .navbar-brand {
  font-weight: var(--font-weight-semi-bold, 500);
}
.management-bar-light .navbar-brand.focus, .management-bar-light .navbar-brand:focus {
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}
.management-bar-light .navbar-brand:active {
  color: #272833;
  background-color: rgba(39, 40, 51, 0.06);
}
.management-bar-light .navbar-brand.active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-light .navbar-brand:disabled, .management-bar-light .navbar-brand.disabled {
  color: #a7a9bc;
  opacity: 1;
  background-color: transparent;
}
.management-bar-light .navbar-brand[aria-expanded=true], .management-bar-light .navbar-brand.show {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-light .navbar-toggler {
  color: #6b6c7e;
  font-weight: var(--font-weight-semi-bold, 500);
}
.management-bar-light .navbar-overlay {
  background-color: #fff;
}
.management-bar-primary {
  background-color: #43ffcc;
  border-color: #005D44;
  color: #6b6c7e;
}
.management-bar-primary .navbar-nav .nav-link {
  color: #6b6c7e;
  border-radius: 0.25rem;
  font-weight: var(--font-weight-semi-bold, 500);
}
.management-bar-primary .navbar-nav .nav-link:hover {
  color: #272833;
  background-color: rgba(39, 40, 51, 0.03);
}
.management-bar-primary .navbar-nav .nav-link.focus, .management-bar-primary .navbar-nav .nav-link:focus {
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}
.management-bar-primary .navbar-nav .nav-link:active {
  color: #272833;
  background-color: rgba(39, 40, 51, 0.06);
}
.management-bar-primary .navbar-nav .nav-link.active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-primary .navbar-nav .nav-link:disabled, .management-bar-primary .navbar-nav .nav-link.disabled {
  color: #a7a9bc;
  opacity: 1;
  background-color: transparent;
}
.management-bar-primary .navbar-nav .nav-link[aria-expanded=true], .management-bar-primary .navbar-nav .nav-link.show {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-primary .navbar-nav .nav-btn {
  font-weight: var(--font-weight-semi-bold, 500);
}
.management-bar-primary .navbar-brand {
  border-radius: 0.25rem;
  font-weight: var(--font-weight-semi-bold, 500);
}
.management-bar-primary .navbar-brand.focus, .management-bar-primary .navbar-brand:focus {
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}
.management-bar-primary .navbar-brand:active {
  color: #272833;
  background-color: rgba(39, 40, 51, 0.06);
}
.management-bar-primary .navbar-brand.active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-primary .navbar-brand:disabled, .management-bar-primary .navbar-brand.disabled {
  color: #a7a9bc;
  opacity: 1;
  background-color: transparent;
}
.management-bar-primary .navbar-brand[aria-expanded=true], .management-bar-primary .navbar-brand.show {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-primary .navbar-toggler {
  color: #6b6c7e;
  font-weight: var(--font-weight-semi-bold, 500);
}
.management-bar-primary .navbar-overlay {
  background-color: #43ffcc;
}
.navigation-bar {
  border-width: 0px 0px 0.0625rem 0px;
  font-size: 0.875rem;
  padding: 0px 0;
  border-color: transparent;
  border-style: solid;
}
.navigation-bar .navbar-toggler {
  font-size: 1.125rem;
  height: calc(3rem * 0.66667);
  margin-left: 1rem;
  margin-right: 1rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
}
.navigation-bar .navbar-toggler .c-inner {
  margin-bottom: -0.25rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.25rem;
}
.navigation-bar .navbar-toggler-link {
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  margin-bottom: 0.46875rem;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0.46875rem;
  padding-bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0;
}
.navigation-bar .navbar-toggler-link .c-inner {
  margin-bottom: 0;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: 0;
}
.navigation-bar .navbar-brand {
  font-size: 1.125rem;
  margin-right: 0;
  padding-bottom: calc((
							3rem -
								0.0625rem -
								0px -
								0px *
								2 -
								1.125rem *
								1.5
						) * 0.5);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: calc((
							3rem -
								0.0625rem -
								0px -
								0px *
								2 -
								1.125rem *
								1.5
						) * 0.5);
}
.navigation-bar .navbar-brand .c-inner {
  margin-left: -1rem;
  margin-right: -1rem;
}
.navigation-bar .navbar-nav .nav-btn {
  font-size: 0.875rem;
  margin-bottom: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}
.navigation-bar .navbar-nav .nav-btn .c-inner {
  margin-bottom: -1rem;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: -1rem;
}
.navigation-bar .navbar-nav .nav-btn-monospaced {
  padding: 0;
}
.navigation-bar .navbar-nav .nav-btn-monospaced .c-inner {
  margin: 0;
}
.navigation-bar .navbar-nav .nav-item > .custom-control,
.navigation-bar .navbar-nav .nav-item > .form-check {
  margin-left: 1rem;
  margin-right: 1rem;
}
.navigation-bar .navbar-nav .nav-link,
.navigation-bar .navbar-nav .navbar-text {
  margin-bottom: calc((
						(
								3rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
  margin-top: calc((
						(
								3rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
  padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
}
.navigation-bar .navbar-nav .nav-link .c-inner,
.navigation-bar .navbar-nav .navbar-text .c-inner {
  margin-left: -1rem;
  margin-right: -1rem;
}
.navigation-bar .navbar-nav .nav-link-monospaced {
  margin-bottom: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  padding: 0;
}
.navigation-bar .navbar-nav .nav-link-monospaced .c-inner {
  margin: 0;
}
.navigation-bar .dropdown-menu {
  margin-top: 0;
}
@media (max-width: 575.98px) {
  .navigation-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
    padding-bottom: 0.8125rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.8125rem;
  }
  .navigation-bar.navbar-expand-sm .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .navigation-bar.navbar-expand-sm .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 767.98px) {
  .navigation-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
    padding-bottom: 0.8125rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.8125rem;
  }
  .navigation-bar.navbar-expand-md .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .navigation-bar.navbar-expand-md .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 991.98px) {
  .navigation-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
    padding-bottom: 0.8125rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.8125rem;
  }
  .navigation-bar.navbar-expand-lg .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .navigation-bar.navbar-expand-lg .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 1279.98px) {
  .navigation-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
    padding-bottom: 0.8125rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.8125rem;
  }
  .navigation-bar.navbar-expand-xl .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .navigation-bar.navbar-expand-xl .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 1439.98px) {
  .navigation-bar.navbar-expand-xxl.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .navigation-bar.navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .navigation-bar.navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-item {
    padding-bottom: 0.8125rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.8125rem;
  }
  .navigation-bar.navbar-expand-xxl .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .navigation-bar.navbar-expand-xxl .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 575.98px) {
  .navigation-bar .navbar-overlay-xs-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 767.98px) {
  .navigation-bar .navbar-overlay-sm-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 991.98px) {
  .navigation-bar .navbar-overlay-md-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 1279.98px) {
  .navigation-bar .navbar-overlay-lg-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 1439.98px) {
  .navigation-bar .navbar-overlay-xl-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
.navigation-bar .navbar-overlay-up {
  padding-bottom: 0px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0px;
}
.navigation-bar.navbar-underline .navbar-toggler-link:after {
  bottom: calc((
						0.0625rem +
							0px +
							calc((
						(
								3rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)
					) * -1);
  height: 0.25rem;
}
@media (min-width: 576px) {
  .navigation-bar.navbar-underline.navbar-expand-sm .navbar-nav .nav-link.active:after {
    bottom: -0.53125rem;
    height: 0.25rem;
  }
}
@media (min-width: 768px) {
  .navigation-bar.navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after {
    bottom: -0.53125rem;
    height: 0.25rem;
  }
}
@media (min-width: 992px) {
  .navigation-bar.navbar-underline.navbar-expand-lg .navbar-nav .nav-link.active:after {
    bottom: -0.53125rem;
    height: 0.25rem;
  }
}
@media (min-width: 1280px) {
  .navigation-bar.navbar-underline.navbar-expand-xl .navbar-nav .nav-link.active:after {
    bottom: -0.53125rem;
    height: 0.25rem;
  }
}
@media (min-width: 1440px) {
  .navigation-bar.navbar-underline.navbar-expand-xxl .navbar-nav .nav-link.active:after {
    bottom: -0.53125rem;
    height: 0.25rem;
  }
}
.navigation-bar.navbar-underline.navbar-expand .navbar-nav .nav-link.active:after {
  bottom: -0.53125rem;
  height: 0.25rem;
}
.navigation-bar .navbar-nav .nav-link {
  border-radius: 0px;
  outline: 0;
}
.navigation-bar .navbar-nav .nav-link.focus, .navigation-bar .navbar-nav .nav-link:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.navigation-bar .navbar-nav .nav-link:disabled, .navigation-bar .navbar-nav .nav-link.disabled {
  box-shadow: none;
}
.navigation-bar .navbar-brand {
  border-radius: 0px;
  outline: 0;
}
.navigation-bar .navbar-brand.focus, .navigation-bar .navbar-brand:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.navigation-bar .navbar-brand:disabled, .navigation-bar .navbar-brand.disabled {
  box-shadow: none;
}
.navigation-bar-light {
  background-color: #fff;
  border-color: #f1f2f5;
}
.navigation-bar-light .navbar-nav .nav-link {
  color: #6b6c7e;
  font-weight: var(--font-weight-semi-bold, 500);
}
.navigation-bar-light .navbar-nav .nav-link:hover {
  color: #272833;
}
.navigation-bar-light .navbar-nav .nav-link.focus, .navigation-bar-light .navbar-nav .nav-link:focus {
  color: #272833;
}
.navigation-bar-light .navbar-nav .nav-link:active {
  color: #272833;
}
.navigation-bar-light .navbar-nav .nav-link.active {
  color: #272833;
}
.navigation-bar-light .navbar-nav .nav-link:disabled, .navigation-bar-light .navbar-nav .nav-link.disabled {
  color: #6b6c7e;
  opacity: 0.4;
}
.navigation-bar-light .navbar-nav .nav-link[aria-expanded=true], .navigation-bar-light .navbar-nav .nav-link.show {
  color: #272833;
}
.navigation-bar-light .navbar-nav .nav-btn {
  font-weight: var(--font-weight-semi-bold, 500);
}
.navigation-bar-light .navbar-brand {
  font-weight: var(--font-weight-semi-bold, 500);
}
.navigation-bar-light .navbar-brand.focus, .navigation-bar-light .navbar-brand:focus {
  color: #272833;
}
.navigation-bar-light .navbar-brand:active {
  color: #272833;
}
.navigation-bar-light .navbar-brand.active {
  color: #272833;
}
.navigation-bar-light .navbar-brand:disabled, .navigation-bar-light .navbar-brand.disabled {
  color: #6b6c7e;
  opacity: 0.4;
}
.navigation-bar-light .navbar-brand[aria-expanded=true], .navigation-bar-light .navbar-brand.show {
  color: #272833;
}
.navigation-bar-light .navbar-toggler {
  color: #6b6c7e;
  font-weight: var(--font-weight-semi-bold, 500);
}
.navigation-bar-light .navbar-overlay {
  background-color: #fff;
}
@media (max-width: 767.98px) {
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
    color: #6b6c7e;
    font-weight: var(--font-weight-semi-bold, 500);
  }
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
    color: #272833;
  }
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.focus, .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
    color: #272833;
  }
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
    color: #272833;
  }
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
    color: #272833;
  }
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:disabled, .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
    color: #6b6c7e;
    opacity: 0.4;
  }
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item[aria-expanded=true], .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.show {
    color: #272833;
  }
}

.navigation-bar-secondary {
  background-color: #393a4a;
  color: #fff;
}
.navigation-bar-secondary .navbar-nav .nav-link {
  color: #cdced9;
  font-weight: var(--font-weight-semi-bold, 500);
}
.navigation-bar-secondary .navbar-nav .nav-link:hover {
  color: #fff;
}
.navigation-bar-secondary .navbar-nav .nav-link.focus, .navigation-bar-secondary .navbar-nav .nav-link:focus {
  color: #fff;
}
.navigation-bar-secondary .navbar-nav .nav-link:active {
  color: #fff;
}
.navigation-bar-secondary .navbar-nav .nav-link.active {
  color: #fff;
}
.navigation-bar-secondary .navbar-nav .nav-link:disabled, .navigation-bar-secondary .navbar-nav .nav-link.disabled {
  color: #cdced9;
  opacity: 0.4;
}
.navigation-bar-secondary .navbar-nav .nav-link[aria-expanded=true], .navigation-bar-secondary .navbar-nav .nav-link.show {
  color: #fff;
}
.navigation-bar-secondary .navbar-nav .nav-btn {
  font-weight: var(--font-weight-semi-bold, 500);
}
.navigation-bar-secondary .navbar-brand {
  color: rgba(255, 255, 255, 0.9);
  font-weight: var(--font-weight-semi-bold, 500);
}
.navigation-bar-secondary .navbar-brand:hover {
  color: rgba(255, 255, 255, 0.9);
}
.navigation-bar-secondary .navbar-brand.focus, .navigation-bar-secondary .navbar-brand:focus {
  color: #fff;
}
.navigation-bar-secondary .navbar-brand:active {
  color: #fff;
}
.navigation-bar-secondary .navbar-brand.active {
  color: #fff;
}
.navigation-bar-secondary .navbar-brand:disabled, .navigation-bar-secondary .navbar-brand.disabled {
  color: #cdced9;
  opacity: 0.4;
}
.navigation-bar-secondary .navbar-brand[aria-expanded=true], .navigation-bar-secondary .navbar-brand.show {
  color: #fff;
}
.navigation-bar-secondary .navbar-toggler {
  color: #cdced9;
  font-weight: var(--font-weight-semi-bold, 500);
}
.navigation-bar-secondary .navbar-overlay {
  background-color: #393a4a;
}
@media (max-width: 767.98px) {
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
    color: #cdced9;
    font-weight: var(--font-weight-semi-bold, 500);
  }
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
    color: #fff;
  }
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.focus, .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
    color: #fff;
  }
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
    color: #fff;
  }
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
    color: #fff;
  }
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:disabled, .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
    color: #cdced9;
    opacity: 0.4;
  }
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item[aria-expanded=true], .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.show {
    color: #fff;
  }
}

.pagination {
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
  list-style: none;
  margin-bottom: 0.5rem;
  padding-left: 0;
}
.pagination-bar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .pagination-bar {
    flex-direction: column;
    justify-content: center;
  }
  .pagination-bar .pagination {
    margin-top: 0.5rem;
  }
}

.page-link {
  align-items: center;
  background-color: transparent;
  border-radius: 4px;
  border-color: transparent;
  border-style: solid;
  border-width: 0.0625rem;
  color: #6b6c7e;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  line-height: 1;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0;
  position: relative;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  background-color: rgba(0, 0, 0, 0.02);
  border-color: transparent;
  color: #272833;
  text-decoration: none;
  z-index: 2;
}
.page-link.focus, .page-link:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
  z-index: 4;
  background-color: rgba(0, 0, 0, 0.02);
  border-color: transparent;
  color: #272833;
}
.page-link:active {
  background-color: rgba(0, 0, 0, 0.04);
  border-color: transparent;
  color: #272833;
  cursor: default;
  z-index: 3;
}
.page-link.active {
  background-color: rgba(0, 0, 0, 0.04);
  border-color: transparent;
  color: #272833;
  z-index: 3;
}
.page-link:disabled, .page-link.disabled {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #6b6c7e;
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: auto;
  z-index: 0;
}
.page-link:disabled:active, .page-link.disabled:active {
  pointer-events: none;
}
.page-link[aria-expanded=true], .page-link.show {
  background-color: rgba(0, 0, 0, 0.04);
  border-color: transparent;
  color: #272833;
  z-index: 3;
}
.page-link > .c-inner {
  margin-bottom: 0;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-top: 0;
}
.page-link .lexicon-icon {
  margin-top: 0;
}

.page-item {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.page-item.active .page-link {
  background-color: rgba(0, 0, 0, 0.04);
  border-color: transparent;
  color: #272833;
  cursor: default;
  z-index: 3;
}
.page-item.disabled .page-link {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #6b6c7e;
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: auto;
  z-index: 0;
}
.page-item.disabled .page-link:active {
  pointer-events: none;
}
.page-item:first-child .page-link,
.page-link-first {
  border-radius: 4px;
}

.page-item:last-child .page-link,
.page-link-last {
  border-radius: 4px;
}

.pagination-items-per-page {
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
.pagination-items-per-page > a,
.pagination-items-per-page > button {
  align-items: center;
  border-color: transparent;
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 0.0625rem;
  color: #6b6c7e;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  line-height: 1;
  padding-bottom: 0;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0;
  text-decoration: none;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .pagination-items-per-page > a,
  .pagination-items-per-page > button {
    transition: none;
  }
}
.pagination-items-per-page > a:hover,
.pagination-items-per-page > button:hover {
  background-color: rgba(0, 0, 0, 0.02);
  border-color: transparent;
  color: #272833;
}
.pagination-items-per-page > a.focus, .pagination-items-per-page > a:focus,
.pagination-items-per-page > button.focus,
.pagination-items-per-page > button:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
  background-color: rgba(0, 0, 0, 0.02);
  border-color: transparent;
  color: #272833;
}
.pagination-items-per-page > a:active,
.pagination-items-per-page > button:active {
  background-color: rgba(0, 0, 0, 0.04);
  border-color: transparent;
  color: #272833;
}
.pagination-items-per-page > a.active,
.pagination-items-per-page > button.active {
  background-color: rgba(0, 0, 0, 0.04);
  border-color: transparent;
  color: #272833;
}
.pagination-items-per-page > a:disabled, .pagination-items-per-page > a.disabled,
.pagination-items-per-page > button:disabled,
.pagination-items-per-page > button.disabled {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #6b6c7e;
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: auto;
}
.pagination-items-per-page > a[aria-expanded=true], .pagination-items-per-page > a.show,
.pagination-items-per-page > button[aria-expanded=true],
.pagination-items-per-page > button.show {
  background-color: rgba(0, 0, 0, 0.04);
  border-color: transparent;
  color: #272833;
}
.pagination-items-per-page > a > .c-inner,
.pagination-items-per-page > button > .c-inner {
  margin-bottom: 0;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-top: 0;
}
.pagination-items-per-page > a .lexicon-icon,
.pagination-items-per-page > button .lexicon-icon {
  margin-left: 0.125rem;
  margin-top: 0.125rem;
}
.pagination-items-per-page.disabled > a,
.pagination-items-per-page.disabled > button {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #6b6c7e;
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: auto;
}
@media (max-width: 767.98px) {
  .pagination-items-per-page + .pagination-results {
    margin-left: auto;
  }
}

.page-item .dropdown-menu,
.pagination-items-per-page .dropdown-menu {
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
}

.pagination-results {
  border-color: transparent;
  border-style: solid;
  border-width: 0.0625rem;
  color: #6b6c7e;
  font-size: 0.875rem;
  line-height: 1;
  margin-bottom: 0.5rem;
  margin-right: auto;
  max-width: 100%;
  padding: 0 0.625rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.pagination-sm .page-link {
  font-size: 0.75rem;
  height: 1.5rem;
  line-height: 1;
  padding-bottom: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-top: 0;
}
.pagination-sm .page-link > .c-inner {
  margin-bottom: 0;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: 0;
}
.pagination-sm .page-item:first-child .page-link,
.pagination-sm .page-link-first {
  border-bottom-left-radius: 0.3125rem;
  border-top-left-radius: 0.3125rem;
}
.pagination-sm .page-item:last-child .page-link,
.pagination-sm .page-link-last {
  border-bottom-right-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
}
.pagination-sm .pagination-items-per-page {
  border-radius: 0.3125rem;
}
.pagination-sm .pagination-items-per-page > a,
.pagination-sm .pagination-items-per-page > button {
  font-size: 0.75rem;
  height: 1.5rem;
  line-height: 1;
  padding-bottom: 0;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0;
}
.pagination-sm .pagination-items-per-page > a > .c-inner,
.pagination-sm .pagination-items-per-page > button > .c-inner {
  margin-bottom: 0;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-top: 0;
}
.pagination-sm .pagination-items-per-page + .pagination-results {
  font-size: 0.75rem;
  line-height: 1;
  padding: 0 0.625rem;
}

.pagination-lg .page-link {
  font-size: 1.125rem;
  height: 2.75rem;
  line-height: 1;
  padding-bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0;
}
.pagination-lg .page-link > .c-inner {
  margin-bottom: 0;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: 0;
}
.pagination-lg .page-item:first-child .page-link,
.pagination-lg .page-link-first {
  border-bottom-left-radius: 0.3125rem;
  border-top-left-radius: 0.3125rem;
}
.pagination-lg .page-item:last-child .page-link,
.pagination-lg .page-link-last {
  border-bottom-right-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
}
.pagination-lg .pagination-items-per-page {
  border-radius: 0.3125rem;
}
.pagination-lg .pagination-items-per-page > a,
.pagination-lg .pagination-items-per-page > button {
  font-size: 1.125rem;
  height: 2.75rem;
  line-height: 1;
  padding: 0 0.625rem;
}
.pagination-lg .pagination-items-per-page + .pagination-results {
  font-size: 1.125rem;
  line-height: 1;
  padding: 0 0.625rem;
}

.panel {
  background-color: #fff;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
  word-wrap: break-word;
}

.panel-header {
  border-bottom: 0px solid transparent;
  border-top-left-radius: calc(
	0.25rem - 1px
);
  border-top-right-radius: calc(
	0.25rem - 1px
);
  display: block;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 0.75rem 1.25rem;
  position: relative;
  width: 100%;
}
.panel-header .c-inner {
  margin: -0.75rem -1.25rem;
  width: auto;
}
.panel-header.collapsed {
  border-bottom-left-radius: calc(
	0.25rem - 1px
);
  border-bottom-right-radius: calc(
	0.25rem - 1px
);
}
.panel-header .collapse-icon-closed,
.panel-header .collapse-icon-open {
  font-size: 0.75rem;
  top: calc(0.75rem + (((1em * 1.2) - 1em) * 0.5));
}

.panel-header-link {
  color: inherit;
  display: block;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .panel-header-link {
    transition: none;
  }
}
.panel-header-link:hover {
  color: inherit;
  text-decoration: none;
}
.panel-header-link.focus, .panel-header-link:focus {
  z-index: 1;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.panel-header-link .collapse-icon {
  padding-right: 2.28125rem;
}

.panel-body {
  padding: 0.75rem 1.25rem;
}

.panel-footer {
  border-bottom-left-radius: calc(
	0.25rem - 1px
);
  border-bottom-right-radius: calc(
	0.25rem - 1px
);
  border-top: 0px solid transparent;
  padding: 0.75rem 1.25rem;
}

.panel-title {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  text-transform: uppercase;
}
.panel-title small,
.panel-title .small {
  font-size: 100%;
  margin-left: 0.375rem;
}

.panel-group {
  border-radius: 0.25rem;
}
.panel-group .panel {
  margin-bottom: -1px;
}
.panel-group .panel:first-child, .panel-group .panel:first-child .panel-header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.panel-group .panel:not(:first-child) {
  border-radius: 0;
  margin-top: -1px;
}
.panel-group .panel:not(:first-child) .panel-header {
  border-radius: 0;
}
.panel-group .panel:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.panel-group .panel:last-child .panel-header.collapsed {
  border-bottom-left-radius: calc(
	0.25rem - 1px
);
  border-bottom-right-radius: calc(
	0.25rem - 1px
);
}
.panel-group .panel-header {
  border-bottom-width: 0;
}
.panel-group .panel-header + .panel-collapse > .panel-body {
  border-top: 0px solid transparent;
}
.panel-group .panel-unstyled {
  margin-bottom: 1.5rem;
}
.panel-group-fluid .panel,
.panel-group-flush .panel {
  border-left-width: 0;
  border-right-width: 0;
}
.panel-group-fluid .panel:first-child, .panel-group-fluid .panel:last-child,
.panel-group-flush .panel:first-child,
.panel-group-flush .panel:last-child {
  border-radius: 0;
}
.panel-group-fluid .panel:first-child .panel-header, .panel-group-fluid .panel:first-child .panel-header.collapsed, .panel-group-fluid .panel:last-child .panel-header, .panel-group-fluid .panel:last-child .panel-header.collapsed,
.panel-group-flush .panel:first-child .panel-header,
.panel-group-flush .panel:first-child .panel-header.collapsed,
.panel-group-flush .panel:last-child .panel-header,
.panel-group-flush .panel:last-child .panel-header.collapsed {
  border-radius: 0;
}

.panel-group-fluid-first .panel {
  border-left-width: 0;
  border-right-width: 0;
}
.panel-group-fluid-first .panel:first-child {
  border-top-width: 0;
}
.panel-group-fluid-first .panel:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.panel-group-fluid-last .panel {
  border-left-width: 0;
  border-right-width: 0;
}
.panel-group-fluid-last .panel:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-group-fluid-last .panel:last-child {
  border-bottom-width: 0;
}

.card-body > .panel-group-fluid,
.card-body > .panel-group-fluid-first,
.card-body > .panel-group-fluid-last {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

.sheet > .panel-group-fluid {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.sheet > .panel-group-fluid-first {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-top: -1.5rem;
}
.sheet > .panel-group-fluid-last {
  margin-bottom: -0.0625rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.panel-group-flush .panel-header,
.panel-group-flush .panel-header-link {
  padding-left: 0;
  padding-right: 0;
}
.panel-group-flush .panel-header .c-inner,
.panel-group-flush .panel-header-link .c-inner {
  margin-left: 0;
  margin-right: 0;
}
.panel-group-flush .panel-body {
  margin-bottom: 1.5rem;
  padding: 0;
}
.panel-group-flush .collapse-icon {
  padding-right: 1.5rem;
}
.panel-group-flush .collapse-icon .c-inner {
  margin-right: -1.5rem;
}
.panel-group-flush .collapse-icon-closed,
.panel-group-flush .collapse-icon-open {
  right: 0;
}
.panel-group-flush .panel-unstyled {
  margin-bottom: 1.5rem;
}
.panel-group-flush .panel-unstyled .panel-body {
  margin-bottom: 0;
}
.panel-group-sm .panel {
  font-size: 0.875rem;
}
.panel-group-sm .panel .panel-header {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.panel-group-sm .panel .panel-header .c-inner {
  margin-bottom: -0.5rem;
  margin-top: -0.5rem;
}
.panel-group-sm .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
.panel-group-sm .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-open {
  top: 0.6875rem;
}
.panel-group-sm .panel .panel-title {
  font-size: 0.75rem;
}
.panel-group-sm .panel-unstyled {
  margin-bottom: 1rem;
}
.panel-secondary {
  border-color: #e7e7ed;
  color: #6b6c7e;
}
.panel-secondary .panel-header {
  border-color: #e7e7ed;
}
.panel-group .panel-secondary .panel-header + .panel-collapse > .panel-body {
  border-color: #e7e7ed;
}
.panel-secondary .panel-footer {
  border-color: #e7e7ed;
}
.panel-unstyled {
  background-color: transparent;
  border-radius: 0px;
  border-width: 0px;
  margin-bottom: 1.5rem;
}
.panel-unstyled .panel-header {
  border-color: #a7a9bc;
  border-radius: 0px;
  border-style: solid;
  border-width: 0 0 1px 0;
  padding-left: 0;
}
.panel-unstyled .panel-header .c-inner {
  margin-left: 0;
}
.panel-unstyled .panel-header.collapsed {
  border-color: #a7a9bc;
}
.panel-unstyled .panel-header.panel-header-link {
  border-radius: 1px;
}
.panel-unstyled .panel-header.panel-header-link.focus, .panel-unstyled .panel-header.panel-header-link:focus {
  box-shadow: 0 0 0 0.25rem var(--body-bg, #fff), 0 0 0 0.375rem #00d29a;
}
.panel-unstyled .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
.panel-unstyled .panel-header:not(.collapse-icon-middle) .collapse-icon-open {
  right: 0;
}
.panel-unstyled .panel-body {
  padding: 1rem 0 0.1px 0;
}
.panel-unstyled .panel-footer {
  padding: 1rem 0 0.1px 0;
}
.panel-group.panel-group-flush .panel-unstyled .panel-header-link, .panel-group.panel-group-flush .panel-unstyled .panel-header-link.collapsed {
  border-radius: 1px;
}

.popover {
  background-clip: padding-box;
  background-color: #fff;
  border: 0.0625rem solid transparent;
  border-radius: 0.25rem;
  box-shadow: 0 1px 15px -2px rgba(0, 0, 0, 0.2);
  display: block;
  font-family: var(--font-family-base, "DIN-Regular", Helvetica, Arial, sans-serif);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  left: 0;
  letter-spacing: normal;
  line-height: 1.5;
  max-width: 14.5rem;
  position: absolute;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  top: 0;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  z-index: 1060;
}
.popover .arrow {
  display: block;
  height: 0.3rem;
  margin: 0 0.25rem;
  position: absolute;
  width: 0.6rem;
}
.popover .arrow::before {
  border-color: transparent;
  border-style: solid;
  content: "";
  display: block;
  position: absolute;
}
.popover .arrow::after {
  border-color: transparent;
  border-style: solid;
  content: "";
  display: block;
  position: absolute;
}
.popover .inline-scroller {
  max-height: 14.875rem;
}
.popover-secondary {
  box-shadow: 0 8px 16px 0 rgba(0, 93, 68, 0.16);
}
.popover-secondary .popover-header {
  background-color: transparent;
  border-color: transparent;
  padding-bottom: 0;
}
.popover-secondary .close {
  color: #6b6c7e;
}
.bs-popover-bottom,
.bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.3rem;
}
.bs-popover-bottom > .arrow,
.bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc(
			-0.3rem - 0.0625rem
		);
}
.bs-popover-bottom > .arrow::before,
.bs-popover-auto[x-placement^=bottom] > .arrow::before {
  border-bottom-color: transparent;
  border-width: 0 0.3rem 0.3rem 0.3rem;
  top: 0;
}
.bs-popover-bottom > .arrow::after,
.bs-popover-auto[x-placement^=bottom] > .arrow::after {
  border-bottom-color: #fff;
  border-width: 0 0.3rem 0.3rem 0.3rem;
  top: 0.0625rem;
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^=bottom] .popover-header::before {
  border-bottom: 0.0625rem solid #fff;
  content: "";
  display: block;
  left: 50%;
  margin-left: calc(-0.6rem / 2);
  position: absolute;
  top: 0;
  width: 0.6rem;
}

.bs-popover-left,
.bs-popover-auto[x-placement^=left] {
  margin-right: 0.3rem;
}
.bs-popover-left > .arrow,
.bs-popover-auto[x-placement^=left] > .arrow {
  height: 0.6rem;
  margin: 0.25rem 0;
  right: calc(
			-0.3rem - 0.0625rem
		);
  width: 0.3rem;
}
.bs-popover-left > .arrow::before,
.bs-popover-auto[x-placement^=left] > .arrow::before {
  border-left-color: transparent;
  border-width: 0.3rem 0 0.3rem 0.3rem;
  right: 0;
}
.bs-popover-left > .arrow::after,
.bs-popover-auto[x-placement^=left] > .arrow::after {
  border-left-color: #fff;
  border-width: 0.3rem 0 0.3rem 0.3rem;
  right: 0.0625rem;
}

.bs-popover-right,
.bs-popover-auto[x-placement^=right] {
  margin-left: 0.3rem;
}
.bs-popover-right > .arrow,
.bs-popover-auto[x-placement^=right] > .arrow {
  height: 0.6rem;
  left: calc(
			-0.3rem - 0.0625rem
		);
  margin: 0.25rem 0;
  width: 0.3rem;
}
.bs-popover-right > .arrow::before,
.bs-popover-auto[x-placement^=right] > .arrow::before {
  border-right-color: transparent;
  border-width: 0.3rem 0.3rem 0.3rem 0;
  left: 0;
}
.bs-popover-right > .arrow::after,
.bs-popover-auto[x-placement^=right] > .arrow::after {
  border-right-color: #fff;
  border-width: 0.3rem 0.3rem 0.3rem 0;
  left: 0.0625rem;
}

.bs-popover-top,
.bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.3rem;
}
.bs-popover-top > .arrow,
.bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc(
			-0.3rem - 0.0625rem
		);
}
.bs-popover-top > .arrow::before,
.bs-popover-auto[x-placement^=top] > .arrow::before {
  border-top-color: transparent;
  border-width: 0.3rem 0.3rem 0;
  bottom: 0;
}
.bs-popover-top > .arrow::after,
.bs-popover-auto[x-placement^=top] > .arrow::after {
  border-top-color: #fff;
  border-width: 0.3rem 0.3rem 0;
  bottom: 0.0625rem;
}

.popover-header {
  color: #272833;
  background-color: #fff;
  border-bottom: 0.0625rem solid #f2f2f2;
  border-color: #e7e7ed;
  border-top-left-radius: calc( 	0.25rem - 0.0625rem );
  border-top-right-radius: calc( 	0.25rem - 0.0625rem );
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  margin-bottom: 0;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 0;
  padding: 0.75rem 0;
}
.popover-header:empty {
  display: none;
}
.popover-body {
  border-bottom-left-radius: calc( 	0.25rem - 0.0625rem );
  border-bottom-right-radius: calc( 	0.25rem - 0.0625rem );
  color: #6b6c7e;
  padding: 0.75rem 1rem;
}
.popover-width-lg {
  max-width: 421px;
}
.clay-popover-top,
.clay-popover-top-left,
.clay-popover-top-right {
  margin-bottom: 0.3rem;
}
.clay-popover-top .arrow,
.clay-popover-top-left .arrow,
.clay-popover-top-right .arrow {
  left: 50%;
  margin-left: -0.3rem;
  bottom: calc((0.3rem + 0.0625rem) * -1);
  margin: 0;
}
.clay-popover-top .arrow::before,
.clay-popover-top-left .arrow::before,
.clay-popover-top-right .arrow::before {
  border-top-color: transparent;
  border-width: 0.3rem 0.3rem 0;
  bottom: 0;
}
.clay-popover-top .arrow::after,
.clay-popover-top-left .arrow::after,
.clay-popover-top-right .arrow::after {
  border-top-color: #fff;
  border-width: 0.3rem 0.3rem 0;
  bottom: 0.0625rem;
}
.clay-popover-top-left .arrow {
  left: 0.625rem;
  margin: 0;
}
.clay-popover-top-right .arrow {
  left: auto;
  right: 0.625rem;
  margin: 0;
}
.clay-popover-right,
.clay-popover-right-bottom,
.clay-popover-right-top {
  margin-left: 0.3rem;
}
.clay-popover-right .arrow,
.clay-popover-right-bottom .arrow,
.clay-popover-right-top .arrow {
  height: 0.6rem;
  left: calc((0.3rem + 0.0625rem) * -1);
  margin: -0.15rem 0 0;
  top: 50%;
  width: 0.3rem;
}
.clay-popover-right .arrow::before,
.clay-popover-right-bottom .arrow::before,
.clay-popover-right-top .arrow::before {
  border-right-color: transparent;
  border-width: 0.3rem 0.3rem 0.3rem 0;
  left: 0;
}
.clay-popover-right .arrow::after,
.clay-popover-right-bottom .arrow::after,
.clay-popover-right-top .arrow::after {
  border-right-color: #fff;
  border-width: 0.3rem 0.3rem 0.3rem 0;
  left: 0.0625rem;
}
.clay-popover-right-bottom .arrow {
  bottom: 0.625rem;
  margin: 0;
  top: auto;
}
.clay-popover-right-top .arrow {
  margin: 0;
  top: 0.625rem;
}
.clay-popover-right-top .arrow::after {
  border-right-color: #fff;
}
.clay-popover-bottom,
.clay-popover-bottom-left,
.clay-popover-bottom-right {
  margin-top: 0.3rem;
}
.clay-popover-bottom .arrow,
.clay-popover-bottom-left .arrow,
.clay-popover-bottom-right .arrow {
  left: 50%;
  margin: 0 0 0 -0.3rem;
  top: calc((0.3rem + 0.0625rem) * -1);
}
.clay-popover-bottom .arrow::before,
.clay-popover-bottom-left .arrow::before,
.clay-popover-bottom-right .arrow::before {
  border-bottom-color: transparent;
  border-width: 0 0.3rem 0.3rem 0.3rem;
  top: 0;
}
.clay-popover-bottom .arrow::after,
.clay-popover-bottom-left .arrow::after,
.clay-popover-bottom-right .arrow::after {
  border-bottom-color: #fff;
  border-width: 0 0.3rem 0.3rem 0.3rem;
  top: 0.0625rem;
}
.clay-popover-bottom-left .arrow {
  left: 0.625rem;
  margin: 0;
}
.clay-popover-bottom-left .arrow::after {
  border-bottom-color: #fff;
}
.clay-popover-bottom-right .arrow {
  left: auto;
  right: 0.625rem;
}
.clay-popover-bottom-right .arrow::after {
  border-bottom-color: #fff;
}
.clay-popover-left,
.clay-popover-left-bottom,
.clay-popover-left-top {
  margin-right: 0.3rem;
}
.clay-popover-left .arrow,
.clay-popover-left-bottom .arrow,
.clay-popover-left-top .arrow {
  height: 0.6rem;
  margin: -0.15rem 0 0;
  right: calc((0.3rem + 0.0625rem) * -1);
  top: 50%;
  width: 0.3rem;
}
.clay-popover-left .arrow::before,
.clay-popover-left-bottom .arrow::before,
.clay-popover-left-top .arrow::before {
  border-left-color: transparent;
  border-width: 0.3rem 0 0.3rem 0.3rem;
  right: 0;
}
.clay-popover-left .arrow::after,
.clay-popover-left-bottom .arrow::after,
.clay-popover-left-top .arrow::after {
  border-left-color: #fff;
  border-width: 0.3rem 0 0.3rem 0.3rem;
  right: 0.0625rem;
}
.clay-popover-left-bottom .arrow {
  bottom: 0.625rem;
  margin: 0;
  top: auto;
}
.clay-popover-left-top .arrow {
  margin: 0;
  top: 0.625rem;
}
.clay-popover-left-top .arrow::after {
  border-left-color: #fff;
}
.progress {
  background-color: #f1f2f5;
  border-radius: 100px;
  box-shadow: none;
  display: flex;
  flex-grow: 1;
  font-size: 0.5625rem;
  height: 0.5rem;
  min-width: 6.25rem;
  overflow: hidden;
}

.progress-bar {
  background-color: #005D44;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  transition: width 0.6s ease;
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 0.5rem 0.5rem;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 0.5rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.progress-lg,
.progress-lg > .progress {
  border-radius: 100px;
  font-size: 1.125rem;
  height: calc(0.5rem * 2);
  line-height: calc(0.5rem * 2);
}

.progress-group {
  align-items: center;
  display: flex;
}
.progress-group .component-subtitle {
  font-size: 0.75rem;
  font-weight: var(--font-weight-normal, 400);
}
.progress-group-addon {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  margin-right: 0.25rem;
  min-width: 2rem;
  text-align: center;
}
.progress-group-addon:first-child {
  padding-left: 0;
}
.progress-group-addon:last-child {
  padding-right: 0;
}

.progress ~ .progress-group-addon {
  margin-left: 0.25rem;
  margin-right: 0;
}

.progress-group-feedback {
  color: #005D44;
}

.progress-group-stacked {
  display: block;
}
.progress-group-stacked .progress {
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}
.progress-group-stacked .progress-group-addon {
  margin-left: 0;
  margin-right: 0;
}

.progress-success .progress-bar {
  background-color: #287d3c;
}
.progress-success .progress-group-feedback {
  color: #287d3c;
}

.progress-info .progress-bar {
  background-color: #2e5aac;
}
.progress-info .progress-group-feedback {
  color: #2e5aac;
}

.progress-warning .progress-bar {
  background-color: #b95000;
}
.progress-warning .progress-group-feedback {
  color: #b95000;
}

.progress-danger .progress-bar {
  background-color: #da1414;
}
.progress-danger .progress-group-feedback {
  color: #da1414;
}

.quick-action-menu {
  align-items: center;
  bottom: 0;
  display: none;
  font-size: 1rem;
  left: auto;
  position: absolute;
  right: 100%;
  top: 0;
}

.quick-action-item {
  border-radius: 0.25rem;
  display: flex;
  line-height: 1;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  min-height: 2rem;
  min-width: 2rem;
}
.quick-action-item:disabled, .quick-action-item.disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.quick-action-item .lexicon-icon {
  margin-top: 0;
}

.sheet {
  background-color: #fff;
  border-color: #e7e7ed;
  border-style: solid;
  border-width: 0.0625rem;
  border-radius: 0.25rem;
  padding-bottom: 0.0625rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
}
@media (max-width: 767.98px) {
  .sheet {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
  }
}
.sheet::after {
  content: "";
  display: block;
  margin-top: 1.5rem;
}
@media (max-width: 767.98px) {
  .sheet::after {
    margin-top: 1rem;
  }
}
.sheet + .sheet {
  margin-top: 3rem;
}
.sheet .component-title {
  color: inherit;
  display: inline-block;
  font-size: inherit;
  font-weight: inherit;
  max-width: 100%;
}
.sheet .panel-group,
.sheet .panel-group .panel:last-child .panel-body {
  margin-bottom: 1.5rem;
}
@media (max-width: 767.98px) {
  .sheet .panel-group,
  .sheet .panel-group .panel:last-child .panel-body {
    margin-bottom: 1rem;
  }
}
.sheet .panel-group .panel-body {
  margin-bottom: 3rem;
}
@media (max-width: 767.98px) {
  .sheet .panel-group .panel-body {
    margin-bottom: 2rem;
  }
}

.sheet-header {
  margin-bottom: 3rem;
}
@media (max-width: 767.98px) {
  .sheet-header {
    margin-bottom: 2rem;
  }
}
.sheet-header::after {
  clear: both;
  content: "";
  display: block;
}

.sheet-section {
  margin-bottom: 3rem;
}
@media (max-width: 767.98px) {
  .sheet-section {
    margin-bottom: 2rem;
  }
}
.sheet-section > fieldset {
  margin-bottom: -3rem;
}
@media (max-width: 767.98px) {
  .sheet-section > fieldset {
    margin-bottom: -2rem;
  }
}
.sheet-section > .card-page:last-child,
.sheet-section .card-page-last {
  margin-bottom: -1.5rem;
}
.sheet-section::after {
  clear: both;
  content: "";
  display: block;
}

fieldset + .sheet-footer {
  margin-top: 0;
}

.sheet-footer {
  display: flex;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}
@media (max-width: 767.98px) {
  .sheet-footer {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}
.sheet-footer::after {
  clear: both;
  content: "";
  display: block;
}

@media (max-width: 767.98px) {
  .sheet-footer-btn-block-sm-down {
    display: block;
  }
  .sheet-footer-btn-block-sm-down .btn {
    display: block;
    margin-bottom: 1rem;
    width: 100%;
  }
  .sheet-footer-btn-block-sm-down .btn-group {
    display: block;
  }
  .sheet-footer-btn-block-sm-down .btn-group-item {
    display: block;
    margin-right: 0;
  }
}

.sheet-lg {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}

.sheet-title {
  display: block;
  font-size: 1.25rem;
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.2;
  margin-bottom: 1.5rem;
  word-wrap: break-word;
}
@media (max-width: 767.98px) {
  .sheet-title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
}
.sheet-subtitle {
  border-color: #a7a9bc;
  border-style: solid;
  border-width: 0 0 1px 0;
  color: var(--body-color, #344243);
  display: block;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.2;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  position: relative;
  text-transform: uppercase;
  word-wrap: break-word;
}
@media (max-width: 767.98px) {
  .sheet-subtitle {
    margin-bottom: 1rem;
  }
}
.sheet-subtitle .c-inner {
  margin-bottom: -0.5rem;
  margin-top: -0.5rem;
}
.sheet-subtitle.autofit-row {
  padding-bottom: 0;
}
.sheet-subtitle.autofit-row .autofit-col {
  margin-bottom: 0.5rem;
}
.sheet-subtitle .collapse-icon-closed,
.sheet-subtitle .collapse-icon-open {
  font-size: 0.75rem;
  top: calc(0.5rem + (((1em * 1.2) - 1em) * 0.5));
}
.sheet-subtitle .component-title,
.sheet-subtitle .heading-text {
  margin-bottom: 0;
  margin-top: auto;
}
.sheet-subtitle a,
.sheet-subtitle .btn {
  text-transform: none;
}

a.sheet-subtitle {
  color: var(--body-color, #344243);
  border-radius: 1px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  a.sheet-subtitle {
    transition: none;
  }
}
a.sheet-subtitle:hover {
  text-decoration: none;
}
a.sheet-subtitle.focus, a.sheet-subtitle:focus {
  box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #00d29a;
  outline: 0;
}
.sheet-tertiary-title {
  color: var(--body-color, #344243);
  display: block;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.2;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  text-transform: uppercase;
  word-wrap: break-word;
}
@media (max-width: 767.98px) {
  .sheet-tertiary-title {
    margin-bottom: 0.5rem;
  }
}
.sheet-tertiary-title .component-title {
  margin-bottom: 0;
}

.sheet-text {
  color: #6b6c7e;
  margin-bottom: 1.5rem;
  word-wrap: break-word;
}
@media (max-width: 767.98px) {
  .sheet-text {
    margin-bottom: 1rem;
  }
}

.sheet-multiple-form .sheet-header {
  border-color: #e7e7ed;
  border-style: solid;
  border-width: 0 0 1px;
  margin: -1.5rem -1.5rem 1.5rem;
  padding: 1rem 1.5rem;
}
@media (max-width: 767.98px) {
  .sheet-multiple-form .sheet-header {
    margin: -1rem -1rem 1rem;
    padding: 1rem;
  }
}
.sheet-multiple-form .sheet-header .sheet-title {
  margin-bottom: 0;
}

.sheet-dataset-content .sheet-header {
  border-width: 0px;
  margin: -1.5rem -1.5rem 1.5rem;
  padding: 1rem 1.5rem;
}
@media (max-width: 767.98px) {
  .sheet-dataset-content .sheet-header {
    margin: -1rem -1rem 1rem;
    padding: 1rem;
  }
}
.sheet-dataset-content .sheet-header .sheet-title {
  margin-bottom: 0;
}

.card-page-equal-height .sheet {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.card-page-equal-height .sheet > .autofit-row {
  flex-grow: 1;
}

.card-page-item .sheet {
  margin-bottom: 30px;
}

.container-fluid-1280.sidenav-container {
  padding-left: 15px;
  padding-right: 15px;
}

.sidenav-container {
  position: relative;
}
.sidenav-container > .sidenav-menu-slider {
  visibility: hidden;
  width: 0;
}
.sidenav-container > .sidenav-content {
  left: 0;
}

.sidenav-container.open.sidenav-transition > .sidenav-menu-slider {
  overflow: hidden;
}
.sidenav-container.open > .sidenav-menu-slider {
  overflow: visible;
  visibility: visible;
}

.sidenav-content {
  position: relative;
}
@media (min-width: 768px) {
  .sidenav-content {
    position: static;
  }
  .sidenav-content::after {
    clear: both;
    content: "";
    display: block;
  }
}

.sidenav-menu {
  height: 100%;
  position: relative;
}

.sidenav-menu-slider {
  overflow: hidden;
  position: absolute;
  width: 320px;
  z-index: 10;
}

.sidenav-fixed > .sidenav-menu-slider {
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 1035;
}

.sidenav-end > .sidenav-content,
.sidenav-right > .sidenav-content {
  left: auto;
  right: 0;
}
.sidenav-end > .sidenav-menu-slider,
.sidenav-right > .sidenav-menu-slider {
  left: auto;
  right: 0;
}
.sidenav-end > .sidenav-menu-slider .sidenav-menu,
.sidenav-right > .sidenav-menu-slider .sidenav-menu {
  right: 0;
}

.sidenav-js-fouc > .sidenav-menu-slider {
  opacity: 0;
  visibility: hidden;
}

.sidenav-transition .sidenav-content,
.sidenav-transition .sidenav-menu,
.sidenav-transition .sidenav-menu-slider {
  transition: all 0.5s ease;
}

.sidenav-transition {
  transition: all 0.5s ease;
}

.sidenav-fixed.sidenav-menu-slider {
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 0;
}
.sidenav-fixed.sidenav-menu-slider.open {
  visibility: visible;
  width: 320px;
}
.sidenav-fixed.sidenav-menu-slider .sidenav-menu {
  position: absolute;
}

.sidenav-menu-slider .sidenav-menu {
  width: 320px;
}
.sidenav-menu-slider.sidenav-end, .sidenav-menu-slider.sidenav-right {
  left: auto;
  right: 0;
}
.sidenav-menu-slider.sidenav-end .sidenav-menu, .sidenav-menu-slider.sidenav-right .sidenav-menu {
  right: 0;
}

.sidebar {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.sidebar:focus, .sidebar.focus {
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
  outline: 0;
}
.sidebar .container-fluid {
  padding-left: 1rem;
  padding-right: 1rem;
}

.sidebar-header {
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}
.sidebar-header .component-title {
  font-size: 1.25rem;
  font-weight: var(--font-weight-semi-bold, 500);
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.sidebar-header .component-title[href],
.sidebar-header .component-title [href] {
  color: #272833;
}
.sidebar-header .component-subtitle {
  font-size: 0.75rem;
  font-weight: var(--font-weight-normal, 400);
  margin-bottom: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.sidebar-footer {
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}

.sidebar-body {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}
.sidebar-body > .sidebar-section {
  margin-bottom: 2rem;
}
.sidebar-body > .sidebar-section:last-child {
  margin-bottom: 0;
}

.sidebar-section {
  position: relative;
  word-wrap: break-word;
}

.sidebar-list-group {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  margin-bottom: 0;
  padding-left: 0;
}
.sidebar-list-group .autofit-col {
  padding-bottom: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 1rem;
}
.sidebar-list-group .list-group-item {
  background-color: transparent;
  border-color: #cdced9;
  padding: 0;
}
.sidebar-list-group .sticker {
  font-size: 0.75rem;
  height: 1.5rem;
  line-height: 1.5rem;
  width: 1.5rem;
}
.sidebar-list-group .sticker.sticker-outside {
  left: -0.75rem;
  top: -0.75rem;
}
.sidebar-list-group .sticker.sticker-outside.sticker-bottom-left {
  bottom: -0.75rem;
  top: auto;
}
.sidebar-list-group .sticker.sticker-outside.sticker-bottom-right {
  bottom: -0.75rem;
  left: auto;
  right: -0.75rem;
  top: auto;
}
.sidebar-list-group .sticker.sticker-outside.sticker-top-right {
  left: auto;
  right: -0.75rem;
}

.sidebar-panel {
  margin-bottom: 1rem;
  position: relative;
}

.sidebar-dt {
  font-size: 0.75rem;
  font-weight: var(--font-weight-semi-bold, 500);
  margin-bottom: 0.25rem;
  text-transform: uppercase;
}
.sidebar-dd {
  font-size: 0.875rem;
  margin-bottom: 0.75rem;
}
.sidebar-light {
  background-color: #fff;
  border-color: #e7e7ed;
  border-left-width: 0px;
  color: #272833;
  box-shadow: -0.25rem 0 0.5rem -0.25rem rgba(0, 0, 0, 0.1);
}
.sidenav-start .sidebar-light,
.sidenav-left .sidebar-light {
  box-shadow: 0.25rem 0 0.5rem -0.25rem rgba(0, 0, 0, 0.1);
}
.sidenav-start .sidebar-light:focus, .sidenav-start .sidebar-light.focus,
.sidenav-left .sidebar-light:focus,
.sidenav-left .sidebar-light.focus {
  box-shadow: 0.25rem 0 0.5rem -0.25rem rgba(0, 0, 0, 0.1), inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
}

.sidebar-light .sidebar-list-group .list-group-title {
  font-size: 1rem;
}
.sidebar-light .sidebar-list-group .list-group-title[href],
.sidebar-light .sidebar-list-group .list-group-title [href] {
  color: #272833;
}
.sidebar-light .sidebar-panel {
  background-color: #f1f2f5;
}
.sidebar-light .sidebar-dt {
  color: #6b6c7e;
}
.sidebar-light .sidebar-dd[href],
.sidebar-light .sidebar-dd [href] {
  color: #272833;
}
.sidebar-light .panel-unstyled .panel-header.panel-header-link.focus, .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus {
  box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #00d29a;
}
.sidebar-light .component-navigation-bar {
  background-color: #fff;
  border-color: #cdced9;
}
.sidebar-light .component-navigation-bar .navbar-nav .nav-link {
  color: #6b6c7e;
}
.sidebar-light .component-navigation-bar .navbar-nav .nav-link:hover {
  color: #6b6c7e;
}
.sidebar-light .component-navigation-bar .navbar-nav .nav-link:active {
  color: #272833;
}
.sidebar-light .component-navigation-bar .navbar-nav .nav-link.active {
  color: #272833;
}
.sidebar-light .component-navigation-bar .navbar-nav .nav-link:disabled, .sidebar-light .component-navigation-bar .navbar-nav .nav-link.disabled {
  color: #a7a9bc;
}
.sidebar-light .component-navigation-bar .navbar-nav .nav-link[aria-expanded=true], .sidebar-light .component-navigation-bar .navbar-nav .nav-link.show {
  color: #272833;
}
.sidebar-light .component-navigation-bar .navbar-brand:active {
  color: #272833;
}
.sidebar-light .component-navigation-bar .navbar-brand.active {
  color: #272833;
}
.sidebar-light .component-navigation-bar .navbar-brand:disabled, .sidebar-light .component-navigation-bar .navbar-brand.disabled {
  color: #a7a9bc;
}
.sidebar-light .component-navigation-bar .navbar-brand[aria-expanded=true], .sidebar-light .component-navigation-bar .navbar-brand.show {
  color: #272833;
}
.sidebar-light .component-navigation-bar .navbar-toggler {
  color: #6b6c7e;
}
.sidebar-light .component-navigation-bar .navbar-overlay {
  background-color: #fff;
}
.sidebar-dark {
  background-color: #272833;
  color: #fff;
}
.sidebar-dark .close {
  color: #a7a9bc;
}
.sidebar-dark .close:hover {
  color: #fff;
}
.sidebar-dark .sidebar-header .component-title {
  color: inherit;
}
.sidebar-dark .sidebar-header .component-title[href],
.sidebar-dark .sidebar-header .component-title [href] {
  color: inherit;
}
.sidebar-dark .sidebar-header .component-subtitle {
  color: inherit;
}
.sidebar-dark .sidebar-header .component-subtitle[href],
.sidebar-dark .sidebar-header .component-subtitle [href] {
  color: inherit;
}
.sidebar-dark .nav-nested .nav-link {
  border-radius: 0.25rem;
  color: #a7a9bc;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .sidebar-dark .nav-nested .nav-link {
    transition: none;
  }
}
.sidebar-dark .nav-nested .nav-link:hover {
  color: #fff;
}
.sidebar-dark .nav-nested .nav-link.focus, .sidebar-dark .nav-nested .nav-link:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.sidebar-dark .nav-nested .nav-link:active {
  color: #fff;
}
.sidebar-dark .nav-nested .nav-link.active {
  color: #fff;
}
.sidebar-dark .nav-nested .nav-link:disabled, .sidebar-dark .nav-nested .nav-link.disabled {
  box-shadow: none;
  color: #a7a9bc;
  opacity: 0.65;
}
.sidebar-dark .nav-nested .nav-link:disabled:active, .sidebar-dark .nav-nested .nav-link.disabled:active {
  pointer-events: none;
}
.sidebar-dark .nav-nested .nav-link[aria-expanded=true], .sidebar-dark .nav-nested .nav-link.show {
  color: #fff;
}
.sidebar-dark-l2 {
  background-color: #393a4a;
  color: #fff;
}
.sidebar-dark-l2 .close {
  color: #a7a9bc;
}
.sidebar-dark-l2 .close:hover {
  color: #fff;
}
.sidebar-dark-l2 .sidebar-header .component-title {
  color: inherit;
}
.sidebar-dark-l2 .sidebar-header .component-title[href],
.sidebar-dark-l2 .sidebar-header .component-title [href] {
  color: inherit;
}
.sidebar-dark-l2 .sidebar-header .component-subtitle {
  color: inherit;
}
.sidebar-dark-l2 .sidebar-header .component-subtitle[href],
.sidebar-dark-l2 .sidebar-header .component-subtitle [href] {
  color: inherit;
}
.sidebar-dark-l2 .nav-nested .nav-link {
  border-radius: 0.25rem;
  color: #a7a9bc;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .sidebar-dark-l2 .nav-nested .nav-link {
    transition: none;
  }
}
.sidebar-dark-l2 .nav-nested .nav-link:hover {
  color: #fff;
}
.sidebar-dark-l2 .nav-nested .nav-link.focus, .sidebar-dark-l2 .nav-nested .nav-link:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.sidebar-dark-l2 .nav-nested .nav-link:active {
  color: #fff;
}
.sidebar-dark-l2 .nav-nested .nav-link.active {
  color: #fff;
}
.sidebar-dark-l2 .nav-nested .nav-link:disabled, .sidebar-dark-l2 .nav-nested .nav-link.disabled {
  box-shadow: none;
  color: #a7a9bc;
  opacity: 0.65;
}
.sidebar-dark-l2 .nav-nested .nav-link:disabled:active, .sidebar-dark-l2 .nav-nested .nav-link.disabled:active {
  pointer-events: none;
}
.sidebar-dark-l2 .nav-nested .nav-link[aria-expanded=true], .sidebar-dark-l2 .nav-nested .nav-link.show {
  color: #fff;
}
.c-slideout-transition-in {
  transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .c-slideout-transition-in {
    transition: none;
  }
}

.c-slideout-transition-out {
  transition: all 0.2s ease-in;
}
@media (prefers-reduced-motion: reduce) {
  .c-slideout-transition-out {
    transition: none;
  }
}

.c-slideout-fixed {
  position: fixed;
}

.c-slideout-absolute {
  position: absolute;
}

.c-slideout {
  display: flex;
  overflow: hidden;
  z-index: 1035;
}
.c-slideout.c-slideout-shown {
  overflow: visible;
}
.c-slideout .sidebar {
  display: none;
  flex-shrink: 0;
  position: relative;
  width: 320px;
}
.c-slideout .sidebar.c-slideout-show {
  display: block;
}
.c-slideout .sidebar.c-slideout-transition {
  display: block;
}
.c-slideout .tbar-stacked {
  display: none;
  flex-shrink: 0;
  min-width: 40px;
  overflow: auto;
  position: relative;
  z-index: 1;
}
.c-slideout .tbar-stacked.c-slideout-show {
  display: flex;
}
.c-slideout .tbar-stacked.c-slideout-transition {
  display: flex;
}
@media (max-width: 767.98px) {
  .c-slideout .sidebar {
    width: 280px;
  }
}

.c-slideout-start {
  bottom: 0;
  left: 0;
  top: 0;
}
.c-slideout-start.c-slideout-tbar-shown .sidebar {
  left: -320px;
}
.c-slideout-start .sidebar {
  left: -360px;
  width: 320px;
}
.c-slideout-start .sidebar.c-slideout-show {
  left: 0;
}
.c-slideout-start .tbar-stacked {
  left: -40px;
}
.c-slideout-start .tbar-stacked.c-slideout-show {
  left: 0;
}
@media (max-width: 767.98px) {
  .c-slideout-start.c-slideout-tbar-shown .sidebar {
    left: -280px;
  }
  .c-slideout-start .sidebar {
    left: -320px;
    width: 280px;
  }
  .c-slideout-start .tbar-stacked {
    left: -40px;
  }
}

.c-slideout-end {
  bottom: 0;
  right: 0;
  top: 0;
}
.c-slideout-end.c-slideout-tbar-shown .sidebar {
  right: -320px;
}
.c-slideout-end .sidebar {
  right: -360px;
}
.c-slideout-end .sidebar.c-slideout-show {
  right: 0;
}
.c-slideout-end .tbar-stacked {
  right: -40px;
}
.c-slideout-end .tbar-stacked.c-slideout-show {
  right: 0;
}
@media (max-width: 767.98px) {
  .c-slideout-end.c-slideout-tbar-shown .sidebar {
    right: -280px;
  }
  .c-slideout-end .sidebar {
    right: -320px;
  }
  .c-slideout-end .tbar-stacked {
    right: -40px;
  }
}

table {
  border-collapse: collapse;
}

th {
  height: 20px;
  text-align: left;
}

caption {
  color: #272833;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
  text-align: left;
}

.table-head-title .inline-item-before {
  margin-right: 0.25rem;
}
.table-head-title .inline-item-before + .text-truncate-inline {
  max-width: calc(
	100% - 1em - 0.25rem
);
}
.table-head-title .inline-item-after {
  margin-left: 0.25rem;
}

.table {
  border-spacing: 0;
  color: var(--body-color, #344243);
  font-size: 0.875rem;
  margin-bottom: 0;
  width: 100%;
}
.table thead {
  background-color: #fff;
}
.table thead th,
.table thead td {
  background-color: #fff;
  border-bottom: 0 solid #e7e7ed;
  border-top-width: 0px;
  vertical-align: bottom;
}
.table thead th [href] {
  border-radius: 1px;
  color: #6b6c7e;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .table thead th [href] {
    transition: none;
  }
}
.table thead th [href]:hover {
  color: #272833;
}
.table thead th [href].focus, .table thead th [href]:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.table th:first-child,
.table td:first-child,
.table .table-column-start {
  padding-left: 15px;
}
.table th:last-child,
.table td:last-child,
.table .table-column-end {
  padding-right: 15px;
}
.table th {
  background-clip: padding-box;
  border-top: 0.0625rem solid #e7e7ed;
  color: #6b6c7e;
  font-weight: var(--font-weight-semi-bold, 500);
  height: 36px;
  padding: 0.75rem;
  position: relative;
  vertical-align: top;
}
.table td {
  background-clip: padding-box;
  border-bottom-width: 0.0625rem;
  border-color: #e7e7ed;
  border-left-width: 0px;
  border-right-width: 0px;
  border-style: solid;
  border-top-width: 0.0625rem;
  padding: 0.75rem;
  position: relative;
  vertical-align: middle;
}
.table tbody {
  background-color: #fff;
}
.table tbody th,
.table tbody td {
  background-color: #fff;
}
.table tbody + tbody {
  border-top: calc(2 * 0.0625rem) solid #e7e7ed;
}
.table tfoot {
  background-color: #fff;
}
.table tfoot th,
.table tfoot td {
  background-color: #fff;
}
.table caption {
  caption-side: top;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.table .table-divider th,
.table .table-divider td {
  background-color: #f7f8f9;
  color: #6b6c7e;
  font-size: 0.75rem;
  font-weight: var(--font-weight-semi-bold, 500);
  padding: 0.4375rem 0.75rem;
  text-transform: uppercase;
}
.table .table-active {
  background-color: #f0f5ff;
}
.table .table-active th,
.table .table-active td {
  background-color: #f0f5ff;
}
.table .table-active .quick-action-menu {
  background-color: #f1f2f5;
}
.table .table-disabled {
  color: #a7a9bc;
}
.table .table-disabled th,
.table .table-disabled td {
  background-color: #fff;
  cursor: not-allowed;
}
.table .table-disabled th [href],
.table .table-disabled td [href] {
  color: #a7a9bc;
  pointer-events: none;
}
.table .table-disabled .table-title {
  color: #a7a9bc;
}
.table .table-disabled .table-list-title {
  color: #a7a9bc;
}
.table .autofit-col {
  justify-content: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.table .autofit-col:first-child {
  padding-left: 0;
}
.table .autofit-col:last-child {
  padding-right: 0;
}
.table .custom-control,
.table .form-check {
  margin-bottom: 0;
}
.table .quick-action-menu {
  align-items: flex-start;
  background-color: #fff;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}

.table-caption-bottom caption {
  caption-side: bottom;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}
.table-bordered {
  border: 0.0625rem solid #e7e7ed;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: calc(2 * 0.0625rem);
}
.table-bordered th,
.table-bordered td {
  border: 0.0625rem solid #e7e7ed;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) td,
.table-striped tbody tr:nth-of-type(odd) th {
  background-color: #f7f8f9;
}

.table-hover tbody tr:hover {
  background-color: #f0f5ff;
  color: var(--body-color, #344243);
}
.table-hover tbody tr:hover th,
.table-hover tbody tr:hover td {
  background-color: #f0f5ff;
  color: var(--body-color, #344243);
}
.table-hover tbody tr:hover .quick-action-menu {
  background-color: #f0f5ff;
}
.table-hover .table-active:hover .quick-action-menu {
  background-color: #f1f2f5;
}
.table-hover .table-disabled:hover {
  background-color: #fff;
}
.table-hover .table-disabled:hover th,
.table-hover .table-disabled:hover td {
  background-color: #fff;
}
.table .table-primary,
.table .table-primary > th,
.table .table-primary > td {
  background-color: #b8d2cb;
  border-color: #7aab9e;
}
.table .table-primary th,
.table .table-primary td,
.table .table-primary thead th,
.table .table-primary tbody + tbody {
  border-color: #7aab9e;
}

.table-hover .table-primary:hover {
  background-color: #a8c8c0;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #a8c8c0;
}

.table .table-secondary,
.table .table-secondary > th,
.table .table-secondary > td {
  background-color: #d6d6db;
  border-color: #b2b3bc;
}
.table .table-secondary th,
.table .table-secondary td,
.table .table-secondary thead th,
.table .table-secondary tbody + tbody {
  border-color: #b2b3bc;
}

.table-hover .table-secondary:hover {
  background-color: #c8c8cf;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8c8cf;
}

.table .table-success,
.table .table-success > th,
.table .table-success > td {
  background-color: #c3dbc8;
  border-color: #8fbb9a;
}
.table .table-success th,
.table .table-success td,
.table .table-success thead th,
.table .table-success tbody + tbody {
  border-color: #8fbb9a;
}

.table-hover .table-success:hover {
  background-color: #b3d1b9;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b3d1b9;
}

.table .table-info,
.table .table-info > th,
.table .table-info > td {
  background-color: #c4d1e8;
  border-color: #92a9d4;
}
.table .table-info th,
.table .table-info td,
.table .table-info thead th,
.table .table-info tbody + tbody {
  border-color: #92a9d4;
}

.table-hover .table-info:hover {
  background-color: #b2c3e1;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #b2c3e1;
}

.table .table-warning,
.table .table-warning > th,
.table .table-warning > td {
  background-color: #ebceb8;
  border-color: #dba47a;
}
.table .table-warning th,
.table .table-warning td,
.table .table-warning thead th,
.table .table-warning tbody + tbody {
  border-color: #dba47a;
}

.table-hover .table-warning:hover {
  background-color: #e5c0a4;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #e5c0a4;
}

.table .table-danger,
.table .table-danger > th,
.table .table-danger > td {
  background-color: #f5bdbd;
  border-color: #ec8585;
}
.table .table-danger th,
.table .table-danger td,
.table .table-danger thead th,
.table .table-danger tbody + tbody {
  border-color: #ec8585;
}

.table-hover .table-danger:hover {
  background-color: #f2a7a7;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f2a7a7;
}

.table .table-light,
.table .table-light > th,
.table .table-light > td {
  background-color: #fbfbfc;
  border-color: #f8f8fa;
}
.table .table-light th,
.table .table-light td,
.table .table-light thead th,
.table .table-light tbody + tbody {
  border-color: #f8f8fa;
}

.table-hover .table-light:hover {
  background-color: #ececf1;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf1;
}

.table .table-dark,
.table .table-dark > th,
.table .table-dark > td {
  background-color: #c3c3c6;
  border-color: #8f8f95;
}
.table .table-dark .table-title,
.table .table-dark > th .table-title,
.table .table-dark > td .table-title {
  color: #fff;
}
.table .table-dark .table-title[href],
.table .table-dark .table-title [href],
.table .table-dark > th .table-title[href],
.table .table-dark > th .table-title [href],
.table .table-dark > td .table-title[href],
.table .table-dark > td .table-title [href] {
  color: inherit;
}
.table .table-dark th,
.table .table-dark td,
.table .table-dark thead th,
.table .table-dark tbody + tbody {
  border-color: #8f8f95;
}

.table-hover .table-dark:hover {
  background-color: #b6b6ba;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b6b6ba;
}

.table-striped tbody .table-disabled:nth-of-type(odd) td,
.table-striped tbody .table-disabled:nth-of-type(odd) th {
  background-color: #fff;
}

.table .thead-dark th {
  background-color: #393a4a;
  border-color: #4a4b60;
  color: #fff;
}
.table .thead-light th {
  background-color: #fff;
  border-color: #e7e7ed;
  color: #6b6c7e;
}

.table-dark {
  background-color: #393a4a;
  color: #fff;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #4a4b60;
}
.table-dark.table-bordered {
  border-width: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
  color: #fff;
}

.table-title {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.5;
  margin-bottom: 0;
  color: #272833;
}
.table-title[href],
.table-title [href] {
  color: #272833;
  border-radius: 1px;
  display: inline-block;
  max-width: 100%;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .table-title[href],
  .table-title [href] {
    transition: none;
  }
}
.table-title[href]:hover,
.table-title [href]:hover {
  color: #272833;
}
.table-title[href].focus, .table-title[href]:focus,
.table-title [href].focus,
.table-title [href]:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.table-link {
  color: #272833;
  border-radius: 1px;
  display: inline-block;
  max-width: 100%;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .table-link {
    transition: none;
  }
}
.table-link:hover {
  color: #272833;
}
.table-link.focus, .table-link:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.table-action-link {
  align-items: center;
  border-radius: 0.25rem;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  vertical-align: middle;
  width: 2rem;
  color: #6b6c7e;
  font-size: 1rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .table-action-link {
    transition: none;
  }
}
.table-action-link:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.02);
  color: #272833;
}
.table-action-link.focus, .table-action-link:focus {
  background-color: rgba(0, 0, 0, 0.02);
  color: #272833;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.table-action-link:active {
  background-color: rgba(0, 0, 0, 0.04);
}
.table-action-link.active {
  background-color: rgba(0, 0, 0, 0.04);
}
.table-action-link[aria-expanded=true], .table-action-link.show {
  background-color: rgba(0, 0, 0, 0.04);
}
.table-action-link .lexicon-icon {
  margin-top: 0;
}

.table-responsive-sm {
  margin-bottom: 1.5rem;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    width: 100%;
  }
}
.table-responsive-md {
  margin-bottom: 1.5rem;
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    width: 100%;
  }
}
.table-responsive-lg {
  margin-bottom: 1.5rem;
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    width: 100%;
  }
}
.table-responsive-xl {
  margin-bottom: 1.5rem;
}
@media (max-width: 1279.98px) {
  .table-responsive-xl {
    display: block;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    width: 100%;
  }
}
.table-responsive-xxl {
  margin-bottom: 1.5rem;
}
@media (max-width: 1439.98px) {
  .table-responsive-xxl {
    display: block;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    width: 100%;
  }
}
.table-responsive {
  margin-bottom: 1.5rem;
  display: block;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  width: 100%;
}

.table-list {
  border-collapse: separate;
  border-color: #e7e7ed;
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 0.0625rem 0.0625rem;
  color: var(--body-color, #344243);
  margin-bottom: 0.0625rem;
}
.table-list thead {
  background-color: #fff;
  border-top-left-radius: calc(0.25rem - 0.0625rem);
  border-top-right-radius: calc(0.25rem - 0.0625rem);
}
.table-list thead th,
.table-list thead td {
  background-color: #fff;
  border-bottom-width: 0;
}
.table-list th,
.table-list td {
  border-color: #e7e7ed;
  border-style: solid;
  border-width: 0.0625rem 0 0 0;
}
.table-list thead:first-child tr:first-child th,
.table-list thead:first-child tr:first-child td,
.table-list tbody:first-child tr:first-child th,
.table-list tbody:first-child tr:first-child td,
.table-list tfoot:first-child tr:first-child th,
.table-list tfoot:first-child tr:first-child td,
.table-list caption:first-child + thead tr:first-child th,
.table-list caption:first-child + thead tr:first-child td {
  border-top-width: 0;
}
.table-list thead:first-child tr:first-child th:first-child,
.table-list thead:first-child tr:first-child td:first-child,
.table-list tbody:first-child tr:first-child th:first-child,
.table-list tbody:first-child tr:first-child td:first-child,
.table-list tfoot:first-child tr:first-child th:first-child,
.table-list tfoot:first-child tr:first-child td:first-child,
.table-list caption:first-child + thead tr:first-child th:first-child,
.table-list caption:first-child + thead tr:first-child td:first-child {
  border-top-left-radius: calc(0.25rem - 0.0625rem);
}
.table-list thead:first-child tr:first-child th:last-child,
.table-list thead:first-child tr:first-child td:last-child,
.table-list tbody:first-child tr:first-child th:last-child,
.table-list tbody:first-child tr:first-child td:last-child,
.table-list tfoot:first-child tr:first-child th:last-child,
.table-list tfoot:first-child tr:first-child td:last-child,
.table-list caption:first-child + thead tr:first-child th:last-child,
.table-list caption:first-child + thead tr:first-child td:last-child {
  border-top-right-radius: calc(0.25rem - 0.0625rem);
}
.table-list .table-row-start .table-cell-start {
  border-top-left-radius: calc(0.25rem - 0.0625rem);
}
.table-list .table-row-start .table-cell-end {
  border-top-right-radius: calc(0.25rem - 0.0625rem);
}
.table-list thead:last-child tr:last-child th:first-child,
.table-list thead:last-child tr:last-child td:first-child,
.table-list tbody:last-child tr:last-child th:first-child,
.table-list tbody:last-child tr:last-child td:first-child,
.table-list tfoot:last-child tr:last-child th:first-child,
.table-list tfoot:last-child tr:last-child td:first-child {
  border-bottom-left-radius: calc(0.25rem - 0.0625rem);
}
.table-list thead:last-child tr:last-child th:last-child,
.table-list thead:last-child tr:last-child td:last-child,
.table-list tbody:last-child tr:last-child th:last-child,
.table-list tbody:last-child tr:last-child td:last-child,
.table-list tfoot:last-child tr:last-child th:last-child,
.table-list tfoot:last-child tr:last-child td:last-child {
  border-bottom-right-radius: calc(0.25rem - 0.0625rem);
}
.table-list .table-row-end .table-cell-start {
  border-bottom-left-radius: calc(0.25rem - 0.0625rem);
}
.table-list .table-row-end .table-cell-end {
  border-bottom-right-radius: calc(0.25rem - 0.0625rem);
}
.table-list tbody {
  background-color: #fff;
  border-bottom-left-radius: calc(0.25rem - 0.0625rem);
  border-bottom-right-radius: calc(0.25rem - 0.0625rem);
}
.table-list tbody th,
.table-list tbody td {
  background-color: #fff;
  vertical-align: middle;
}
.table-list tfoot {
  background-color: #fff;
}
.table-list tfoot th,
.table-list tfoot td {
  background-color: #fff;
  vertical-align: middle;
}
.table-list .table-divider th,
.table-list .table-divider td {
  padding-bottom: 0.4375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.4375rem;
}
.table-list .table-active {
  background-color: #f0f5ff;
}
.table-list .table-active th,
.table-list .table-active td {
  background-color: #f0f5ff;
}
.table-list .table-active .quick-action-menu {
  background-color: #f0f5ff;
}
.table-list .table-disabled {
  background-color: #fff;
  color: #a7a9bc;
}
.table-list .table-disabled th,
.table-list .table-disabled td {
  background-color: #fff;
  color: #a7a9bc;
}
.table-list .table-disabled th [href],
.table-list .table-disabled td [href] {
  color: #a7a9bc;
  pointer-events: none;
}
.table-list .table-disabled .table-title {
  color: #a7a9bc;
}
.table-list .table-disabled .table-list-title {
  color: #a7a9bc;
}
.table-list .quick-action-menu {
  align-items: center;
  background-color: #fff;
  bottom: 0;
  top: 0;
}

.table.table-list.table-bordered thead th,
.table.table-list.table-bordered thead td {
  border-bottom-width: 0;
}
.table.table-list.table-bordered th,
.table.table-list.table-bordered td {
  border-left-width: 0.0625rem;
}
.table.table-list.table-bordered th:first-child,
.table.table-list.table-bordered td:first-child,
.table.table-list.table-bordered .table-column-start {
  border-left-width: 0;
}
.table-list.table-striped tbody tr:nth-of-type(odd) td,
.table-list.table-striped tbody tr:nth-of-type(odd) th {
  background-color: #f7f8f9;
}

.table-list.table-hover tbody tr:hover {
  background-color: #f0f5ff;
}
.table-list.table-hover tbody tr:hover th,
.table-list.table-hover tbody tr:hover td {
  background-color: #f0f5ff;
}
.table-list.table-hover tbody tr:hover .quick-action-menu {
  background-color: #f0f5ff;
}
.table-list.table-hover .table-active:hover {
  background-color: #f0f5ff;
}
.table-list.table-hover .table-active:hover th,
.table-list.table-hover .table-active:hover td {
  background-color: #f0f5ff;
}
.table-list.table-hover .table-active:hover .quick-action-menu {
  background-color: #f0f5ff;
}
.table-list.table-hover .table-disabled {
  background-color: #fff;
}
.table-list.table-hover .table-disabled:hover {
  background-color: #fff;
}
.table-list.table-hover .table-disabled:hover th,
.table-list.table-hover .table-disabled:hover td {
  background-color: #fff;
}
.table-list.table-striped tbody .table-disabled:nth-of-type(odd),
.table-list.table-striped tbody .table-disabled:nth-of-type(odd) td,
.table-list.table-striped tbody .table-disabled:nth-of-type(odd) th {
  background-color: #fff;
}

.table-list-title {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.45;
  margin-bottom: 0;
  color: #272833;
}
.table-list-title[href],
.table-list-title [href] {
  color: #272833;
  border-radius: 1px;
  display: inline-block;
  max-width: 100%;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .table-list-title[href],
  .table-list-title [href] {
    transition: none;
  }
}
.table-list-title[href]:hover,
.table-list-title [href]:hover {
  color: #272833;
}
.table-list-title[href].focus, .table-list-title[href]:focus,
.table-list-title [href].focus,
.table-list-title [href]:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.table-list-link {
  color: #272833;
  border-radius: 1px;
  display: inline-block;
  max-width: 100%;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .table-list-link {
    transition: none;
  }
}
.table-list-link:hover {
  color: #272833;
}
.table-list-link.focus, .table-list-link:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.table-list-action-link {
  align-items: center;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  vertical-align: middle;
  width: 2rem;
  color: #6b6c7e;
  font-size: 1rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .table-list-action-link {
    transition: none;
  }
}
.table-list-action-link:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.02);
  color: #272833;
}
.table-list-action-link.focus, .table-list-action-link:focus {
  background-color: rgba(0, 0, 0, 0.02);
  color: #272833;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.table-list-action-link:active {
  background-color: rgba(0, 0, 0, 0.04);
}
.table-list-action-link.active {
  background-color: rgba(0, 0, 0, 0.04);
}
.table-list-action-link[aria-expanded=true], .table-list-action-link.show {
  background-color: rgba(0, 0, 0, 0.04);
}
.table-list-action-link .lexicon-icon {
  margin-top: 0;
}

.table-nowrap td,
.table-nowrap th {
  white-space: nowrap;
}

.table-heading-nowrap thead td,
.table-heading-nowrap thead th {
  white-space: nowrap;
}

.table-valign-bottom tbody td,
.table-valign-bottom tbody th,
.table-valign-bottom tfoot td,
.table-valign-bottom tfoot th,
.table-valign-bottom thead td,
.table-valign-bottom thead th {
  vertical-align: bottom;
}
.table-valign-bottom tbody td,
.table-valign-bottom tbody th {
  padding-bottom: 1rem;
}
.table-valign-bottom.show-quick-actions-on-hover .quick-action-menu {
  align-items: flex-end;
}

.table-valign-middle tbody td,
.table-valign-middle tbody th,
.table-valign-middle tfoot td,
.table-valign-middle tfoot th,
.table-valign-middle thead td,
.table-valign-middle thead th {
  vertical-align: middle;
}

.table-valign-top tbody td,
.table-valign-top tbody th,
.table-valign-top tfoot td,
.table-valign-top tfoot th,
.table-valign-top thead td,
.table-valign-top thead th {
  vertical-align: top;
}
.table-valign-top tbody td,
.table-valign-top tbody th {
  padding-top: 1rem;
}
.table-valign-top.show-quick-actions-on-hover .quick-action-menu {
  align-items: flex-start;
}

.tbody-valign-bottom tbody td,
.tbody-valign-bottom tbody th {
  padding-bottom: 1rem;
  vertical-align: bottom;
}
.tbody-valign-bottom.show-quick-actions-on-hover .quick-action-menu {
  align-items: flex-end;
}

.tbody-valign-middle tbody td {
  vertical-align: middle;
}

.tbody-valign-top tbody td,
.tbody-valign-top tbody th {
  padding-top: 1rem;
  vertical-align: top;
}
.tbody-valign-top.show-quick-actions-on-hover .quick-action-menu {
  align-items: flex-start;
}

.thead-valign-bottom thead td,
.thead-valign-bottom thead th {
  vertical-align: bottom;
}

.thead-valign-middle thead td,
.thead-valign-middle thead th {
  vertical-align: middle;
}

.thead-valign-top thead td,
.thead-valign-top thead th {
  vertical-align: top;
}

.show-quick-actions-on-hover tr:not(.table-active):not(.table-disabled):hover .quick-action-menu {
  display: flex;
}
.show-quick-actions-on-hover .table-focus:not(.table-active):not(.table-disabled) .quick-action-menu {
  display: flex;
}

.table-striped tbody tr:nth-of-type(odd) .quick-action-menu {
  background-color: #f7f8f9;
}
.table-striped tbody .table-active:nth-of-type(odd) .quick-action-menu {
  background-color: #f0f5ff;
}

.table-list.table-striped tbody tr:nth-of-type(odd) .quick-action-menu {
  background-color: #f7f8f9;
}
.table-list.table-striped tbody .table-active:nth-of-type(odd) .quick-action-menu {
  background-color: #f0f5ff;
}

.table-column-text-start,
.table-cell-text-start {
  text-align: left;
}

.table-column-text-center,
.table-cell-text-center {
  text-align: center;
}

.table-column-text-end,
.table-cell-text-end {
  text-align: right;
}

.table-column,
.table-cell-contract, .table-autofit td,
.table-autofit th {
  display: table-cell;
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: 1%;
}

.table-cell-expand,
.table-column-expand, .table-autofit .table-cell-expand {
  display: table-cell;
  max-width: 12.5rem;
  min-width: 12.5rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: auto;
}

.table-cell-expand-small,
.table-column-expand-small, .table-autofit .table-cell-expand-small {
  max-width: 12.5rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: 25%;
}

.table-cell-expand-smaller,
.table-column-expand-smaller, .table-autofit .table-cell-expand-smaller {
  max-width: 12.5rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: 15%;
}

.table-cell-expand-smallest,
.table-column-expand-smallest, .table-autofit .table-cell-expand-smallest {
  max-width: 12.5rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: 10%;
}

.table-cell-minw-50,
.table-column-minw-50 {
  min-width: 50px;
}

.table-cell-minw-75,
.table-column-minw-75 {
  min-width: 75px;
}

.table-cell-minw-100,
.table-column-minw-100 {
  min-width: 100px;
}

.table-cell-minw-150,
.table-column-minw-150 {
  min-width: 150px;
}

.table-cell-minw-200,
.table-column-minw-200 {
  min-width: 200px;
}

.table-cell-minw-250,
.table-column-minw-250 {
  min-width: 250px;
}

.table-cell-minw-300,
.table-column-minw-300 {
  min-width: 300px;
}

.table-cell-minw-350,
.table-column-minw-350 {
  min-width: 350px;
}

.table-cell-minw-400,
.table-column-minw-400 {
  min-width: 400px;
}

.table-cell-ws-normal,
.table-column-ws-normal {
  white-space: normal;
}

.table-cell-ws-nowrap,
.table-column-ws-nowrap {
  white-space: nowrap;
}

.table-img {
  height: auto;
  max-height: 100px;
  max-width: none;
  width: auto;
}

.tbar {
  display: flex;
}
.tbar > .container,
.tbar > .container-fluid {
  display: flex;
}

.tbar-nav {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-wrap: nowrap;
  list-style: none;
  margin-bottom: 0;
  min-width: 3.125rem;
  padding-left: 0;
  word-wrap: break-word;
}
.tbar-nav > .tbar-item {
  justify-content: center;
}

.tbar-nav-shrink {
  flex-grow: 0;
  flex-shrink: 0;
  width: auto;
}

.tbar-nav-wrap {
  flex-wrap: wrap;
}

.tbar-item {
  max-width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.tbar-item:first-child {
  padding-left: 0;
}
.tbar-item:last-child {
  padding-right: 0;
}

.tbar-item-expand {
  text-align: center;
}

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

.tbar-btn-monospaced,
.tbar-link-monospaced {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  text-align: center;
}
.tbar-btn-monospaced .inline-item .lexicon-icon,
.tbar-btn-monospaced .lexicon-icon,
.tbar-link-monospaced .inline-item .lexicon-icon,
.tbar-link-monospaced .lexicon-icon {
  margin-top: 0;
}

@media (max-width: 575.98px) {
  .tbar-inline-xs-down {
    display: block;
  }
  .tbar-inline-xs-down .container,
  .tbar-inline-xs-down .container-fluid {
    display: block;
  }
  .tbar-inline-xs-down .component-title,
  .tbar-inline-xs-down .tbar-nav,
  .tbar-inline-xs-down .tbar-section {
    display: inline;
  }
  .tbar-inline-xs-down .tbar-item {
    padding-left: 0;
    display: inline;
  }
}

@media (max-width: 767.98px) {
  .tbar-inline-sm-down {
    display: block;
  }
  .tbar-inline-sm-down .container,
  .tbar-inline-sm-down .container-fluid {
    display: block;
  }
  .tbar-inline-sm-down .component-title,
  .tbar-inline-sm-down .tbar-nav,
  .tbar-inline-sm-down .tbar-section {
    display: inline;
  }
  .tbar-inline-sm-down .tbar-item {
    padding-left: 0;
    display: inline;
  }
}

@media (max-width: 991.98px) {
  .tbar-inline-md-down {
    display: block;
  }
  .tbar-inline-md-down .container,
  .tbar-inline-md-down .container-fluid {
    display: block;
  }
  .tbar-inline-md-down .component-title,
  .tbar-inline-md-down .tbar-nav,
  .tbar-inline-md-down .tbar-section {
    display: inline;
  }
  .tbar-inline-md-down .tbar-item {
    padding-left: 0;
    display: inline;
  }
}

@media (max-width: 1279.98px) {
  .tbar-inline-lg-down {
    display: block;
  }
  .tbar-inline-lg-down .container,
  .tbar-inline-lg-down .container-fluid {
    display: block;
  }
  .tbar-inline-lg-down .component-title,
  .tbar-inline-lg-down .tbar-nav,
  .tbar-inline-lg-down .tbar-section {
    display: inline;
  }
  .tbar-inline-lg-down .tbar-item {
    padding-left: 0;
    display: inline;
  }
}

@media (max-width: 1439.98px) {
  .tbar-inline-xl-down {
    display: block;
  }
  .tbar-inline-xl-down .container,
  .tbar-inline-xl-down .container-fluid {
    display: block;
  }
  .tbar-inline-xl-down .component-title,
  .tbar-inline-xl-down .tbar-nav,
  .tbar-inline-xl-down .tbar-section {
    display: inline;
  }
  .tbar-inline-xl-down .tbar-item {
    padding-left: 0;
    display: inline;
  }
}

.component-tbar {
  border-color: #e7e7ed;
  border-style: solid;
  border-width: 0 0 0.0625rem 0;
  height: 3.5rem;
  color: #6b6c7e;
}
.component-tbar .tbar-label {
  border-width: 0.0625rem;
}
.subnav-tbar {
  font-size: 0.875rem;
}
.subnav-tbar .btn-unstyled {
  color: #005D44;
  text-decoration: none;
}
.subnav-tbar .btn-unstyled:hover {
  color: #002a1f;
  text-decoration: underline;
}
.subnav-tbar strong {
  font-weight: var(--font-weight-semi-bold, 500);
}
.subnav-tbar .component-link {
  color: #005D44;
  font-weight: var(--font-weight-semi-bold, 500);
}
.subnav-tbar .component-link:hover {
  color: #002a1f;
}
.subnav-tbar .component-link:disabled, .subnav-tbar .component-link.disabled {
  box-shadow: none;
}
.subnav-tbar .tbar-item {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.subnav-tbar .tbar-btn {
  height: 1.5rem;
  line-height: 1;
  margin-bottom: 0.125rem;
  margin-top: 0.125rem;
  padding-left: 0;
  padding-right: 0;
}
.subnav-tbar .tbar-btn .c-inner {
  margin-left: 0;
  margin-right: 0;
}
.subnav-tbar .tbar-btn .c-inner {
  margin-left: 0;
  margin-right: 0;
}
.subnav-tbar .tbar-link {
  margin-bottom: 0.125rem;
  margin-top: 0.125rem;
  padding-bottom: 0.09375rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.09375rem;
}
.subnav-tbar .tbar-link > .c-inner {
  margin-bottom: -0.09375rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-top: -0.09375rem;
}
.subnav-tbar .tbar-link .c-inner {
  margin-bottom: -0.09375rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-top: -0.09375rem;
}
.subnav-tbar .tbar-btn-monospaced {
  margin-bottom: 0.125rem;
  margin-top: 0.125rem;
  padding: 0.25rem;
  height: 1.5rem;
  width: 1.5rem;
}
.subnav-tbar .tbar-btn-monospaced .c-inner {
  margin: -0.25rem;
}
.subnav-tbar .tbar-link-monospaced {
  height: 1.5rem;
  margin-bottom: 0.125rem;
  margin-top: 0.125rem;
  width: 1.5rem;
}
.subnav-tbar .tbar-section {
  text-align: left;
}
.subnav-tbar .component-title {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.45;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  max-width: 100%;
}
.subnav-tbar .component-text {
  display: inline-block;
  line-height: 1.45;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  max-width: 100%;
}
.subnav-tbar .component-label {
  font-weight: var(--font-weight-normal, 400);
}
.subnav-tbar .tbar-label {
  border-width: 0.0625rem;
}
.subnav-tbar-primary {
  background-color: #06ffbc;
  padding-bottom: 0.625rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.625rem;
}
.subnav-tbar-primary .component-link {
  color: #272833;
}
.subnav-tbar-primary .component-link:hover {
  color: #272833;
}
.subnav-tbar-primary .component-link:disabled, .subnav-tbar-primary .component-link.disabled {
  color: #6b6c7e;
  cursor: not-allowed;
  opacity: 0.65;
  text-decoration: none;
}
.subnav-tbar-primary .tbar-item {
  justify-content: flex-start;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.subnav-tbar-primary .tbar-link-monospaced {
  border-radius: 0px;
  border-width: 0px;
  height: 3rem;
  margin-bottom: -0.625rem;
  margin-top: -0.625rem;
  width: 3rem;
}
.subnav-tbar-primary .component-label .close:focus {
  color: inherit;
}
.subnav-tbar-primary .component-label .close:disabled, .subnav-tbar-primary .component-label .close.disabled {
  color: #6b6c7e;
  opacity: 0.65;
}
.subnav-tbar-primary .tbar-label {
  font-size: 0.75rem;
  margin-right: 0;
  padding-bottom: 0.3125rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.3125rem;
  text-transform: none;
  border-width: 0.0625rem;
}
.subnav-tbar-primary .tbar-label > .c-inner {
  margin-bottom: -0.3125rem;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-top: -0.3125rem;
}
.subnav-tbar-primary.subnav-tbar-disabled {
  background-color: #3ae0b3;
  color: #8e94aa;
}
.subnav-tbar-primary.subnav-tbar-disabled .component-label {
  border-color: #8e94aa;
}
.subnav-tbar-primary.subnav-tbar-disabled .tbar-label {
  border-width: 0.0625rem;
}
.subnav-tbar-light {
  background-color: white;
  color: #6b6c7e;
  padding-bottom: 0.125rem;
  padding-top: 0.125rem;
}
.subnav-tbar-light .tbar-label {
  border-width: 0.0625rem;
}
.tbar-stacked {
  display: inline-flex;
  height: 100%;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.tbar-stacked .tbar-nav {
  flex-direction: column;
  min-width: 0;
}
.tbar-stacked .tbar-item {
  align-items: center;
  justify-content: flex-start;
  padding-left: 0;
  padding-right: 0;
}
.tbar-stacked .tbar-divider-before::before {
  background-color: var(--body-color, #344243);
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  width: 2.5rem;
}
.tbar-stacked .tbar-divider-after::after {
  background-color: var(--body-color, #344243);
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  width: 2.5rem;
}
.tbar-stacked .tbar-item-expand {
  flex-shrink: 0;
  min-width: 0;
}
.tbar-stacked .tbar-btn-monospaced {
  border-color: transparent;
  border-radius: 0px;
  border-width: 0px;
  color: inherit;
  height: 2.5rem;
  margin-bottom: 0;
  margin-top: 0;
  overflow: visible;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  position: relative;
  width: 2.5rem;
}
.tbar-stacked .tbar-btn-monospaced:focus, .tbar-stacked .tbar-btn-monospaced.focus {
  box-shadow: inset 0 0 0 0.125rem #00d29a, inset 0 0 0 0.25rem #fff;
}
.tbar-stacked .tbar-btn-monospaced:active:focus {
  box-shadow: inset 0 0 0 0.125rem #00d29a, inset 0 0 0 0.25rem #fff;
}
.tbar-stacked .tbar-btn-monospaced .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.tbar-stacked .tbar-label {
  border-width: 0.0625rem;
}
.tbar-light {
  background-color: #fff;
  box-shadow: inset 1px 0 0 0 #f1f2f5, inset -1px 0 0 0 #f1f2f5;
  color: #6b6c7e;
}
.tbar-light .tbar-divider-before::before {
  background-color: #f1f2f5;
}
.tbar-light .tbar-divider-after::after {
  background-color: #f1f2f5;
}
.tbar-light .tbar-btn-monospaced:hover {
  color: #272833;
}
.tbar-light .tbar-btn-monospaced:focus, .tbar-light .tbar-btn-monospaced.focus {
  color: #272833;
}
.tbar-light .tbar-btn-monospaced:active {
  background-color: #f1f2f5;
  color: #272833;
}
.tbar-light .tbar-btn-monospaced.active {
  background-color: #f1f2f5;
  color: #272833;
}
.tbar-light .tbar-btn-monospaced:disabled, .tbar-light .tbar-btn-monospaced.disabled {
  color: inherit;
}
.tbar-light .tbar-btn-monospaced[aria-expanded=true], .tbar-light .tbar-btn-monospaced.show {
  background-color: #f1f2f5;
  color: #272833;
}
.tbar-light .tbar-label {
  border-width: 0.0625rem;
}
.tbar-dark-l2 {
  background-color: #393a4a;
  box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.06);
  color: #a7a9bc;
}
.tbar-dark-l2 .tbar-divider-before::before {
  background-color: rgba(255, 255, 255, 0.06);
}
.tbar-dark-l2 .tbar-divider-after::after {
  background-color: rgba(255, 255, 255, 0.06);
}
.tbar-dark-l2 .tbar-btn-monospaced:hover {
  color: #fff;
}
.tbar-dark-l2 .tbar-btn-monospaced:focus, .tbar-dark-l2 .tbar-btn-monospaced.focus {
  color: #fff;
}
.tbar-dark-l2 .tbar-btn-monospaced:active {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.tbar-dark-l2 .tbar-btn-monospaced.active {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.tbar-dark-l2 .tbar-btn-monospaced:disabled, .tbar-dark-l2 .tbar-btn-monospaced.disabled {
  color: inherit;
}
.tbar-dark-l2 .tbar-btn-monospaced[aria-expanded=true], .tbar-dark-l2 .tbar-btn-monospaced.show {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.tbar-dark-l2 .tbar-label {
  border-width: 0.0625rem;
}
.tbar-dark-d1 {
  background-color: #1c1c24;
  box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
  color: #a7a9bc;
}
.tbar-dark-d1 .tbar-divider-before::before {
  background-color: rgba(255, 255, 255, 0.06);
}
.tbar-dark-d1 .tbar-divider-after::after {
  background-color: rgba(255, 255, 255, 0.06);
}
.tbar-dark-d1 .tbar-btn-monospaced:hover {
  color: #fff;
}
.tbar-dark-d1 .tbar-btn-monospaced:focus, .tbar-dark-d1 .tbar-btn-monospaced.focus {
  color: #fff;
}
.tbar-dark-d1 .tbar-btn-monospaced:active {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.tbar-dark-d1 .tbar-btn-monospaced.active {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.tbar-dark-d1 .tbar-btn-monospaced:disabled, .tbar-dark-d1 .tbar-btn-monospaced.disabled {
  color: inherit;
}
.tbar-dark-d1 .tbar-btn-monospaced[aria-expanded=true], .tbar-dark-d1 .tbar-btn-monospaced.show {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.tbar-dark-d1 .tbar-label {
  border-width: 0.0625rem;
}
.timeline {
  list-style: none;
  padding-left: 0;
  padding-left: 25px;
}
.timeline .panel,
.timeline .panel-group {
  margin-bottom: 0;
}

.timeline-icon {
  background-color: var(--body-bg, #fff);
  border: 2px solid #6b6c7e;
  border-radius: 50%;
  display: block;
  height: 10px;
  line-height: 10px;
  width: 10px;
}

.timeline-increment {
  background-color: var(--body-bg, #fff);
  left: -39px;
  position: absolute;
  text-align: center;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}

.timeline-increment-text {
  display: block;
  max-width: 65px;
}

.timeline-item-label {
  color: var(--body-color, #344243);
}

.timeline-item {
  padding-bottom: 5px;
  padding-left: 40px;
  padding-top: 5px;
  position: relative;
}
.timeline-item:before {
  background-color: #272833;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 2px;
}
.timeline-item.active .timeline-icon {
  background-color: #0b5fff;
  border-color: #0b5fff;
}
.timeline-item .panel,
.timeline-item .panel-heading {
  position: relative;
}
.timeline-item .panel .timeline-increment {
  margin-left: -1px;
}

.timeline-right {
  padding-left: 0;
  padding-right: 25px;
}
.timeline-right .timeline-item {
  padding-left: 0;
  padding-right: 40px;
}
.timeline-right .timeline-item:before {
  left: auto;
  right: -2px;
}
.timeline-right .timeline-item .panel .timeline-increment {
  margin-left: auto;
  margin-right: 0px;
}
.timeline-right .timeline-item .timeline-increment {
  left: auto;
  right: -41px;
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}

@media (max-width: 575.98px) {
  .timeline-right-xs-only {
    padding-left: 0;
    padding-right: 25px;
  }
  .timeline-right-xs-only .timeline-item {
    padding-left: 0;
    padding-right: 40px;
  }
  .timeline-right-xs-only .timeline-item:before {
    left: auto;
    right: -2px;
  }
  .timeline-right-xs-only .timeline-item .panel .timeline-increment {
    margin-left: auto;
    margin-right: 0px;
  }
  .timeline-right-xs-only .timeline-item .timeline-increment {
    left: auto;
    right: -41px;
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
}

@media (min-width: 768px) {
  .timeline-center {
    padding-left: 0;
  }
  .timeline-center .timeline-item {
    margin-left: 50%;
    width: 50%;
  }
  .timeline-center .timeline-item .timeline-item-label {
    left: -100%;
    margin-left: -80px;
    position: absolute;
    text-align: right;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
  }
  .timeline-center .timeline-item.timeline-item-reverse {
    padding-left: 0;
    padding-right: 40px;
    margin-left: 0;
  }
  .timeline-center .timeline-item.timeline-item-reverse:before {
    left: auto;
    right: -2px;
  }
  .timeline-center .timeline-item.timeline-item-reverse .panel .timeline-increment {
    margin-left: auto;
    margin-right: 0px;
  }
  .timeline-center .timeline-item.timeline-item-reverse .timeline-increment {
    left: auto;
    right: -41px;
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
  .timeline-center .timeline-item.timeline-item-reverse .timeline-item-label {
    margin-left: auto;
    margin-right: -80px;
    right: -100%;
    text-align: left;
  }
}

@media (min-width: 768px) {
  .timeline-even .timeline-item:nth-of-type(even),
  .timeline-odd .timeline-item:nth-of-type(odd) {
    padding-left: 0;
    padding-right: 40px;
    margin-left: 0;
  }
  .timeline-even .timeline-item:nth-of-type(even):before,
  .timeline-odd .timeline-item:nth-of-type(odd):before {
    left: auto;
    right: -2px;
  }
  .timeline-even .timeline-item:nth-of-type(even) .panel .timeline-increment,
  .timeline-odd .timeline-item:nth-of-type(odd) .panel .timeline-increment {
    margin-left: auto;
    margin-right: 0px;
  }
  .timeline-even .timeline-item:nth-of-type(even) .timeline-increment,
  .timeline-odd .timeline-item:nth-of-type(odd) .timeline-increment {
    left: auto;
    right: -41px;
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
  .timeline-even .timeline-item:nth-of-type(even) .timeline-item-label,
  .timeline-odd .timeline-item:nth-of-type(odd) .timeline-item-label {
    margin-left: auto;
    margin-right: -80px;
    right: -100%;
    text-align: left;
  }
}

.timeline-spacing-xl.timeline {
  padding-left: 25px;
}
@media (min-width: 768px) {
  .timeline-spacing-xl.timeline-center {
    padding-left: 0;
  }
  .timeline-spacing-xl.timeline-center .timeline-item .timeline-item-label {
    margin-left: -100px;
  }
  .timeline-spacing-xl.timeline-center .timeline-item.timeline-item-reverse {
    padding-right: 50px;
  }
  .timeline-spacing-xl.timeline-center .timeline-item.timeline-item-reverse .timeline-increment {
    right: -51px;
  }
  .timeline-spacing-xl.timeline-center .timeline-item.timeline-item-reverse .timeline-item-label {
    margin-left: auto;
    margin-right: -100px;
  }
}
@media (min-width: 768px) {
  .timeline-spacing-xl.timeline-even .timeline-item:nth-of-type(even), .timeline-spacing-xl.timeline-odd .timeline-item:nth-of-type(odd) {
    padding-right: 50px;
  }
  .timeline-spacing-xl.timeline-even .timeline-item:nth-of-type(even) .timeline-increment, .timeline-spacing-xl.timeline-odd .timeline-item:nth-of-type(odd) .timeline-increment {
    right: -51px;
  }
  .timeline-spacing-xl.timeline-even .timeline-item:nth-of-type(even) .timeline-item-label, .timeline-spacing-xl.timeline-odd .timeline-item:nth-of-type(odd) .timeline-item-label {
    margin-left: auto;
    margin-right: -100px;
  }
}
.timeline-spacing-xl.timeline-right {
  padding-right: 25px;
}
.timeline-spacing-xl.timeline-right .timeline-item {
  padding-right: 50px;
}
.timeline-spacing-xl.timeline-right .timeline-item .timeline-increment {
  right: -51px;
}
@media (max-width: 575.98px) {
  .timeline-spacing-xl.timeline-right-xs-only {
    padding-left: 0;
    padding-right: 25px;
  }
  .timeline-spacing-xl.timeline-right-xs-only .timeline-item {
    padding-left: 0;
    padding-right: 50px;
  }
  .timeline-spacing-xl.timeline-right-xs-only .timeline-item .timeline-increment {
    left: auto;
    right: -51px;
  }
}
.timeline-spacing-xl .timeline-item {
  padding-bottom: 15px;
  padding-left: 50px;
  padding-top: 15px;
}
.timeline-spacing-xl .timeline-item .timeline-increment {
  left: -49px;
}
.timeline-spacing-xl .timeline-increment-text {
  max-width: 75px;
}

.toggle-switch {
  cursor: pointer;
  display: inline-block;
  font-weight: var(--font-weight-semi-bold, 500);
  max-width: 100%;
  position: relative;
}
.toggle-switch.disabled {
  cursor: not-allowed;
}
.toggle-switch.disabled .toggle-switch-label {
  color: #a7a9bc;
  cursor: not-allowed;
}
.toggle-switch.disabled .toggle-switch-text {
  color: #a7a9bc;
}
.toggle-switch-check-bar {
  display: inline-flex;
  position: relative;
}

.toggle-switch-bar .toggle-switch-handle {
  display: block;
  min-width: 48px;
  text-transform: uppercase;
}
.toggle-switch-bar .toggle-switch-icon {
  font-size: 0.625rem;
}
.toggle-switch-bar .toggle-switch-icon .lexicon-icon {
  margin-top: -0.2em;
}
.toggle-switch-bar .button-icon {
  font-size: 0.625rem;
}
.toggle-switch-check {
  bottom: 0;
  font-size: 62.5%;
  height: 24px;
  opacity: 0;
  position: absolute;
  width: 48px;
  z-index: 2;
}
.toggle-switch-check ~ .toggle-switch-bar {
  display: inline-flex;
  font-size: 0.625rem;
  height: 24px;
  line-height: 24px;
  position: relative;
  text-indent: 0;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.toggle-switch-check ~ .toggle-switch-bar::before {
  background-color: #a7a9bc;
  border-color: #a7a9bc;
  border-radius: 20px;
  border-style: solid;
  border-width: 1px;
  bottom: 0;
  content: " ";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
  width: 48px;
}
@media (prefers-reduced-motion: reduce) {
  .toggle-switch-check ~ .toggle-switch-bar::before {
    transition: none;
  }
}
.toggle-switch-check ~ .toggle-switch-bar::after {
  background-color: #fff;
  border-color: #fff;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  bottom: 4px;
  content: "";
  display: block;
  height: 16px;
  left: 4px;
  position: absolute;
  top: 4px;
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
  width: 16px;
}
@media (prefers-reduced-motion: reduce) {
  .toggle-switch-check ~ .toggle-switch-bar::after {
    transition: none;
  }
}
.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
}
@media (prefers-reduced-motion: reduce) {
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
    transition: none;
  }
}
.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
  content: '\FEFF' attr(data-label-off);
  margin-left: 56px;
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
    transition: none;
  }
}
.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
  color: #fff;
  left: 4px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  text-indent: 0;
  top: 4px;
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
  width: 16px;
  z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
    transition: none;
  }
}
.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on {
  left: 4px;
  opacity: 0;
}
.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
  left: 28px;
}
.toggle-switch-check ~ .toggle-switch-bar .button-icon {
  color: #272833;
}
.toggle-switch-check ~ .toggle-switch-bar .button-icon-on {
  opacity: 0;
}
.toggle-switch-check:focus ~ .toggle-switch-bar::before {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.toggle-switch-check[disabled] ~ .toggle-switch-bar, .toggle-switch-check:disabled ~ .toggle-switch-bar {
  cursor: not-allowed;
  opacity: 0.4;
}
.toggle-switch-check:checked ~ .toggle-switch-bar::before {
  background-color: #0b5fff;
  border-color: #0b5fff;
  border-radius: 20px;
  border-style: solid;
  border-width: 1px;
}
.toggle-switch-check:checked ~ .toggle-switch-bar::after {
  background-color: #fff;
  border-color: #fff;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  left: 28px;
}
.toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle::after {
  content: '\FEFF' attr(data-label-on);
}
.toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon {
  color: #fff;
}
.toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-on {
  opacity: 1;
}
.toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-off {
  opacity: 0;
}
.toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
  color: #005D44;
  left: 28px;
}
.toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-on {
  opacity: 1;
}
.toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-off {
  opacity: 0;
}
@media (max-width: 767.98px) {
  .toggle-switch-check {
    height: 24px;
    width: 40px;
  }
  .toggle-switch-check ~ .toggle-switch-bar {
    height: 24px;
    line-height: 24px;
    text-indent: 0;
  }
  .toggle-switch-check ~ .toggle-switch-bar::before {
    width: 40px;
  }
  .toggle-switch-check ~ .toggle-switch-bar::after {
    bottom: 4px;
    height: 16px;
    left: 4px;
    top: 4px;
    width: 16px;
  }
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle {
    min-width: 40px;
  }
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
    margin-left: 48px;
  }
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
    font-size: 0.625rem;
    left: 4px;
    line-height: 16px;
    top: 4px;
    width: 16px;
  }
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on {
    left: 4px;
  }
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
    left: 20px;
  }
  .toggle-switch-check ~ .toggle-switch-bar .button-icon {
    font-size: 0.625rem;
  }
  .toggle-switch-check:checked ~ .toggle-switch-bar::after {
    left: 20px;
  }
  .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle::after {
    margin-left: 48px;
  }
  .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
    left: 20px;
  }
}

.toggle-switch-label {
  display: block;
  margin-bottom: 2px;
}

.toggle-switch-text {
  display: block;
  font-size: 0.75rem;
}

.toggle-switch-text-left {
  display: inline-flex;
  line-height: 24px;
  margin-right: 8px;
}
@media (max-width: 767.98px) {
  .toggle-switch-text-left {
    line-height: 24px;
  }
}

.toggle-switch-text-right {
  display: inline-flex;
  line-height: 24px;
  margin-left: 8px;
}
@media (max-width: 767.98px) {
  .toggle-switch-text-right {
    line-height: 24px;
  }
}

.simple-toggle-switch.toggle-switch {
  align-items: center;
  display: inline-flex;
}
.simple-toggle-switch.toggle-switch .toggle-switch-label {
  line-height: 1;
  margin-bottom: 0;
  max-width: calc( 					100% - 56px 				);
}
@media (max-width: 767.98px) {
  .simple-toggle-switch.toggle-switch .toggle-switch-label {
    max-width: calc( 						100% - 48px 					);
  }
}
.simple-toggle-switch.toggle-switch .toggle-switch-check + .toggle-switch-label {
  margin-right: 0.5rem;
}
.simple-toggle-switch.toggle-switch .toggle-switch-label + .toggle-switch-check-bar {
  margin-left: 0.5rem;
}

.simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-check-bar {
  order: 5;
}
.simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-check ~ .toggle-switch-bar {
  order: 5;
}
.simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-label {
  margin-right: 0.5rem;
}
.tooltip {
  display: block;
  font-family: var(--font-family-base, "DIN-Regular", Helvetica, Arial, sans-serif);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  letter-spacing: normal;
  line-height: 1.5;
  margin: 0;
  opacity: 0;
  position: absolute;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  z-index: 1070;
}
.tooltip.show {
  opacity: 1;
}
.tooltip .arrow {
  display: block;
  height: 0.4rem;
  position: absolute;
  width: 0.8rem;
}
.tooltip .arrow::before {
  border-color: transparent;
  border-style: solid;
  content: "";
  position: absolute;
}
.tooltip-inner {
  background-color: #013E2E !important;
  border-radius: 0.25rem;
  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.4);
  color: #fff;
  max-width: 230px;
  padding: 0.75rem 0.75rem;
  text-align: center;
  white-space: pre-line;
}

.tooltip-arrow {
  background-color: #013E2E !important;
  position: absolute;
  transform: rotate(45deg);
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: #013E2E !important;
  border-width: 0.4rem 0.4rem 0;
  top: 0;
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^=right] .arrow {
  height: 0.8rem;
  left: 0;
  width: 0.4rem;
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-right-color: #013E2E !important;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  right: 0;
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #013E2E !important;
  border-width: 0 0.4rem 0.4rem;
  bottom: 0;
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^=left] .arrow {
  height: 0.8rem;
  right: 0;
  width: 0.4rem;
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-left-color: #013E2E !important;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  left: 0;
}

.clay-tooltip-bottom,
.clay-tooltip-bottom-left,
.clay-tooltip-bottom-right {
  padding-top: 0.4rem;
}
.clay-tooltip-bottom .arrow,
.clay-tooltip-bottom-left .arrow,
.clay-tooltip-bottom-right .arrow {
  left: 50%;
  margin-left: -0.4rem;
  top: 0;
}
.clay-tooltip-bottom .arrow::before,
.clay-tooltip-bottom-left .arrow::before,
.clay-tooltip-bottom-right .arrow::before {
  border-bottom-color: #013E2E !important;
  border-width: 0 0.4rem 0.4rem;
  bottom: 0;
}
.clay-tooltip-bottom .tooltip-arrow,
.clay-tooltip-bottom-left .tooltip-arrow,
.clay-tooltip-bottom-right .tooltip-arrow {
  border-bottom-color: transparent;
  border-right-color: transparent;
  left: 50%;
  top: 0;
}
.clay-tooltip-bottom-left .arrow {
  left: 0.5rem;
  margin-left: 0;
}
.clay-tooltip-bottom-right .arrow {
  left: auto;
  margin-left: 0;
  right: 0.5rem;
}
.clay-tooltip-left,
.clay-tooltip-left-bottom,
.clay-tooltip-left-top {
  padding-right: 0.4rem;
}
.clay-tooltip-left .arrow,
.clay-tooltip-left-bottom .arrow,
.clay-tooltip-left-top .arrow {
  height: 0.8rem;
  margin-top: -0.4rem;
  right: 0;
  top: 50%;
  width: 0.4rem;
}
.clay-tooltip-left .arrow::before,
.clay-tooltip-left-bottom .arrow::before,
.clay-tooltip-left-top .arrow::before {
  border-left-color: #013E2E !important;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  left: 0;
}
.clay-tooltip-left .tooltip-arrow,
.clay-tooltip-left-bottom .tooltip-arrow,
.clay-tooltip-left-top .tooltip-arrow {
  border-bottom-color: transparent;
  border-left-color: transparent;
  right: 0;
  top: 50%;
}
.clay-tooltip-left-bottom .arrow {
  bottom: 0.5rem;
  margin-top: 0;
  top: auto;
}
.clay-tooltip-left-top .arrow {
  margin-top: 0;
  top: 0.5rem;
}
.clay-tooltip-right,
.clay-tooltip-right-bottom,
.clay-tooltip-right-top {
  padding-left: 0.4rem;
}
.clay-tooltip-right .arrow,
.clay-tooltip-right-bottom .arrow,
.clay-tooltip-right-top .arrow {
  height: 0.8rem;
  left: 0;
  margin-top: -0.4rem;
  width: 0.4rem;
  top: 50%;
}
.clay-tooltip-right .arrow::before,
.clay-tooltip-right-bottom .arrow::before,
.clay-tooltip-right-top .arrow::before {
  border-right-color: #013E2E !important;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  right: 0;
}
.clay-tooltip-right .tooltip-arrow,
.clay-tooltip-right-bottom .tooltip-arrow,
.clay-tooltip-right-top .tooltip-arrow {
  border-right-color: transparent;
  border-top-color: transparent;
  left: 0;
  top: 50%;
}
.clay-tooltip-right-bottom .arrow {
  bottom: 0.5rem;
  margin-top: 0;
  top: auto;
}
.clay-tooltip-right-top .arrow {
  margin-top: 0;
  top: 0.5rem;
}
.clay-tooltip-top,
.clay-tooltip-top-left,
.clay-tooltip-top-right {
  padding-bottom: 0.4rem;
}
.clay-tooltip-top .arrow,
.clay-tooltip-top-left .arrow,
.clay-tooltip-top-right .arrow {
  bottom: 0;
  left: 50%;
  margin-left: -0.4rem;
}
.clay-tooltip-top .arrow::before,
.clay-tooltip-top-left .arrow::before,
.clay-tooltip-top-right .arrow::before {
  border-top-color: #013E2E !important;
  border-width: 0.4rem 0.4rem 0;
  top: 0;
}
.clay-tooltip-top .tooltip-arrow,
.clay-tooltip-top-left .tooltip-arrow,
.clay-tooltip-top-right .tooltip-arrow {
  border-left-color: transparent;
  border-top-color: transparent;
  bottom: 0;
  left: 50%;
}
.clay-tooltip-top-left .arrow {
  left: 0.5rem;
  margin-left: 0;
}
.clay-tooltip-top-right .arrow {
  left: auto;
  margin-left: 0;
  right: 0.5rem;
}
.treeview {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  list-style: none;
  margin-bottom: 0;
  padding: 2px 0;
}
.treeview .btn {
  font-size: 12px;
  line-height: 1;
  padding: 6px 8px;
}
.treeview .btn .c-inner {
  margin: -7px -8px;
}
.treeview .btn-monospaced {
  font-size: inherit;
  height: 24px;
  padding: 0;
  width: 24px;
}
.treeview .btn-monospaced:focus, .treeview .btn-monospaced.focus {
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
}
.treeview .btn-monospaced:active:focus {
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
}
.treeview .custom-control {
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 1.5px;
}
.treeview .component-expander {
  font-size: 10px;
}
.treeview .component-expander .lexicon-icon:not(.component-expanded-d-none) {
  display: none;
}
.treeview .component-action {
  font-size: 16px;
  margin-left: 2px;
  margin-right: 2px;
}
.treeview .component-action:hover {
  background-color: transparent;
  color: #6b6c7e;
}
.treeview .component-action:focus, .treeview .component-action.focus {
  color: #6b6c7e;
}
.treeview .component-action:active {
  background-color: transparent;
}
.treeview .component-action.active {
  background-color: transparent;
}
.treeview .component-action[aria-expanded=true], .treeview .component-action.show {
  background-color: transparent;
}
.treeview .component-icon {
  display: inline-block;
  font-size: 16px;
  height: auto;
  margin: 4px;
  vertical-align: middle;
  width: auto;
}
.treeview .component-icon .lexicon-icon {
  display: block;
}
.treeview .component-text {
  line-height: 24px;
  padding-left: 4px;
  -ms-user-select: auto;
  -moz-user-select: auto;
  -webkit-user-select: auto;
  user-select: auto;
}
.treeview.show-component-expander-on-hover:hover .component-expander, .treeview.show-component-expander-on-hover.hover .component-expander {
  opacity: 1;
  transition: opacity ease-in-out 600ms;
}
@media (prefers-reduced-motion: reduce) {
  .treeview.show-component-expander-on-hover:hover .component-expander, .treeview.show-component-expander-on-hover.hover .component-expander {
    transition: none;
  }
}
.treeview.show-component-expander-on-hover .treeview-link:focus .component-expander, .treeview.show-component-expander-on-hover .treeview-link.focus .component-expander {
  opacity: 1;
  transition: none;
}
.treeview.show-component-expander-on-hover .component-expander {
  opacity: 0;
  transition: opacity ease-in-out 450ms;
}
@media (prefers-reduced-motion: reduce) {
  .treeview.show-component-expander-on-hover .component-expander {
    transition: none;
  }
}
.treeview .quick-action-item {
  margin: 0 2px;
  min-height: 0;
  min-width: 0;
}
.treeview .autofit-row {
  align-items: center;
}
.treeview.show-quick-actions-on-hover .treeview-link:not(:hover):not(:focus):not(.focus) .quick-action-item {
  display: none;
}
.treeview.show-quick-actions-on-hover .treeview-link:disabled .quick-action-item, .treeview.show-quick-actions-on-hover .treeview-link.disabled .quick-action-item {
  display: none;
}
.treeview.show-quick-actions-on-hover .treeview-link .quick-action-item:disabled, .treeview.show-quick-actions-on-hover .treeview-link .quick-action-item.disabled {
  display: none;
}

.treeview-group {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.treeview-item {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.treeview-link {
  background-color: transparent;
  cursor: pointer;
  display: block;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 2px;
  margin-top: 2px;
  min-width: 100%;
  padding: 0;
  position: relative;
  text-align: left;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.treeview-link:hover {
  text-decoration: none;
}
.treeview-link.focus, .treeview-link:focus {
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
  outline: 0;
}
.treeview-link:disabled, .treeview-link.disabled {
  cursor: not-allowed;
}
.treeview-link.treeview-dropping-bottom {
  box-shadow: 0 2px 0 0 #00d29a;
}
.treeview-link.treeview-dropping-middle {
  background-color: #43ffcc;
  border-color: #00d29a;
}
.treeview-link.treeview-dropping-top {
  box-shadow: 0 -2px 0 0 #00d29a;
}
.treeview-link.show .component-expander .component-expanded-d-none, .treeview-link[aria-expanded=true] .component-expander .component-expanded-d-none {
  display: none;
}
.treeview-link.show .component-expander .lexicon-icon:not(.component-expanded-d-none), .treeview-link[aria-expanded=true] .component-expander .lexicon-icon:not(.component-expanded-d-none) {
  display: inline-block;
}
.treeview-nested-margins .treeview-group .treeview-item {
  margin-left: 24px;
}

.treeview-item-dragging {
  cursor: not-allowed;
  opacity: 0.4;
}
.treeview-item-dragging .treeview-link {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.treeview-dragging {
  background-color: #fff;
  border-color: #00d29a;
  border-radius: var(--border-radius-sm, 0.1875rem);
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  font-size: 10px;
  font-weight: var(--font-weight-semi-bold, 500);
  padding: 4px 12px;
  text-transform: uppercase;
}

.treeview-light .component-expander {
  color: #6b6c7e;
}
.treeview-light .component-expander:hover {
  color: #005D44;
}
.treeview-light .component-expander:disabled, .treeview-light .component-expander.disabled {
  color: #6b6c7e;
  opacity: 0.5;
}
.treeview-light .component-expander.btn-secondary {
  background-color: #fff;
}
.treeview-light .treeview-link {
  color: #6b6c7e;
}
.treeview-light .treeview-link:hover {
  background-color: #f7f8f9;
  color: #272833;
}
.treeview-light .treeview-link:active {
  background-color: #f1f2f5;
  color: #272833;
}
.treeview-light .treeview-link.active {
  background-color: #f1f2f5;
  color: #272833;
}
.treeview-light .treeview-link:disabled, .treeview-light .treeview-link.disabled {
  background-color: transparent;
  color: rgba(107, 108, 126, 0.5);
}
.treeview-light .treeview-link.treeview-no-hover:hover {
  background-color: transparent;
  color: #6b6c7e;
}
.treeview-dark .component-expander {
  color: #a7a9bc;
}
.treeview-dark .component-expander:hover {
  color: #00d29a;
}
.treeview-dark .component-expander:disabled, .treeview-dark .component-expander.disabled {
  color: #a7a9bc;
  opacity: 0.5;
}
.treeview-dark .treeview-link {
  color: #a7a9bc;
}
.treeview-dark .treeview-link:hover {
  background-color: rgba(255, 255, 255, 0.04);
}
.treeview-dark .treeview-link.active {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.treeview-dark .treeview-link:disabled, .treeview-dark .treeview-link.disabled {
  background-color: transparent;
  color: rgba(167, 169, 188, 0.5);
}
.treeview-dark .treeview-link.treeview-no-hover:hover {
  background-color: transparent;
  color: #a7a9bc;
}
.treeview-dark .component-action {
  color: #a7a9bc;
}
.treeview-dark .component-action:disabled, .treeview-dark .component-action.disabled {
  color: #a7a9bc;
}
.bg-checkered {
  background-image: linear-gradient(45deg, #e7e7ed 25%, transparent 25%), linear-gradient(-45deg, #e7e7ed 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e7e7ed 75%), linear-gradient(-45deg, transparent 75%, #e7e7ed 75%);
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
  background-size: 20px 20px;
}

.close {
  align-items: center;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border-radius: var(--border-radius-sm, 0.1875rem);
  border-width: 0px;
  color: #272833;
  cursor: pointer;
  display: inline-flex;
  font-size: 1rem;
  font-weight: var(--font-weight-bold, 700);
  height: 2rem;
  justify-content: center;
  line-height: 1;
  opacity: 1;
  padding: 0;
  text-align: center;
  text-shadow: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 2rem;
}
.close::-ms-expand {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .close {
    transition: none;
  }
}
.close:hover {
  color: #272833;
  opacity: 1;
  text-decoration: none;
  outline: 0;
}
.close:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
  opacity: 0.75;
}
.close:disabled, .close.disabled {
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.65;
  outline: 0;
  color: #6b6c7e;
}
.close .lexicon-icon {
  margin-top: 0;
}

.c-focus-inset:focus:not(:disabled):not(.disabled):not([disabled]), .c-focus-inset.focus:not(:disabled):not(.disabled):not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
  border-color: #00d29a;
  outline: 0;
}

.autofit-row {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
ul.autofit-row {
  list-style: none;
  padding-left: 0;
}

.autofit-row-center > .autofit-col {
  justify-content: center;
}

.autofit-row-end > .autofit-col {
  justify-content: flex-end;
}

.autofit-padded > .autofit-col {
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
}

.autofit-padded-no-gutters-x {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  width: auto;
}
.autofit-padded-no-gutters-x > .autofit-col {
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
}

.autofit-padded-no-gutters-y {
  margin-bottom: -0.25rem;
  margin-top: -0.25rem;
  width: auto;
}
.autofit-padded-no-gutters-y > .autofit-col {
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
}

.autofit-padded-no-gutters {
  margin-bottom: -0.25rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: -0.25rem;
  width: auto;
}
.autofit-padded-no-gutters > .autofit-col {
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
}

.autofit-padded-no-gutters-sm, .sheet-title .autofit-padded-no-gutters {
  margin: -0.25rem;
  width: auto;
}
.autofit-padded-no-gutters-sm > .autofit-col, .sheet-title .autofit-padded-no-gutters > .autofit-col {
  padding: 0.25rem;
}

.autofit-col, .tbar-item {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  min-height: 0;
  position: relative;
}

.autofit-col-shrink {
  flex-shrink: 1;
  min-width: 1rem;
  word-wrap: break-word;
}

.autofit-col-expand, .tbar-item-expand {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 3.125rem;
  word-wrap: break-word;
}

.autofit-section, .tbar-section {
  max-width: 100%;
}

.autofit-float {
  flex-wrap: wrap;
}
.autofit-float > .autofit-col {
  max-width: 100%;
}
.autofit-float > .autofit-col-end {
  margin-left: auto;
}
.autofit-float > .autofit-col-end + .autofit-col-end {
  margin-left: 0;
}

@media (max-width: 767.98px) {
  .autofit-float-sm-down {
    flex-wrap: wrap;
  }
  .autofit-float-sm-down > .autofit-col {
    max-width: 100%;
  }
  .autofit-float-sm-down > .autofit-col-end {
    margin-left: auto;
  }
  .autofit-float-sm-down > .autofit-col-end + .autofit-col-end {
    margin-left: 0;
  }
}

@media (max-width: 991.98px) {
  .autofit-float-md-down {
    flex-wrap: wrap;
  }
  .autofit-float-md-down > .autofit-col {
    max-width: 100%;
  }
  .autofit-float-md-down > .autofit-col-end {
    margin-left: auto;
  }
  .autofit-float-md-down > .autofit-col-end + .autofit-col-end {
    margin-left: 0;
  }
}

.autofit-float-end {
  flex-wrap: wrap;
  justify-content: flex-end;
}
.autofit-float-end > .autofit-col {
  max-width: 100%;
}
.autofit-float-end > .autofit-col-end {
  margin-left: auto;
}
.autofit-float-end > .autofit-col-end + .autofit-col-end {
  margin-left: 0;
}

@media (max-width: 767.98px) {
  .autofit-float-end-sm-down {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .autofit-float-end-sm-down > .autofit-col {
    max-width: 100%;
  }
  .autofit-float-end-sm-down > .autofit-col-end {
    margin-left: auto;
  }
  .autofit-float-end-sm-down > .autofit-col-end + .autofit-col-end {
    margin-left: 0;
  }
}

@media (max-width: 991.98px) {
  .autofit-float-end-md-down {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .autofit-float-end-md-down > .autofit-col {
    max-width: 100%;
  }
  .autofit-float-end-md-down > .autofit-col-end {
    margin-left: auto;
  }
  .autofit-float-end-md-down > .autofit-col-end + .autofit-col-end {
    margin-left: 0;
  }
}

.c-inner {
  align-items: inherit;
  display: inherit;
  flex-direction: inherit;
  height: inherit;
  justify-content: inherit;
  line-height: inherit;
  max-width: inherit;
  min-width: inherit;
  outline: 0;
  overflow: inherit;
  padding-bottom: inherit;
  padding-left: inherit;
  padding-right: inherit;
  padding-top: inherit;
  text-overflow: inherit;
  width: inherit;
}

.heading-start {
  margin-right: 1rem;
}

.heading-end {
  margin-left: 1rem;
}

.heading-text {
  margin-bottom: auto;
  margin-top: auto;
}

.inline-scroller {
  -webkit-overflow-scrolling: touch;
  list-style: none;
  margin: 0;
  max-height: 125px;
  overflow: auto;
  padding: 0;
}
.inline-scroller:focus {
  outline: 0;
}
.inline-scroller:focus-visible {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}

.inline-item {
  align-items: center;
  display: inline-flex;
  vertical-align: middle;
}
.inline-item .inline-item {
  display: inline;
}
.inline-item .lexicon-icon {
  margin-top: -0.1em;
}
.inline-item-before {
  margin-right: 0.5rem;
}

.inline-item-middle {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.inline-item-middle + .inline-item-middle {
  margin-left: 0;
}

.inline-item-after {
  margin-left: 0.5rem;
}

.page-header {
  background-color: #fff;
}

.c-gap-0 {
  gap: var(--spacer-0, 0);
}

.c-gapx-0 {
  column-gap: var(--spacer-0, 0);
}

.c-gapy-0 {
  row-gap: var(--spacer-0, 0);
}

.c-gap-1 {
  gap: var(--spacer-1, 4px);
}

.c-gapx-1 {
  column-gap: var(--spacer-1, 4px);
}

.c-gapy-1 {
  row-gap: var(--spacer-1, 4px);
}

.c-gap-2 {
  gap: var(--spacer-2, 8px);
}

.c-gapx-2 {
  column-gap: var(--spacer-2, 8px);
}

.c-gapy-2 {
  row-gap: var(--spacer-2, 8px);
}

.c-gap-3 {
  gap: var(--spacer-3, 16px);
}

.c-gapx-3 {
  column-gap: var(--spacer-3, 16px);
}

.c-gapy-3 {
  row-gap: var(--spacer-3, 16px);
}

.c-gap-4 {
  gap: var(--spacer-4, 24px);
}

.c-gapx-4 {
  column-gap: var(--spacer-4, 24px);
}

.c-gapy-4 {
  row-gap: var(--spacer-4, 24px);
}

.c-gap-5 {
  gap: var(--spacer-5, 32px);
}

.c-gapx-5 {
  column-gap: var(--spacer-5, 32px);
}

.c-gapy-5 {
  row-gap: var(--spacer-5, 32px);
}

@media (min-width: 576px) {
  .c-gap-sm-0 {
    gap: var(--spacer-0, 0);
  }
  .c-gapx-sm-0 {
    column-gap: var(--spacer-0, 0);
  }
  .c-gapy-sm-0 {
    row-gap: var(--spacer-0, 0);
  }
  .c-gap-sm-1 {
    gap: var(--spacer-1, 4px);
  }
  .c-gapx-sm-1 {
    column-gap: var(--spacer-1, 4px);
  }
  .c-gapy-sm-1 {
    row-gap: var(--spacer-1, 4px);
  }
  .c-gap-sm-2 {
    gap: var(--spacer-2, 8px);
  }
  .c-gapx-sm-2 {
    column-gap: var(--spacer-2, 8px);
  }
  .c-gapy-sm-2 {
    row-gap: var(--spacer-2, 8px);
  }
  .c-gap-sm-3 {
    gap: var(--spacer-3, 16px);
  }
  .c-gapx-sm-3 {
    column-gap: var(--spacer-3, 16px);
  }
  .c-gapy-sm-3 {
    row-gap: var(--spacer-3, 16px);
  }
  .c-gap-sm-4 {
    gap: var(--spacer-4, 24px);
  }
  .c-gapx-sm-4 {
    column-gap: var(--spacer-4, 24px);
  }
  .c-gapy-sm-4 {
    row-gap: var(--spacer-4, 24px);
  }
  .c-gap-sm-5 {
    gap: var(--spacer-5, 32px);
  }
  .c-gapx-sm-5 {
    column-gap: var(--spacer-5, 32px);
  }
  .c-gapy-sm-5 {
    row-gap: var(--spacer-5, 32px);
  }
}
@media (min-width: 768px) {
  .c-gap-md-0 {
    gap: var(--spacer-0, 0);
  }
  .c-gapx-md-0 {
    column-gap: var(--spacer-0, 0);
  }
  .c-gapy-md-0 {
    row-gap: var(--spacer-0, 0);
  }
  .c-gap-md-1 {
    gap: var(--spacer-1, 4px);
  }
  .c-gapx-md-1 {
    column-gap: var(--spacer-1, 4px);
  }
  .c-gapy-md-1 {
    row-gap: var(--spacer-1, 4px);
  }
  .c-gap-md-2 {
    gap: var(--spacer-2, 8px);
  }
  .c-gapx-md-2 {
    column-gap: var(--spacer-2, 8px);
  }
  .c-gapy-md-2 {
    row-gap: var(--spacer-2, 8px);
  }
  .c-gap-md-3 {
    gap: var(--spacer-3, 16px);
  }
  .c-gapx-md-3 {
    column-gap: var(--spacer-3, 16px);
  }
  .c-gapy-md-3 {
    row-gap: var(--spacer-3, 16px);
  }
  .c-gap-md-4 {
    gap: var(--spacer-4, 24px);
  }
  .c-gapx-md-4 {
    column-gap: var(--spacer-4, 24px);
  }
  .c-gapy-md-4 {
    row-gap: var(--spacer-4, 24px);
  }
  .c-gap-md-5 {
    gap: var(--spacer-5, 32px);
  }
  .c-gapx-md-5 {
    column-gap: var(--spacer-5, 32px);
  }
  .c-gapy-md-5 {
    row-gap: var(--spacer-5, 32px);
  }
}
@media (min-width: 992px) {
  .c-gap-lg-0 {
    gap: var(--spacer-0, 0);
  }
  .c-gapx-lg-0 {
    column-gap: var(--spacer-0, 0);
  }
  .c-gapy-lg-0 {
    row-gap: var(--spacer-0, 0);
  }
  .c-gap-lg-1 {
    gap: var(--spacer-1, 4px);
  }
  .c-gapx-lg-1 {
    column-gap: var(--spacer-1, 4px);
  }
  .c-gapy-lg-1 {
    row-gap: var(--spacer-1, 4px);
  }
  .c-gap-lg-2 {
    gap: var(--spacer-2, 8px);
  }
  .c-gapx-lg-2 {
    column-gap: var(--spacer-2, 8px);
  }
  .c-gapy-lg-2 {
    row-gap: var(--spacer-2, 8px);
  }
  .c-gap-lg-3 {
    gap: var(--spacer-3, 16px);
  }
  .c-gapx-lg-3 {
    column-gap: var(--spacer-3, 16px);
  }
  .c-gapy-lg-3 {
    row-gap: var(--spacer-3, 16px);
  }
  .c-gap-lg-4 {
    gap: var(--spacer-4, 24px);
  }
  .c-gapx-lg-4 {
    column-gap: var(--spacer-4, 24px);
  }
  .c-gapy-lg-4 {
    row-gap: var(--spacer-4, 24px);
  }
  .c-gap-lg-5 {
    gap: var(--spacer-5, 32px);
  }
  .c-gapx-lg-5 {
    column-gap: var(--spacer-5, 32px);
  }
  .c-gapy-lg-5 {
    row-gap: var(--spacer-5, 32px);
  }
}
@media (min-width: 1280px) {
  .c-gap-xl-0 {
    gap: var(--spacer-0, 0);
  }
  .c-gapx-xl-0 {
    column-gap: var(--spacer-0, 0);
  }
  .c-gapy-xl-0 {
    row-gap: var(--spacer-0, 0);
  }
  .c-gap-xl-1 {
    gap: var(--spacer-1, 4px);
  }
  .c-gapx-xl-1 {
    column-gap: var(--spacer-1, 4px);
  }
  .c-gapy-xl-1 {
    row-gap: var(--spacer-1, 4px);
  }
  .c-gap-xl-2 {
    gap: var(--spacer-2, 8px);
  }
  .c-gapx-xl-2 {
    column-gap: var(--spacer-2, 8px);
  }
  .c-gapy-xl-2 {
    row-gap: var(--spacer-2, 8px);
  }
  .c-gap-xl-3 {
    gap: var(--spacer-3, 16px);
  }
  .c-gapx-xl-3 {
    column-gap: var(--spacer-3, 16px);
  }
  .c-gapy-xl-3 {
    row-gap: var(--spacer-3, 16px);
  }
  .c-gap-xl-4 {
    gap: var(--spacer-4, 24px);
  }
  .c-gapx-xl-4 {
    column-gap: var(--spacer-4, 24px);
  }
  .c-gapy-xl-4 {
    row-gap: var(--spacer-4, 24px);
  }
  .c-gap-xl-5 {
    gap: var(--spacer-5, 32px);
  }
  .c-gapx-xl-5 {
    column-gap: var(--spacer-5, 32px);
  }
  .c-gapy-xl-5 {
    row-gap: var(--spacer-5, 32px);
  }
}
@media (min-width: 1440px) {
  .c-gap-xxl-0 {
    gap: var(--spacer-0, 0);
  }
  .c-gapx-xxl-0 {
    column-gap: var(--spacer-0, 0);
  }
  .c-gapy-xxl-0 {
    row-gap: var(--spacer-0, 0);
  }
  .c-gap-xxl-1 {
    gap: var(--spacer-1, 4px);
  }
  .c-gapx-xxl-1 {
    column-gap: var(--spacer-1, 4px);
  }
  .c-gapy-xxl-1 {
    row-gap: var(--spacer-1, 4px);
  }
  .c-gap-xxl-2 {
    gap: var(--spacer-2, 8px);
  }
  .c-gapx-xxl-2 {
    column-gap: var(--spacer-2, 8px);
  }
  .c-gapy-xxl-2 {
    row-gap: var(--spacer-2, 8px);
  }
  .c-gap-xxl-3 {
    gap: var(--spacer-3, 16px);
  }
  .c-gapx-xxl-3 {
    column-gap: var(--spacer-3, 16px);
  }
  .c-gapy-xxl-3 {
    row-gap: var(--spacer-3, 16px);
  }
  .c-gap-xxl-4 {
    gap: var(--spacer-4, 24px);
  }
  .c-gapx-xxl-4 {
    column-gap: var(--spacer-4, 24px);
  }
  .c-gapy-xxl-4 {
    row-gap: var(--spacer-4, 24px);
  }
  .c-gap-xxl-5 {
    gap: var(--spacer-5, 32px);
  }
  .c-gapx-xxl-5 {
    column-gap: var(--spacer-5, 32px);
  }
  .c-gapy-xxl-5 {
    row-gap: var(--spacer-5, 32px);
  }
}
.c-m-0 {
  margin: var(--spacer-0, 0);
}

.c-mt-0,
.c-my-0 {
  margin-top: var(--spacer-0, 0);
}

.c-mr-0,
.c-mx-0 {
  margin-right: var(--spacer-0, 0);
}

.c-mb-0,
.c-my-0 {
  margin-bottom: var(--spacer-0, 0);
}

.c-ml-0,
.c-mx-0 {
  margin-left: var(--spacer-0, 0);
}

.c-m-1 {
  margin: var(--spacer-1, 4px);
}

.c-mt-1,
.c-my-1 {
  margin-top: var(--spacer-1, 4px);
}

.c-mr-1,
.c-mx-1 {
  margin-right: var(--spacer-1, 4px);
}

.c-mb-1,
.c-my-1 {
  margin-bottom: var(--spacer-1, 4px);
}

.c-ml-1,
.c-mx-1 {
  margin-left: var(--spacer-1, 4px);
}

.c-m-2 {
  margin: var(--spacer-2, 8px);
}

.c-mt-2,
.c-my-2 {
  margin-top: var(--spacer-2, 8px);
}

.c-mr-2,
.c-mx-2 {
  margin-right: var(--spacer-2, 8px);
}

.c-mb-2,
.c-my-2 {
  margin-bottom: var(--spacer-2, 8px);
}

.c-ml-2,
.c-mx-2 {
  margin-left: var(--spacer-2, 8px);
}

.c-m-3 {
  margin: var(--spacer-3, 16px);
}

.c-mt-3,
.c-my-3 {
  margin-top: var(--spacer-3, 16px);
}

.c-mr-3,
.c-mx-3 {
  margin-right: var(--spacer-3, 16px);
}

.c-mb-3,
.c-my-3 {
  margin-bottom: var(--spacer-3, 16px);
}

.c-ml-3,
.c-mx-3 {
  margin-left: var(--spacer-3, 16px);
}

.c-m-4 {
  margin: var(--spacer-4, 24px);
}

.c-mt-4,
.c-my-4 {
  margin-top: var(--spacer-4, 24px);
}

.c-mr-4,
.c-mx-4 {
  margin-right: var(--spacer-4, 24px);
}

.c-mb-4,
.c-my-4 {
  margin-bottom: var(--spacer-4, 24px);
}

.c-ml-4,
.c-mx-4 {
  margin-left: var(--spacer-4, 24px);
}

.c-m-5 {
  margin: var(--spacer-5, 32px);
}

.c-mt-5,
.c-my-5 {
  margin-top: var(--spacer-5, 32px);
}

.c-mr-5,
.c-mx-5 {
  margin-right: var(--spacer-5, 32px);
}

.c-mb-5,
.c-my-5 {
  margin-bottom: var(--spacer-5, 32px);
}

.c-ml-5,
.c-mx-5 {
  margin-left: var(--spacer-5, 32px);
}

.c-m-6 {
  margin: var(--spacer-6, 40px);
}

.c-mt-6,
.c-my-6 {
  margin-top: var(--spacer-6, 40px);
}

.c-mr-6,
.c-mx-6 {
  margin-right: var(--spacer-6, 40px);
}

.c-mb-6,
.c-my-6 {
  margin-bottom: var(--spacer-6, 40px);
}

.c-ml-6,
.c-mx-6 {
  margin-left: var(--spacer-6, 40px);
}

.c-m-7 {
  margin: var(--spacer-7, 48px);
}

.c-mt-7,
.c-my-7 {
  margin-top: var(--spacer-7, 48px);
}

.c-mr-7,
.c-mx-7 {
  margin-right: var(--spacer-7, 48px);
}

.c-mb-7,
.c-my-7 {
  margin-bottom: var(--spacer-7, 48px);
}

.c-ml-7,
.c-mx-7 {
  margin-left: var(--spacer-7, 48px);
}

.c-m-8 {
  margin: var(--spacer-8, 56px);
}

.c-mt-8,
.c-my-8 {
  margin-top: var(--spacer-8, 56px);
}

.c-mr-8,
.c-mx-8 {
  margin-right: var(--spacer-8, 56px);
}

.c-mb-8,
.c-my-8 {
  margin-bottom: var(--spacer-8, 56px);
}

.c-ml-8,
.c-mx-8 {
  margin-left: var(--spacer-8, 56px);
}

.c-m-9 {
  margin: var(--spacer-9, 64px);
}

.c-mt-9,
.c-my-9 {
  margin-top: var(--spacer-9, 64px);
}

.c-mr-9,
.c-mx-9 {
  margin-right: var(--spacer-9, 64px);
}

.c-mb-9,
.c-my-9 {
  margin-bottom: var(--spacer-9, 64px);
}

.c-ml-9,
.c-mx-9 {
  margin-left: var(--spacer-9, 64px);
}

.c-m-10 {
  margin: var(--spacer-10, 80px);
}

.c-mt-10,
.c-my-10 {
  margin-top: var(--spacer-10, 80px);
}

.c-mr-10,
.c-mx-10 {
  margin-right: var(--spacer-10, 80px);
}

.c-mb-10,
.c-my-10 {
  margin-bottom: var(--spacer-10, 80px);
}

.c-ml-10,
.c-mx-10 {
  margin-left: var(--spacer-10, 80px);
}

.c-p-0 {
  padding: var(--spacer-0, 0);
}

.c-pt-0,
.c-py-0 {
  padding-top: var(--spacer-0, 0);
}

.c-pr-0,
.c-px-0 {
  padding-right: var(--spacer-0, 0);
}

.c-pb-0,
.c-py-0 {
  padding-bottom: var(--spacer-0, 0);
}

.c-pl-0,
.c-px-0 {
  padding-left: var(--spacer-0, 0);
}

.c-p-1 {
  padding: var(--spacer-1, 4px);
}

.c-pt-1,
.c-py-1 {
  padding-top: var(--spacer-1, 4px);
}

.c-pr-1,
.c-px-1 {
  padding-right: var(--spacer-1, 4px);
}

.c-pb-1,
.c-py-1 {
  padding-bottom: var(--spacer-1, 4px);
}

.c-pl-1,
.c-px-1 {
  padding-left: var(--spacer-1, 4px);
}

.c-p-2 {
  padding: var(--spacer-2, 8px);
}

.c-pt-2,
.c-py-2 {
  padding-top: var(--spacer-2, 8px);
}

.c-pr-2,
.c-px-2 {
  padding-right: var(--spacer-2, 8px);
}

.c-pb-2,
.c-py-2 {
  padding-bottom: var(--spacer-2, 8px);
}

.c-pl-2,
.c-px-2 {
  padding-left: var(--spacer-2, 8px);
}

.c-p-3 {
  padding: var(--spacer-3, 16px);
}

.c-pt-3,
.c-py-3 {
  padding-top: var(--spacer-3, 16px);
}

.c-pr-3,
.c-px-3 {
  padding-right: var(--spacer-3, 16px);
}

.c-pb-3,
.c-py-3 {
  padding-bottom: var(--spacer-3, 16px);
}

.c-pl-3,
.c-px-3 {
  padding-left: var(--spacer-3, 16px);
}

.c-p-4 {
  padding: var(--spacer-4, 24px);
}

.c-pt-4,
.c-py-4 {
  padding-top: var(--spacer-4, 24px);
}

.c-pr-4,
.c-px-4 {
  padding-right: var(--spacer-4, 24px);
}

.c-pb-4,
.c-py-4 {
  padding-bottom: var(--spacer-4, 24px);
}

.c-pl-4,
.c-px-4 {
  padding-left: var(--spacer-4, 24px);
}

.c-p-5 {
  padding: var(--spacer-5, 32px);
}

.c-pt-5,
.c-py-5 {
  padding-top: var(--spacer-5, 32px);
}

.c-pr-5,
.c-px-5 {
  padding-right: var(--spacer-5, 32px);
}

.c-pb-5,
.c-py-5 {
  padding-bottom: var(--spacer-5, 32px);
}

.c-pl-5,
.c-px-5 {
  padding-left: var(--spacer-5, 32px);
}

.c-p-6 {
  padding: var(--spacer-6, 40px);
}

.c-pt-6,
.c-py-6 {
  padding-top: var(--spacer-6, 40px);
}

.c-pr-6,
.c-px-6 {
  padding-right: var(--spacer-6, 40px);
}

.c-pb-6,
.c-py-6 {
  padding-bottom: var(--spacer-6, 40px);
}

.c-pl-6,
.c-px-6 {
  padding-left: var(--spacer-6, 40px);
}

.c-p-7 {
  padding: var(--spacer-7, 48px);
}

.c-pt-7,
.c-py-7 {
  padding-top: var(--spacer-7, 48px);
}

.c-pr-7,
.c-px-7 {
  padding-right: var(--spacer-7, 48px);
}

.c-pb-7,
.c-py-7 {
  padding-bottom: var(--spacer-7, 48px);
}

.c-pl-7,
.c-px-7 {
  padding-left: var(--spacer-7, 48px);
}

.c-p-8 {
  padding: var(--spacer-8, 56px);
}

.c-pt-8,
.c-py-8 {
  padding-top: var(--spacer-8, 56px);
}

.c-pr-8,
.c-px-8 {
  padding-right: var(--spacer-8, 56px);
}

.c-pb-8,
.c-py-8 {
  padding-bottom: var(--spacer-8, 56px);
}

.c-pl-8,
.c-px-8 {
  padding-left: var(--spacer-8, 56px);
}

.c-p-9 {
  padding: var(--spacer-9, 64px);
}

.c-pt-9,
.c-py-9 {
  padding-top: var(--spacer-9, 64px);
}

.c-pr-9,
.c-px-9 {
  padding-right: var(--spacer-9, 64px);
}

.c-pb-9,
.c-py-9 {
  padding-bottom: var(--spacer-9, 64px);
}

.c-pl-9,
.c-px-9 {
  padding-left: var(--spacer-9, 64px);
}

.c-p-10 {
  padding: var(--spacer-10, 80px);
}

.c-pt-10,
.c-py-10 {
  padding-top: var(--spacer-10, 80px);
}

.c-pr-10,
.c-px-10 {
  padding-right: var(--spacer-10, 80px);
}

.c-pb-10,
.c-py-10 {
  padding-bottom: var(--spacer-10, 80px);
}

.c-pl-10,
.c-px-10 {
  padding-left: var(--spacer-10, 80px);
}

.c-m-n1 {
  margin: calc(var(--spacer-1, 4px) * -1);
}

.c-mt-n1,
.c-my-n1 {
  margin-top: calc(var(--spacer-1, 4px) * -1);
}

.c-mr-n1,
.c-mx-n1 {
  margin-right: calc(var(--spacer-1, 4px) * -1);
}

.c-mb-n1,
.c-my-n1 {
  margin-bottom: calc(var(--spacer-1, 4px) * -1);
}

.c-ml-n1,
.c-mx-n1 {
  margin-left: calc(var(--spacer-1, 4px) * -1);
}

.c-m-n2 {
  margin: calc(var(--spacer-2, 8px) * -1);
}

.c-mt-n2,
.c-my-n2 {
  margin-top: calc(var(--spacer-2, 8px) * -1);
}

.c-mr-n2,
.c-mx-n2 {
  margin-right: calc(var(--spacer-2, 8px) * -1);
}

.c-mb-n2,
.c-my-n2 {
  margin-bottom: calc(var(--spacer-2, 8px) * -1);
}

.c-ml-n2,
.c-mx-n2 {
  margin-left: calc(var(--spacer-2, 8px) * -1);
}

.c-m-n3 {
  margin: calc(var(--spacer-3, 16px) * -1);
}

.c-mt-n3,
.c-my-n3 {
  margin-top: calc(var(--spacer-3, 16px) * -1);
}

.c-mr-n3,
.c-mx-n3 {
  margin-right: calc(var(--spacer-3, 16px) * -1);
}

.c-mb-n3,
.c-my-n3 {
  margin-bottom: calc(var(--spacer-3, 16px) * -1);
}

.c-ml-n3,
.c-mx-n3 {
  margin-left: calc(var(--spacer-3, 16px) * -1);
}

.c-m-n4 {
  margin: calc(var(--spacer-4, 24px) * -1);
}

.c-mt-n4,
.c-my-n4 {
  margin-top: calc(var(--spacer-4, 24px) * -1);
}

.c-mr-n4,
.c-mx-n4 {
  margin-right: calc(var(--spacer-4, 24px) * -1);
}

.c-mb-n4,
.c-my-n4 {
  margin-bottom: calc(var(--spacer-4, 24px) * -1);
}

.c-ml-n4,
.c-mx-n4 {
  margin-left: calc(var(--spacer-4, 24px) * -1);
}

.c-m-n5 {
  margin: calc(var(--spacer-5, 32px) * -1);
}

.c-mt-n5,
.c-my-n5 {
  margin-top: calc(var(--spacer-5, 32px) * -1);
}

.c-mr-n5,
.c-mx-n5 {
  margin-right: calc(var(--spacer-5, 32px) * -1);
}

.c-mb-n5,
.c-my-n5 {
  margin-bottom: calc(var(--spacer-5, 32px) * -1);
}

.c-ml-n5,
.c-mx-n5 {
  margin-left: calc(var(--spacer-5, 32px) * -1);
}

.c-m-n6 {
  margin: calc(var(--spacer-6, 40px) * -1);
}

.c-mt-n6,
.c-my-n6 {
  margin-top: calc(var(--spacer-6, 40px) * -1);
}

.c-mr-n6,
.c-mx-n6 {
  margin-right: calc(var(--spacer-6, 40px) * -1);
}

.c-mb-n6,
.c-my-n6 {
  margin-bottom: calc(var(--spacer-6, 40px) * -1);
}

.c-ml-n6,
.c-mx-n6 {
  margin-left: calc(var(--spacer-6, 40px) * -1);
}

.c-m-n7 {
  margin: calc(var(--spacer-7, 48px) * -1);
}

.c-mt-n7,
.c-my-n7 {
  margin-top: calc(var(--spacer-7, 48px) * -1);
}

.c-mr-n7,
.c-mx-n7 {
  margin-right: calc(var(--spacer-7, 48px) * -1);
}

.c-mb-n7,
.c-my-n7 {
  margin-bottom: calc(var(--spacer-7, 48px) * -1);
}

.c-ml-n7,
.c-mx-n7 {
  margin-left: calc(var(--spacer-7, 48px) * -1);
}

.c-m-n8 {
  margin: calc(var(--spacer-8, 56px) * -1);
}

.c-mt-n8,
.c-my-n8 {
  margin-top: calc(var(--spacer-8, 56px) * -1);
}

.c-mr-n8,
.c-mx-n8 {
  margin-right: calc(var(--spacer-8, 56px) * -1);
}

.c-mb-n8,
.c-my-n8 {
  margin-bottom: calc(var(--spacer-8, 56px) * -1);
}

.c-ml-n8,
.c-mx-n8 {
  margin-left: calc(var(--spacer-8, 56px) * -1);
}

.c-m-n9 {
  margin: calc(var(--spacer-9, 64px) * -1);
}

.c-mt-n9,
.c-my-n9 {
  margin-top: calc(var(--spacer-9, 64px) * -1);
}

.c-mr-n9,
.c-mx-n9 {
  margin-right: calc(var(--spacer-9, 64px) * -1);
}

.c-mb-n9,
.c-my-n9 {
  margin-bottom: calc(var(--spacer-9, 64px) * -1);
}

.c-ml-n9,
.c-mx-n9 {
  margin-left: calc(var(--spacer-9, 64px) * -1);
}

.c-m-n10 {
  margin: calc(var(--spacer-10, 80px) * -1);
}

.c-mt-n10,
.c-my-n10 {
  margin-top: calc(var(--spacer-10, 80px) * -1);
}

.c-mr-n10,
.c-mx-n10 {
  margin-right: calc(var(--spacer-10, 80px) * -1);
}

.c-mb-n10,
.c-my-n10 {
  margin-bottom: calc(var(--spacer-10, 80px) * -1);
}

.c-ml-n10,
.c-mx-n10 {
  margin-left: calc(var(--spacer-10, 80px) * -1);
}

.c-m-auto {
  margin: auto;
}

.c-mt-auto,
.c-my-auto {
  margin-top: auto;
}

.c-mr-auto,
.c-mx-auto {
  margin-right: auto;
}

.c-mb-auto,
.c-my-auto {
  margin-bottom: auto;
}

.c-ml-auto,
.c-mx-auto {
  margin-left: auto;
}

@media (min-width: 576px) {
  .c-m-sm-0 {
    margin: var(--spacer-0, 0);
  }
  .c-mt-sm-0,
  .c-my-sm-0 {
    margin-top: var(--spacer-0, 0);
  }
  .c-mr-sm-0,
  .c-mx-sm-0 {
    margin-right: var(--spacer-0, 0);
  }
  .c-mb-sm-0,
  .c-my-sm-0 {
    margin-bottom: var(--spacer-0, 0);
  }
  .c-ml-sm-0,
  .c-mx-sm-0 {
    margin-left: var(--spacer-0, 0);
  }
  .c-m-sm-1 {
    margin: var(--spacer-1, 4px);
  }
  .c-mt-sm-1,
  .c-my-sm-1 {
    margin-top: var(--spacer-1, 4px);
  }
  .c-mr-sm-1,
  .c-mx-sm-1 {
    margin-right: var(--spacer-1, 4px);
  }
  .c-mb-sm-1,
  .c-my-sm-1 {
    margin-bottom: var(--spacer-1, 4px);
  }
  .c-ml-sm-1,
  .c-mx-sm-1 {
    margin-left: var(--spacer-1, 4px);
  }
  .c-m-sm-2 {
    margin: var(--spacer-2, 8px);
  }
  .c-mt-sm-2,
  .c-my-sm-2 {
    margin-top: var(--spacer-2, 8px);
  }
  .c-mr-sm-2,
  .c-mx-sm-2 {
    margin-right: var(--spacer-2, 8px);
  }
  .c-mb-sm-2,
  .c-my-sm-2 {
    margin-bottom: var(--spacer-2, 8px);
  }
  .c-ml-sm-2,
  .c-mx-sm-2 {
    margin-left: var(--spacer-2, 8px);
  }
  .c-m-sm-3 {
    margin: var(--spacer-3, 16px);
  }
  .c-mt-sm-3,
  .c-my-sm-3 {
    margin-top: var(--spacer-3, 16px);
  }
  .c-mr-sm-3,
  .c-mx-sm-3 {
    margin-right: var(--spacer-3, 16px);
  }
  .c-mb-sm-3,
  .c-my-sm-3 {
    margin-bottom: var(--spacer-3, 16px);
  }
  .c-ml-sm-3,
  .c-mx-sm-3 {
    margin-left: var(--spacer-3, 16px);
  }
  .c-m-sm-4 {
    margin: var(--spacer-4, 24px);
  }
  .c-mt-sm-4,
  .c-my-sm-4 {
    margin-top: var(--spacer-4, 24px);
  }
  .c-mr-sm-4,
  .c-mx-sm-4 {
    margin-right: var(--spacer-4, 24px);
  }
  .c-mb-sm-4,
  .c-my-sm-4 {
    margin-bottom: var(--spacer-4, 24px);
  }
  .c-ml-sm-4,
  .c-mx-sm-4 {
    margin-left: var(--spacer-4, 24px);
  }
  .c-m-sm-5 {
    margin: var(--spacer-5, 32px);
  }
  .c-mt-sm-5,
  .c-my-sm-5 {
    margin-top: var(--spacer-5, 32px);
  }
  .c-mr-sm-5,
  .c-mx-sm-5 {
    margin-right: var(--spacer-5, 32px);
  }
  .c-mb-sm-5,
  .c-my-sm-5 {
    margin-bottom: var(--spacer-5, 32px);
  }
  .c-ml-sm-5,
  .c-mx-sm-5 {
    margin-left: var(--spacer-5, 32px);
  }
  .c-m-sm-6 {
    margin: var(--spacer-6, 40px);
  }
  .c-mt-sm-6,
  .c-my-sm-6 {
    margin-top: var(--spacer-6, 40px);
  }
  .c-mr-sm-6,
  .c-mx-sm-6 {
    margin-right: var(--spacer-6, 40px);
  }
  .c-mb-sm-6,
  .c-my-sm-6 {
    margin-bottom: var(--spacer-6, 40px);
  }
  .c-ml-sm-6,
  .c-mx-sm-6 {
    margin-left: var(--spacer-6, 40px);
  }
  .c-m-sm-7 {
    margin: var(--spacer-7, 48px);
  }
  .c-mt-sm-7,
  .c-my-sm-7 {
    margin-top: var(--spacer-7, 48px);
  }
  .c-mr-sm-7,
  .c-mx-sm-7 {
    margin-right: var(--spacer-7, 48px);
  }
  .c-mb-sm-7,
  .c-my-sm-7 {
    margin-bottom: var(--spacer-7, 48px);
  }
  .c-ml-sm-7,
  .c-mx-sm-7 {
    margin-left: var(--spacer-7, 48px);
  }
  .c-m-sm-8 {
    margin: var(--spacer-8, 56px);
  }
  .c-mt-sm-8,
  .c-my-sm-8 {
    margin-top: var(--spacer-8, 56px);
  }
  .c-mr-sm-8,
  .c-mx-sm-8 {
    margin-right: var(--spacer-8, 56px);
  }
  .c-mb-sm-8,
  .c-my-sm-8 {
    margin-bottom: var(--spacer-8, 56px);
  }
  .c-ml-sm-8,
  .c-mx-sm-8 {
    margin-left: var(--spacer-8, 56px);
  }
  .c-m-sm-9 {
    margin: var(--spacer-9, 64px);
  }
  .c-mt-sm-9,
  .c-my-sm-9 {
    margin-top: var(--spacer-9, 64px);
  }
  .c-mr-sm-9,
  .c-mx-sm-9 {
    margin-right: var(--spacer-9, 64px);
  }
  .c-mb-sm-9,
  .c-my-sm-9 {
    margin-bottom: var(--spacer-9, 64px);
  }
  .c-ml-sm-9,
  .c-mx-sm-9 {
    margin-left: var(--spacer-9, 64px);
  }
  .c-m-sm-10 {
    margin: var(--spacer-10, 80px);
  }
  .c-mt-sm-10,
  .c-my-sm-10 {
    margin-top: var(--spacer-10, 80px);
  }
  .c-mr-sm-10,
  .c-mx-sm-10 {
    margin-right: var(--spacer-10, 80px);
  }
  .c-mb-sm-10,
  .c-my-sm-10 {
    margin-bottom: var(--spacer-10, 80px);
  }
  .c-ml-sm-10,
  .c-mx-sm-10 {
    margin-left: var(--spacer-10, 80px);
  }
  .c-p-sm-0 {
    padding: var(--spacer-0, 0);
  }
  .c-pt-sm-0,
  .c-py-sm-0 {
    padding-top: var(--spacer-0, 0);
  }
  .c-pr-sm-0,
  .c-px-sm-0 {
    padding-right: var(--spacer-0, 0);
  }
  .c-pb-sm-0,
  .c-py-sm-0 {
    padding-bottom: var(--spacer-0, 0);
  }
  .c-pl-sm-0,
  .c-px-sm-0 {
    padding-left: var(--spacer-0, 0);
  }
  .c-p-sm-1 {
    padding: var(--spacer-1, 4px);
  }
  .c-pt-sm-1,
  .c-py-sm-1 {
    padding-top: var(--spacer-1, 4px);
  }
  .c-pr-sm-1,
  .c-px-sm-1 {
    padding-right: var(--spacer-1, 4px);
  }
  .c-pb-sm-1,
  .c-py-sm-1 {
    padding-bottom: var(--spacer-1, 4px);
  }
  .c-pl-sm-1,
  .c-px-sm-1 {
    padding-left: var(--spacer-1, 4px);
  }
  .c-p-sm-2 {
    padding: var(--spacer-2, 8px);
  }
  .c-pt-sm-2,
  .c-py-sm-2 {
    padding-top: var(--spacer-2, 8px);
  }
  .c-pr-sm-2,
  .c-px-sm-2 {
    padding-right: var(--spacer-2, 8px);
  }
  .c-pb-sm-2,
  .c-py-sm-2 {
    padding-bottom: var(--spacer-2, 8px);
  }
  .c-pl-sm-2,
  .c-px-sm-2 {
    padding-left: var(--spacer-2, 8px);
  }
  .c-p-sm-3 {
    padding: var(--spacer-3, 16px);
  }
  .c-pt-sm-3,
  .c-py-sm-3 {
    padding-top: var(--spacer-3, 16px);
  }
  .c-pr-sm-3,
  .c-px-sm-3 {
    padding-right: var(--spacer-3, 16px);
  }
  .c-pb-sm-3,
  .c-py-sm-3 {
    padding-bottom: var(--spacer-3, 16px);
  }
  .c-pl-sm-3,
  .c-px-sm-3 {
    padding-left: var(--spacer-3, 16px);
  }
  .c-p-sm-4 {
    padding: var(--spacer-4, 24px);
  }
  .c-pt-sm-4,
  .c-py-sm-4 {
    padding-top: var(--spacer-4, 24px);
  }
  .c-pr-sm-4,
  .c-px-sm-4 {
    padding-right: var(--spacer-4, 24px);
  }
  .c-pb-sm-4,
  .c-py-sm-4 {
    padding-bottom: var(--spacer-4, 24px);
  }
  .c-pl-sm-4,
  .c-px-sm-4 {
    padding-left: var(--spacer-4, 24px);
  }
  .c-p-sm-5 {
    padding: var(--spacer-5, 32px);
  }
  .c-pt-sm-5,
  .c-py-sm-5 {
    padding-top: var(--spacer-5, 32px);
  }
  .c-pr-sm-5,
  .c-px-sm-5 {
    padding-right: var(--spacer-5, 32px);
  }
  .c-pb-sm-5,
  .c-py-sm-5 {
    padding-bottom: var(--spacer-5, 32px);
  }
  .c-pl-sm-5,
  .c-px-sm-5 {
    padding-left: var(--spacer-5, 32px);
  }
  .c-p-sm-6 {
    padding: var(--spacer-6, 40px);
  }
  .c-pt-sm-6,
  .c-py-sm-6 {
    padding-top: var(--spacer-6, 40px);
  }
  .c-pr-sm-6,
  .c-px-sm-6 {
    padding-right: var(--spacer-6, 40px);
  }
  .c-pb-sm-6,
  .c-py-sm-6 {
    padding-bottom: var(--spacer-6, 40px);
  }
  .c-pl-sm-6,
  .c-px-sm-6 {
    padding-left: var(--spacer-6, 40px);
  }
  .c-p-sm-7 {
    padding: var(--spacer-7, 48px);
  }
  .c-pt-sm-7,
  .c-py-sm-7 {
    padding-top: var(--spacer-7, 48px);
  }
  .c-pr-sm-7,
  .c-px-sm-7 {
    padding-right: var(--spacer-7, 48px);
  }
  .c-pb-sm-7,
  .c-py-sm-7 {
    padding-bottom: var(--spacer-7, 48px);
  }
  .c-pl-sm-7,
  .c-px-sm-7 {
    padding-left: var(--spacer-7, 48px);
  }
  .c-p-sm-8 {
    padding: var(--spacer-8, 56px);
  }
  .c-pt-sm-8,
  .c-py-sm-8 {
    padding-top: var(--spacer-8, 56px);
  }
  .c-pr-sm-8,
  .c-px-sm-8 {
    padding-right: var(--spacer-8, 56px);
  }
  .c-pb-sm-8,
  .c-py-sm-8 {
    padding-bottom: var(--spacer-8, 56px);
  }
  .c-pl-sm-8,
  .c-px-sm-8 {
    padding-left: var(--spacer-8, 56px);
  }
  .c-p-sm-9 {
    padding: var(--spacer-9, 64px);
  }
  .c-pt-sm-9,
  .c-py-sm-9 {
    padding-top: var(--spacer-9, 64px);
  }
  .c-pr-sm-9,
  .c-px-sm-9 {
    padding-right: var(--spacer-9, 64px);
  }
  .c-pb-sm-9,
  .c-py-sm-9 {
    padding-bottom: var(--spacer-9, 64px);
  }
  .c-pl-sm-9,
  .c-px-sm-9 {
    padding-left: var(--spacer-9, 64px);
  }
  .c-p-sm-10 {
    padding: var(--spacer-10, 80px);
  }
  .c-pt-sm-10,
  .c-py-sm-10 {
    padding-top: var(--spacer-10, 80px);
  }
  .c-pr-sm-10,
  .c-px-sm-10 {
    padding-right: var(--spacer-10, 80px);
  }
  .c-pb-sm-10,
  .c-py-sm-10 {
    padding-bottom: var(--spacer-10, 80px);
  }
  .c-pl-sm-10,
  .c-px-sm-10 {
    padding-left: var(--spacer-10, 80px);
  }
  .c-m-sm-n1 {
    margin: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mt-sm-n1,
  .c-my-sm-n1 {
    margin-top: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mr-sm-n1,
  .c-mx-sm-n1 {
    margin-right: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mb-sm-n1,
  .c-my-sm-n1 {
    margin-bottom: calc(var(--spacer-1, 4px) * -1);
  }
  .c-ml-sm-n1,
  .c-mx-sm-n1 {
    margin-left: calc(var(--spacer-1, 4px) * -1);
  }
  .c-m-sm-n2 {
    margin: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mt-sm-n2,
  .c-my-sm-n2 {
    margin-top: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mr-sm-n2,
  .c-mx-sm-n2 {
    margin-right: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mb-sm-n2,
  .c-my-sm-n2 {
    margin-bottom: calc(var(--spacer-2, 8px) * -1);
  }
  .c-ml-sm-n2,
  .c-mx-sm-n2 {
    margin-left: calc(var(--spacer-2, 8px) * -1);
  }
  .c-m-sm-n3 {
    margin: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mt-sm-n3,
  .c-my-sm-n3 {
    margin-top: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mr-sm-n3,
  .c-mx-sm-n3 {
    margin-right: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mb-sm-n3,
  .c-my-sm-n3 {
    margin-bottom: calc(var(--spacer-3, 16px) * -1);
  }
  .c-ml-sm-n3,
  .c-mx-sm-n3 {
    margin-left: calc(var(--spacer-3, 16px) * -1);
  }
  .c-m-sm-n4 {
    margin: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mt-sm-n4,
  .c-my-sm-n4 {
    margin-top: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mr-sm-n4,
  .c-mx-sm-n4 {
    margin-right: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mb-sm-n4,
  .c-my-sm-n4 {
    margin-bottom: calc(var(--spacer-4, 24px) * -1);
  }
  .c-ml-sm-n4,
  .c-mx-sm-n4 {
    margin-left: calc(var(--spacer-4, 24px) * -1);
  }
  .c-m-sm-n5 {
    margin: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mt-sm-n5,
  .c-my-sm-n5 {
    margin-top: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mr-sm-n5,
  .c-mx-sm-n5 {
    margin-right: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mb-sm-n5,
  .c-my-sm-n5 {
    margin-bottom: calc(var(--spacer-5, 32px) * -1);
  }
  .c-ml-sm-n5,
  .c-mx-sm-n5 {
    margin-left: calc(var(--spacer-5, 32px) * -1);
  }
  .c-m-sm-n6 {
    margin: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mt-sm-n6,
  .c-my-sm-n6 {
    margin-top: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mr-sm-n6,
  .c-mx-sm-n6 {
    margin-right: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mb-sm-n6,
  .c-my-sm-n6 {
    margin-bottom: calc(var(--spacer-6, 40px) * -1);
  }
  .c-ml-sm-n6,
  .c-mx-sm-n6 {
    margin-left: calc(var(--spacer-6, 40px) * -1);
  }
  .c-m-sm-n7 {
    margin: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mt-sm-n7,
  .c-my-sm-n7 {
    margin-top: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mr-sm-n7,
  .c-mx-sm-n7 {
    margin-right: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mb-sm-n7,
  .c-my-sm-n7 {
    margin-bottom: calc(var(--spacer-7, 48px) * -1);
  }
  .c-ml-sm-n7,
  .c-mx-sm-n7 {
    margin-left: calc(var(--spacer-7, 48px) * -1);
  }
  .c-m-sm-n8 {
    margin: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mt-sm-n8,
  .c-my-sm-n8 {
    margin-top: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mr-sm-n8,
  .c-mx-sm-n8 {
    margin-right: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mb-sm-n8,
  .c-my-sm-n8 {
    margin-bottom: calc(var(--spacer-8, 56px) * -1);
  }
  .c-ml-sm-n8,
  .c-mx-sm-n8 {
    margin-left: calc(var(--spacer-8, 56px) * -1);
  }
  .c-m-sm-n9 {
    margin: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mt-sm-n9,
  .c-my-sm-n9 {
    margin-top: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mr-sm-n9,
  .c-mx-sm-n9 {
    margin-right: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mb-sm-n9,
  .c-my-sm-n9 {
    margin-bottom: calc(var(--spacer-9, 64px) * -1);
  }
  .c-ml-sm-n9,
  .c-mx-sm-n9 {
    margin-left: calc(var(--spacer-9, 64px) * -1);
  }
  .c-m-sm-n10 {
    margin: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mt-sm-n10,
  .c-my-sm-n10 {
    margin-top: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mr-sm-n10,
  .c-mx-sm-n10 {
    margin-right: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mb-sm-n10,
  .c-my-sm-n10 {
    margin-bottom: calc(var(--spacer-10, 80px) * -1);
  }
  .c-ml-sm-n10,
  .c-mx-sm-n10 {
    margin-left: calc(var(--spacer-10, 80px) * -1);
  }
  .c-m-sm-auto {
    margin: auto;
  }
  .c-mt-sm-auto,
  .c-my-sm-auto {
    margin-top: auto;
  }
  .c-mr-sm-auto,
  .c-mx-sm-auto {
    margin-right: auto;
  }
  .c-mb-sm-auto,
  .c-my-sm-auto {
    margin-bottom: auto;
  }
  .c-ml-sm-auto,
  .c-mx-sm-auto {
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .c-m-md-0 {
    margin: var(--spacer-0, 0);
  }
  .c-mt-md-0,
  .c-my-md-0 {
    margin-top: var(--spacer-0, 0);
  }
  .c-mr-md-0,
  .c-mx-md-0 {
    margin-right: var(--spacer-0, 0);
  }
  .c-mb-md-0,
  .c-my-md-0 {
    margin-bottom: var(--spacer-0, 0);
  }
  .c-ml-md-0,
  .c-mx-md-0 {
    margin-left: var(--spacer-0, 0);
  }
  .c-m-md-1 {
    margin: var(--spacer-1, 4px);
  }
  .c-mt-md-1,
  .c-my-md-1 {
    margin-top: var(--spacer-1, 4px);
  }
  .c-mr-md-1,
  .c-mx-md-1 {
    margin-right: var(--spacer-1, 4px);
  }
  .c-mb-md-1,
  .c-my-md-1 {
    margin-bottom: var(--spacer-1, 4px);
  }
  .c-ml-md-1,
  .c-mx-md-1 {
    margin-left: var(--spacer-1, 4px);
  }
  .c-m-md-2 {
    margin: var(--spacer-2, 8px);
  }
  .c-mt-md-2,
  .c-my-md-2 {
    margin-top: var(--spacer-2, 8px);
  }
  .c-mr-md-2,
  .c-mx-md-2 {
    margin-right: var(--spacer-2, 8px);
  }
  .c-mb-md-2,
  .c-my-md-2 {
    margin-bottom: var(--spacer-2, 8px);
  }
  .c-ml-md-2,
  .c-mx-md-2 {
    margin-left: var(--spacer-2, 8px);
  }
  .c-m-md-3 {
    margin: var(--spacer-3, 16px);
  }
  .c-mt-md-3,
  .c-my-md-3 {
    margin-top: var(--spacer-3, 16px);
  }
  .c-mr-md-3,
  .c-mx-md-3 {
    margin-right: var(--spacer-3, 16px);
  }
  .c-mb-md-3,
  .c-my-md-3 {
    margin-bottom: var(--spacer-3, 16px);
  }
  .c-ml-md-3,
  .c-mx-md-3 {
    margin-left: var(--spacer-3, 16px);
  }
  .c-m-md-4 {
    margin: var(--spacer-4, 24px);
  }
  .c-mt-md-4,
  .c-my-md-4 {
    margin-top: var(--spacer-4, 24px);
  }
  .c-mr-md-4,
  .c-mx-md-4 {
    margin-right: var(--spacer-4, 24px);
  }
  .c-mb-md-4,
  .c-my-md-4 {
    margin-bottom: var(--spacer-4, 24px);
  }
  .c-ml-md-4,
  .c-mx-md-4 {
    margin-left: var(--spacer-4, 24px);
  }
  .c-m-md-5 {
    margin: var(--spacer-5, 32px);
  }
  .c-mt-md-5,
  .c-my-md-5 {
    margin-top: var(--spacer-5, 32px);
  }
  .c-mr-md-5,
  .c-mx-md-5 {
    margin-right: var(--spacer-5, 32px);
  }
  .c-mb-md-5,
  .c-my-md-5 {
    margin-bottom: var(--spacer-5, 32px);
  }
  .c-ml-md-5,
  .c-mx-md-5 {
    margin-left: var(--spacer-5, 32px);
  }
  .c-m-md-6 {
    margin: var(--spacer-6, 40px);
  }
  .c-mt-md-6,
  .c-my-md-6 {
    margin-top: var(--spacer-6, 40px);
  }
  .c-mr-md-6,
  .c-mx-md-6 {
    margin-right: var(--spacer-6, 40px);
  }
  .c-mb-md-6,
  .c-my-md-6 {
    margin-bottom: var(--spacer-6, 40px);
  }
  .c-ml-md-6,
  .c-mx-md-6 {
    margin-left: var(--spacer-6, 40px);
  }
  .c-m-md-7 {
    margin: var(--spacer-7, 48px);
  }
  .c-mt-md-7,
  .c-my-md-7 {
    margin-top: var(--spacer-7, 48px);
  }
  .c-mr-md-7,
  .c-mx-md-7 {
    margin-right: var(--spacer-7, 48px);
  }
  .c-mb-md-7,
  .c-my-md-7 {
    margin-bottom: var(--spacer-7, 48px);
  }
  .c-ml-md-7,
  .c-mx-md-7 {
    margin-left: var(--spacer-7, 48px);
  }
  .c-m-md-8 {
    margin: var(--spacer-8, 56px);
  }
  .c-mt-md-8,
  .c-my-md-8 {
    margin-top: var(--spacer-8, 56px);
  }
  .c-mr-md-8,
  .c-mx-md-8 {
    margin-right: var(--spacer-8, 56px);
  }
  .c-mb-md-8,
  .c-my-md-8 {
    margin-bottom: var(--spacer-8, 56px);
  }
  .c-ml-md-8,
  .c-mx-md-8 {
    margin-left: var(--spacer-8, 56px);
  }
  .c-m-md-9 {
    margin: var(--spacer-9, 64px);
  }
  .c-mt-md-9,
  .c-my-md-9 {
    margin-top: var(--spacer-9, 64px);
  }
  .c-mr-md-9,
  .c-mx-md-9 {
    margin-right: var(--spacer-9, 64px);
  }
  .c-mb-md-9,
  .c-my-md-9 {
    margin-bottom: var(--spacer-9, 64px);
  }
  .c-ml-md-9,
  .c-mx-md-9 {
    margin-left: var(--spacer-9, 64px);
  }
  .c-m-md-10 {
    margin: var(--spacer-10, 80px);
  }
  .c-mt-md-10,
  .c-my-md-10 {
    margin-top: var(--spacer-10, 80px);
  }
  .c-mr-md-10,
  .c-mx-md-10 {
    margin-right: var(--spacer-10, 80px);
  }
  .c-mb-md-10,
  .c-my-md-10 {
    margin-bottom: var(--spacer-10, 80px);
  }
  .c-ml-md-10,
  .c-mx-md-10 {
    margin-left: var(--spacer-10, 80px);
  }
  .c-p-md-0 {
    padding: var(--spacer-0, 0);
  }
  .c-pt-md-0,
  .c-py-md-0 {
    padding-top: var(--spacer-0, 0);
  }
  .c-pr-md-0,
  .c-px-md-0 {
    padding-right: var(--spacer-0, 0);
  }
  .c-pb-md-0,
  .c-py-md-0 {
    padding-bottom: var(--spacer-0, 0);
  }
  .c-pl-md-0,
  .c-px-md-0 {
    padding-left: var(--spacer-0, 0);
  }
  .c-p-md-1 {
    padding: var(--spacer-1, 4px);
  }
  .c-pt-md-1,
  .c-py-md-1 {
    padding-top: var(--spacer-1, 4px);
  }
  .c-pr-md-1,
  .c-px-md-1 {
    padding-right: var(--spacer-1, 4px);
  }
  .c-pb-md-1,
  .c-py-md-1 {
    padding-bottom: var(--spacer-1, 4px);
  }
  .c-pl-md-1,
  .c-px-md-1 {
    padding-left: var(--spacer-1, 4px);
  }
  .c-p-md-2 {
    padding: var(--spacer-2, 8px);
  }
  .c-pt-md-2,
  .c-py-md-2 {
    padding-top: var(--spacer-2, 8px);
  }
  .c-pr-md-2,
  .c-px-md-2 {
    padding-right: var(--spacer-2, 8px);
  }
  .c-pb-md-2,
  .c-py-md-2 {
    padding-bottom: var(--spacer-2, 8px);
  }
  .c-pl-md-2,
  .c-px-md-2 {
    padding-left: var(--spacer-2, 8px);
  }
  .c-p-md-3 {
    padding: var(--spacer-3, 16px);
  }
  .c-pt-md-3,
  .c-py-md-3 {
    padding-top: var(--spacer-3, 16px);
  }
  .c-pr-md-3,
  .c-px-md-3 {
    padding-right: var(--spacer-3, 16px);
  }
  .c-pb-md-3,
  .c-py-md-3 {
    padding-bottom: var(--spacer-3, 16px);
  }
  .c-pl-md-3,
  .c-px-md-3 {
    padding-left: var(--spacer-3, 16px);
  }
  .c-p-md-4 {
    padding: var(--spacer-4, 24px);
  }
  .c-pt-md-4,
  .c-py-md-4 {
    padding-top: var(--spacer-4, 24px);
  }
  .c-pr-md-4,
  .c-px-md-4 {
    padding-right: var(--spacer-4, 24px);
  }
  .c-pb-md-4,
  .c-py-md-4 {
    padding-bottom: var(--spacer-4, 24px);
  }
  .c-pl-md-4,
  .c-px-md-4 {
    padding-left: var(--spacer-4, 24px);
  }
  .c-p-md-5 {
    padding: var(--spacer-5, 32px);
  }
  .c-pt-md-5,
  .c-py-md-5 {
    padding-top: var(--spacer-5, 32px);
  }
  .c-pr-md-5,
  .c-px-md-5 {
    padding-right: var(--spacer-5, 32px);
  }
  .c-pb-md-5,
  .c-py-md-5 {
    padding-bottom: var(--spacer-5, 32px);
  }
  .c-pl-md-5,
  .c-px-md-5 {
    padding-left: var(--spacer-5, 32px);
  }
  .c-p-md-6 {
    padding: var(--spacer-6, 40px);
  }
  .c-pt-md-6,
  .c-py-md-6 {
    padding-top: var(--spacer-6, 40px);
  }
  .c-pr-md-6,
  .c-px-md-6 {
    padding-right: var(--spacer-6, 40px);
  }
  .c-pb-md-6,
  .c-py-md-6 {
    padding-bottom: var(--spacer-6, 40px);
  }
  .c-pl-md-6,
  .c-px-md-6 {
    padding-left: var(--spacer-6, 40px);
  }
  .c-p-md-7 {
    padding: var(--spacer-7, 48px);
  }
  .c-pt-md-7,
  .c-py-md-7 {
    padding-top: var(--spacer-7, 48px);
  }
  .c-pr-md-7,
  .c-px-md-7 {
    padding-right: var(--spacer-7, 48px);
  }
  .c-pb-md-7,
  .c-py-md-7 {
    padding-bottom: var(--spacer-7, 48px);
  }
  .c-pl-md-7,
  .c-px-md-7 {
    padding-left: var(--spacer-7, 48px);
  }
  .c-p-md-8 {
    padding: var(--spacer-8, 56px);
  }
  .c-pt-md-8,
  .c-py-md-8 {
    padding-top: var(--spacer-8, 56px);
  }
  .c-pr-md-8,
  .c-px-md-8 {
    padding-right: var(--spacer-8, 56px);
  }
  .c-pb-md-8,
  .c-py-md-8 {
    padding-bottom: var(--spacer-8, 56px);
  }
  .c-pl-md-8,
  .c-px-md-8 {
    padding-left: var(--spacer-8, 56px);
  }
  .c-p-md-9 {
    padding: var(--spacer-9, 64px);
  }
  .c-pt-md-9,
  .c-py-md-9 {
    padding-top: var(--spacer-9, 64px);
  }
  .c-pr-md-9,
  .c-px-md-9 {
    padding-right: var(--spacer-9, 64px);
  }
  .c-pb-md-9,
  .c-py-md-9 {
    padding-bottom: var(--spacer-9, 64px);
  }
  .c-pl-md-9,
  .c-px-md-9 {
    padding-left: var(--spacer-9, 64px);
  }
  .c-p-md-10 {
    padding: var(--spacer-10, 80px);
  }
  .c-pt-md-10,
  .c-py-md-10 {
    padding-top: var(--spacer-10, 80px);
  }
  .c-pr-md-10,
  .c-px-md-10 {
    padding-right: var(--spacer-10, 80px);
  }
  .c-pb-md-10,
  .c-py-md-10 {
    padding-bottom: var(--spacer-10, 80px);
  }
  .c-pl-md-10,
  .c-px-md-10 {
    padding-left: var(--spacer-10, 80px);
  }
  .c-m-md-n1 {
    margin: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mt-md-n1,
  .c-my-md-n1 {
    margin-top: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mr-md-n1,
  .c-mx-md-n1 {
    margin-right: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mb-md-n1,
  .c-my-md-n1 {
    margin-bottom: calc(var(--spacer-1, 4px) * -1);
  }
  .c-ml-md-n1,
  .c-mx-md-n1 {
    margin-left: calc(var(--spacer-1, 4px) * -1);
  }
  .c-m-md-n2 {
    margin: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mt-md-n2,
  .c-my-md-n2 {
    margin-top: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mr-md-n2,
  .c-mx-md-n2 {
    margin-right: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mb-md-n2,
  .c-my-md-n2 {
    margin-bottom: calc(var(--spacer-2, 8px) * -1);
  }
  .c-ml-md-n2,
  .c-mx-md-n2 {
    margin-left: calc(var(--spacer-2, 8px) * -1);
  }
  .c-m-md-n3 {
    margin: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mt-md-n3,
  .c-my-md-n3 {
    margin-top: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mr-md-n3,
  .c-mx-md-n3 {
    margin-right: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mb-md-n3,
  .c-my-md-n3 {
    margin-bottom: calc(var(--spacer-3, 16px) * -1);
  }
  .c-ml-md-n3,
  .c-mx-md-n3 {
    margin-left: calc(var(--spacer-3, 16px) * -1);
  }
  .c-m-md-n4 {
    margin: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mt-md-n4,
  .c-my-md-n4 {
    margin-top: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mr-md-n4,
  .c-mx-md-n4 {
    margin-right: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mb-md-n4,
  .c-my-md-n4 {
    margin-bottom: calc(var(--spacer-4, 24px) * -1);
  }
  .c-ml-md-n4,
  .c-mx-md-n4 {
    margin-left: calc(var(--spacer-4, 24px) * -1);
  }
  .c-m-md-n5 {
    margin: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mt-md-n5,
  .c-my-md-n5 {
    margin-top: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mr-md-n5,
  .c-mx-md-n5 {
    margin-right: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mb-md-n5,
  .c-my-md-n5 {
    margin-bottom: calc(var(--spacer-5, 32px) * -1);
  }
  .c-ml-md-n5,
  .c-mx-md-n5 {
    margin-left: calc(var(--spacer-5, 32px) * -1);
  }
  .c-m-md-n6 {
    margin: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mt-md-n6,
  .c-my-md-n6 {
    margin-top: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mr-md-n6,
  .c-mx-md-n6 {
    margin-right: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mb-md-n6,
  .c-my-md-n6 {
    margin-bottom: calc(var(--spacer-6, 40px) * -1);
  }
  .c-ml-md-n6,
  .c-mx-md-n6 {
    margin-left: calc(var(--spacer-6, 40px) * -1);
  }
  .c-m-md-n7 {
    margin: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mt-md-n7,
  .c-my-md-n7 {
    margin-top: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mr-md-n7,
  .c-mx-md-n7 {
    margin-right: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mb-md-n7,
  .c-my-md-n7 {
    margin-bottom: calc(var(--spacer-7, 48px) * -1);
  }
  .c-ml-md-n7,
  .c-mx-md-n7 {
    margin-left: calc(var(--spacer-7, 48px) * -1);
  }
  .c-m-md-n8 {
    margin: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mt-md-n8,
  .c-my-md-n8 {
    margin-top: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mr-md-n8,
  .c-mx-md-n8 {
    margin-right: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mb-md-n8,
  .c-my-md-n8 {
    margin-bottom: calc(var(--spacer-8, 56px) * -1);
  }
  .c-ml-md-n8,
  .c-mx-md-n8 {
    margin-left: calc(var(--spacer-8, 56px) * -1);
  }
  .c-m-md-n9 {
    margin: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mt-md-n9,
  .c-my-md-n9 {
    margin-top: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mr-md-n9,
  .c-mx-md-n9 {
    margin-right: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mb-md-n9,
  .c-my-md-n9 {
    margin-bottom: calc(var(--spacer-9, 64px) * -1);
  }
  .c-ml-md-n9,
  .c-mx-md-n9 {
    margin-left: calc(var(--spacer-9, 64px) * -1);
  }
  .c-m-md-n10 {
    margin: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mt-md-n10,
  .c-my-md-n10 {
    margin-top: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mr-md-n10,
  .c-mx-md-n10 {
    margin-right: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mb-md-n10,
  .c-my-md-n10 {
    margin-bottom: calc(var(--spacer-10, 80px) * -1);
  }
  .c-ml-md-n10,
  .c-mx-md-n10 {
    margin-left: calc(var(--spacer-10, 80px) * -1);
  }
  .c-m-md-auto {
    margin: auto;
  }
  .c-mt-md-auto,
  .c-my-md-auto {
    margin-top: auto;
  }
  .c-mr-md-auto,
  .c-mx-md-auto {
    margin-right: auto;
  }
  .c-mb-md-auto,
  .c-my-md-auto {
    margin-bottom: auto;
  }
  .c-ml-md-auto,
  .c-mx-md-auto {
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .c-m-lg-0 {
    margin: var(--spacer-0, 0);
  }
  .c-mt-lg-0,
  .c-my-lg-0 {
    margin-top: var(--spacer-0, 0);
  }
  .c-mr-lg-0,
  .c-mx-lg-0 {
    margin-right: var(--spacer-0, 0);
  }
  .c-mb-lg-0,
  .c-my-lg-0 {
    margin-bottom: var(--spacer-0, 0);
  }
  .c-ml-lg-0,
  .c-mx-lg-0 {
    margin-left: var(--spacer-0, 0);
  }
  .c-m-lg-1 {
    margin: var(--spacer-1, 4px);
  }
  .c-mt-lg-1,
  .c-my-lg-1 {
    margin-top: var(--spacer-1, 4px);
  }
  .c-mr-lg-1,
  .c-mx-lg-1 {
    margin-right: var(--spacer-1, 4px);
  }
  .c-mb-lg-1,
  .c-my-lg-1 {
    margin-bottom: var(--spacer-1, 4px);
  }
  .c-ml-lg-1,
  .c-mx-lg-1 {
    margin-left: var(--spacer-1, 4px);
  }
  .c-m-lg-2 {
    margin: var(--spacer-2, 8px);
  }
  .c-mt-lg-2,
  .c-my-lg-2 {
    margin-top: var(--spacer-2, 8px);
  }
  .c-mr-lg-2,
  .c-mx-lg-2 {
    margin-right: var(--spacer-2, 8px);
  }
  .c-mb-lg-2,
  .c-my-lg-2 {
    margin-bottom: var(--spacer-2, 8px);
  }
  .c-ml-lg-2,
  .c-mx-lg-2 {
    margin-left: var(--spacer-2, 8px);
  }
  .c-m-lg-3 {
    margin: var(--spacer-3, 16px);
  }
  .c-mt-lg-3,
  .c-my-lg-3 {
    margin-top: var(--spacer-3, 16px);
  }
  .c-mr-lg-3,
  .c-mx-lg-3 {
    margin-right: var(--spacer-3, 16px);
  }
  .c-mb-lg-3,
  .c-my-lg-3 {
    margin-bottom: var(--spacer-3, 16px);
  }
  .c-ml-lg-3,
  .c-mx-lg-3 {
    margin-left: var(--spacer-3, 16px);
  }
  .c-m-lg-4 {
    margin: var(--spacer-4, 24px);
  }
  .c-mt-lg-4,
  .c-my-lg-4 {
    margin-top: var(--spacer-4, 24px);
  }
  .c-mr-lg-4,
  .c-mx-lg-4 {
    margin-right: var(--spacer-4, 24px);
  }
  .c-mb-lg-4,
  .c-my-lg-4 {
    margin-bottom: var(--spacer-4, 24px);
  }
  .c-ml-lg-4,
  .c-mx-lg-4 {
    margin-left: var(--spacer-4, 24px);
  }
  .c-m-lg-5 {
    margin: var(--spacer-5, 32px);
  }
  .c-mt-lg-5,
  .c-my-lg-5 {
    margin-top: var(--spacer-5, 32px);
  }
  .c-mr-lg-5,
  .c-mx-lg-5 {
    margin-right: var(--spacer-5, 32px);
  }
  .c-mb-lg-5,
  .c-my-lg-5 {
    margin-bottom: var(--spacer-5, 32px);
  }
  .c-ml-lg-5,
  .c-mx-lg-5 {
    margin-left: var(--spacer-5, 32px);
  }
  .c-m-lg-6 {
    margin: var(--spacer-6, 40px);
  }
  .c-mt-lg-6,
  .c-my-lg-6 {
    margin-top: var(--spacer-6, 40px);
  }
  .c-mr-lg-6,
  .c-mx-lg-6 {
    margin-right: var(--spacer-6, 40px);
  }
  .c-mb-lg-6,
  .c-my-lg-6 {
    margin-bottom: var(--spacer-6, 40px);
  }
  .c-ml-lg-6,
  .c-mx-lg-6 {
    margin-left: var(--spacer-6, 40px);
  }
  .c-m-lg-7 {
    margin: var(--spacer-7, 48px);
  }
  .c-mt-lg-7,
  .c-my-lg-7 {
    margin-top: var(--spacer-7, 48px);
  }
  .c-mr-lg-7,
  .c-mx-lg-7 {
    margin-right: var(--spacer-7, 48px);
  }
  .c-mb-lg-7,
  .c-my-lg-7 {
    margin-bottom: var(--spacer-7, 48px);
  }
  .c-ml-lg-7,
  .c-mx-lg-7 {
    margin-left: var(--spacer-7, 48px);
  }
  .c-m-lg-8 {
    margin: var(--spacer-8, 56px);
  }
  .c-mt-lg-8,
  .c-my-lg-8 {
    margin-top: var(--spacer-8, 56px);
  }
  .c-mr-lg-8,
  .c-mx-lg-8 {
    margin-right: var(--spacer-8, 56px);
  }
  .c-mb-lg-8,
  .c-my-lg-8 {
    margin-bottom: var(--spacer-8, 56px);
  }
  .c-ml-lg-8,
  .c-mx-lg-8 {
    margin-left: var(--spacer-8, 56px);
  }
  .c-m-lg-9 {
    margin: var(--spacer-9, 64px);
  }
  .c-mt-lg-9,
  .c-my-lg-9 {
    margin-top: var(--spacer-9, 64px);
  }
  .c-mr-lg-9,
  .c-mx-lg-9 {
    margin-right: var(--spacer-9, 64px);
  }
  .c-mb-lg-9,
  .c-my-lg-9 {
    margin-bottom: var(--spacer-9, 64px);
  }
  .c-ml-lg-9,
  .c-mx-lg-9 {
    margin-left: var(--spacer-9, 64px);
  }
  .c-m-lg-10 {
    margin: var(--spacer-10, 80px);
  }
  .c-mt-lg-10,
  .c-my-lg-10 {
    margin-top: var(--spacer-10, 80px);
  }
  .c-mr-lg-10,
  .c-mx-lg-10 {
    margin-right: var(--spacer-10, 80px);
  }
  .c-mb-lg-10,
  .c-my-lg-10 {
    margin-bottom: var(--spacer-10, 80px);
  }
  .c-ml-lg-10,
  .c-mx-lg-10 {
    margin-left: var(--spacer-10, 80px);
  }
  .c-p-lg-0 {
    padding: var(--spacer-0, 0);
  }
  .c-pt-lg-0,
  .c-py-lg-0 {
    padding-top: var(--spacer-0, 0);
  }
  .c-pr-lg-0,
  .c-px-lg-0 {
    padding-right: var(--spacer-0, 0);
  }
  .c-pb-lg-0,
  .c-py-lg-0 {
    padding-bottom: var(--spacer-0, 0);
  }
  .c-pl-lg-0,
  .c-px-lg-0 {
    padding-left: var(--spacer-0, 0);
  }
  .c-p-lg-1 {
    padding: var(--spacer-1, 4px);
  }
  .c-pt-lg-1,
  .c-py-lg-1 {
    padding-top: var(--spacer-1, 4px);
  }
  .c-pr-lg-1,
  .c-px-lg-1 {
    padding-right: var(--spacer-1, 4px);
  }
  .c-pb-lg-1,
  .c-py-lg-1 {
    padding-bottom: var(--spacer-1, 4px);
  }
  .c-pl-lg-1,
  .c-px-lg-1 {
    padding-left: var(--spacer-1, 4px);
  }
  .c-p-lg-2 {
    padding: var(--spacer-2, 8px);
  }
  .c-pt-lg-2,
  .c-py-lg-2 {
    padding-top: var(--spacer-2, 8px);
  }
  .c-pr-lg-2,
  .c-px-lg-2 {
    padding-right: var(--spacer-2, 8px);
  }
  .c-pb-lg-2,
  .c-py-lg-2 {
    padding-bottom: var(--spacer-2, 8px);
  }
  .c-pl-lg-2,
  .c-px-lg-2 {
    padding-left: var(--spacer-2, 8px);
  }
  .c-p-lg-3 {
    padding: var(--spacer-3, 16px);
  }
  .c-pt-lg-3,
  .c-py-lg-3 {
    padding-top: var(--spacer-3, 16px);
  }
  .c-pr-lg-3,
  .c-px-lg-3 {
    padding-right: var(--spacer-3, 16px);
  }
  .c-pb-lg-3,
  .c-py-lg-3 {
    padding-bottom: var(--spacer-3, 16px);
  }
  .c-pl-lg-3,
  .c-px-lg-3 {
    padding-left: var(--spacer-3, 16px);
  }
  .c-p-lg-4 {
    padding: var(--spacer-4, 24px);
  }
  .c-pt-lg-4,
  .c-py-lg-4 {
    padding-top: var(--spacer-4, 24px);
  }
  .c-pr-lg-4,
  .c-px-lg-4 {
    padding-right: var(--spacer-4, 24px);
  }
  .c-pb-lg-4,
  .c-py-lg-4 {
    padding-bottom: var(--spacer-4, 24px);
  }
  .c-pl-lg-4,
  .c-px-lg-4 {
    padding-left: var(--spacer-4, 24px);
  }
  .c-p-lg-5 {
    padding: var(--spacer-5, 32px);
  }
  .c-pt-lg-5,
  .c-py-lg-5 {
    padding-top: var(--spacer-5, 32px);
  }
  .c-pr-lg-5,
  .c-px-lg-5 {
    padding-right: var(--spacer-5, 32px);
  }
  .c-pb-lg-5,
  .c-py-lg-5 {
    padding-bottom: var(--spacer-5, 32px);
  }
  .c-pl-lg-5,
  .c-px-lg-5 {
    padding-left: var(--spacer-5, 32px);
  }
  .c-p-lg-6 {
    padding: var(--spacer-6, 40px);
  }
  .c-pt-lg-6,
  .c-py-lg-6 {
    padding-top: var(--spacer-6, 40px);
  }
  .c-pr-lg-6,
  .c-px-lg-6 {
    padding-right: var(--spacer-6, 40px);
  }
  .c-pb-lg-6,
  .c-py-lg-6 {
    padding-bottom: var(--spacer-6, 40px);
  }
  .c-pl-lg-6,
  .c-px-lg-6 {
    padding-left: var(--spacer-6, 40px);
  }
  .c-p-lg-7 {
    padding: var(--spacer-7, 48px);
  }
  .c-pt-lg-7,
  .c-py-lg-7 {
    padding-top: var(--spacer-7, 48px);
  }
  .c-pr-lg-7,
  .c-px-lg-7 {
    padding-right: var(--spacer-7, 48px);
  }
  .c-pb-lg-7,
  .c-py-lg-7 {
    padding-bottom: var(--spacer-7, 48px);
  }
  .c-pl-lg-7,
  .c-px-lg-7 {
    padding-left: var(--spacer-7, 48px);
  }
  .c-p-lg-8 {
    padding: var(--spacer-8, 56px);
  }
  .c-pt-lg-8,
  .c-py-lg-8 {
    padding-top: var(--spacer-8, 56px);
  }
  .c-pr-lg-8,
  .c-px-lg-8 {
    padding-right: var(--spacer-8, 56px);
  }
  .c-pb-lg-8,
  .c-py-lg-8 {
    padding-bottom: var(--spacer-8, 56px);
  }
  .c-pl-lg-8,
  .c-px-lg-8 {
    padding-left: var(--spacer-8, 56px);
  }
  .c-p-lg-9 {
    padding: var(--spacer-9, 64px);
  }
  .c-pt-lg-9,
  .c-py-lg-9 {
    padding-top: var(--spacer-9, 64px);
  }
  .c-pr-lg-9,
  .c-px-lg-9 {
    padding-right: var(--spacer-9, 64px);
  }
  .c-pb-lg-9,
  .c-py-lg-9 {
    padding-bottom: var(--spacer-9, 64px);
  }
  .c-pl-lg-9,
  .c-px-lg-9 {
    padding-left: var(--spacer-9, 64px);
  }
  .c-p-lg-10 {
    padding: var(--spacer-10, 80px);
  }
  .c-pt-lg-10,
  .c-py-lg-10 {
    padding-top: var(--spacer-10, 80px);
  }
  .c-pr-lg-10,
  .c-px-lg-10 {
    padding-right: var(--spacer-10, 80px);
  }
  .c-pb-lg-10,
  .c-py-lg-10 {
    padding-bottom: var(--spacer-10, 80px);
  }
  .c-pl-lg-10,
  .c-px-lg-10 {
    padding-left: var(--spacer-10, 80px);
  }
  .c-m-lg-n1 {
    margin: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mt-lg-n1,
  .c-my-lg-n1 {
    margin-top: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mr-lg-n1,
  .c-mx-lg-n1 {
    margin-right: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mb-lg-n1,
  .c-my-lg-n1 {
    margin-bottom: calc(var(--spacer-1, 4px) * -1);
  }
  .c-ml-lg-n1,
  .c-mx-lg-n1 {
    margin-left: calc(var(--spacer-1, 4px) * -1);
  }
  .c-m-lg-n2 {
    margin: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mt-lg-n2,
  .c-my-lg-n2 {
    margin-top: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mr-lg-n2,
  .c-mx-lg-n2 {
    margin-right: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mb-lg-n2,
  .c-my-lg-n2 {
    margin-bottom: calc(var(--spacer-2, 8px) * -1);
  }
  .c-ml-lg-n2,
  .c-mx-lg-n2 {
    margin-left: calc(var(--spacer-2, 8px) * -1);
  }
  .c-m-lg-n3 {
    margin: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mt-lg-n3,
  .c-my-lg-n3 {
    margin-top: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mr-lg-n3,
  .c-mx-lg-n3 {
    margin-right: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mb-lg-n3,
  .c-my-lg-n3 {
    margin-bottom: calc(var(--spacer-3, 16px) * -1);
  }
  .c-ml-lg-n3,
  .c-mx-lg-n3 {
    margin-left: calc(var(--spacer-3, 16px) * -1);
  }
  .c-m-lg-n4 {
    margin: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mt-lg-n4,
  .c-my-lg-n4 {
    margin-top: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mr-lg-n4,
  .c-mx-lg-n4 {
    margin-right: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mb-lg-n4,
  .c-my-lg-n4 {
    margin-bottom: calc(var(--spacer-4, 24px) * -1);
  }
  .c-ml-lg-n4,
  .c-mx-lg-n4 {
    margin-left: calc(var(--spacer-4, 24px) * -1);
  }
  .c-m-lg-n5 {
    margin: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mt-lg-n5,
  .c-my-lg-n5 {
    margin-top: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mr-lg-n5,
  .c-mx-lg-n5 {
    margin-right: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mb-lg-n5,
  .c-my-lg-n5 {
    margin-bottom: calc(var(--spacer-5, 32px) * -1);
  }
  .c-ml-lg-n5,
  .c-mx-lg-n5 {
    margin-left: calc(var(--spacer-5, 32px) * -1);
  }
  .c-m-lg-n6 {
    margin: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mt-lg-n6,
  .c-my-lg-n6 {
    margin-top: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mr-lg-n6,
  .c-mx-lg-n6 {
    margin-right: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mb-lg-n6,
  .c-my-lg-n6 {
    margin-bottom: calc(var(--spacer-6, 40px) * -1);
  }
  .c-ml-lg-n6,
  .c-mx-lg-n6 {
    margin-left: calc(var(--spacer-6, 40px) * -1);
  }
  .c-m-lg-n7 {
    margin: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mt-lg-n7,
  .c-my-lg-n7 {
    margin-top: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mr-lg-n7,
  .c-mx-lg-n7 {
    margin-right: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mb-lg-n7,
  .c-my-lg-n7 {
    margin-bottom: calc(var(--spacer-7, 48px) * -1);
  }
  .c-ml-lg-n7,
  .c-mx-lg-n7 {
    margin-left: calc(var(--spacer-7, 48px) * -1);
  }
  .c-m-lg-n8 {
    margin: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mt-lg-n8,
  .c-my-lg-n8 {
    margin-top: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mr-lg-n8,
  .c-mx-lg-n8 {
    margin-right: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mb-lg-n8,
  .c-my-lg-n8 {
    margin-bottom: calc(var(--spacer-8, 56px) * -1);
  }
  .c-ml-lg-n8,
  .c-mx-lg-n8 {
    margin-left: calc(var(--spacer-8, 56px) * -1);
  }
  .c-m-lg-n9 {
    margin: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mt-lg-n9,
  .c-my-lg-n9 {
    margin-top: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mr-lg-n9,
  .c-mx-lg-n9 {
    margin-right: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mb-lg-n9,
  .c-my-lg-n9 {
    margin-bottom: calc(var(--spacer-9, 64px) * -1);
  }
  .c-ml-lg-n9,
  .c-mx-lg-n9 {
    margin-left: calc(var(--spacer-9, 64px) * -1);
  }
  .c-m-lg-n10 {
    margin: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mt-lg-n10,
  .c-my-lg-n10 {
    margin-top: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mr-lg-n10,
  .c-mx-lg-n10 {
    margin-right: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mb-lg-n10,
  .c-my-lg-n10 {
    margin-bottom: calc(var(--spacer-10, 80px) * -1);
  }
  .c-ml-lg-n10,
  .c-mx-lg-n10 {
    margin-left: calc(var(--spacer-10, 80px) * -1);
  }
  .c-m-lg-auto {
    margin: auto;
  }
  .c-mt-lg-auto,
  .c-my-lg-auto {
    margin-top: auto;
  }
  .c-mr-lg-auto,
  .c-mx-lg-auto {
    margin-right: auto;
  }
  .c-mb-lg-auto,
  .c-my-lg-auto {
    margin-bottom: auto;
  }
  .c-ml-lg-auto,
  .c-mx-lg-auto {
    margin-left: auto;
  }
}
@media (min-width: 1280px) {
  .c-m-xl-0 {
    margin: var(--spacer-0, 0);
  }
  .c-mt-xl-0,
  .c-my-xl-0 {
    margin-top: var(--spacer-0, 0);
  }
  .c-mr-xl-0,
  .c-mx-xl-0 {
    margin-right: var(--spacer-0, 0);
  }
  .c-mb-xl-0,
  .c-my-xl-0 {
    margin-bottom: var(--spacer-0, 0);
  }
  .c-ml-xl-0,
  .c-mx-xl-0 {
    margin-left: var(--spacer-0, 0);
  }
  .c-m-xl-1 {
    margin: var(--spacer-1, 4px);
  }
  .c-mt-xl-1,
  .c-my-xl-1 {
    margin-top: var(--spacer-1, 4px);
  }
  .c-mr-xl-1,
  .c-mx-xl-1 {
    margin-right: var(--spacer-1, 4px);
  }
  .c-mb-xl-1,
  .c-my-xl-1 {
    margin-bottom: var(--spacer-1, 4px);
  }
  .c-ml-xl-1,
  .c-mx-xl-1 {
    margin-left: var(--spacer-1, 4px);
  }
  .c-m-xl-2 {
    margin: var(--spacer-2, 8px);
  }
  .c-mt-xl-2,
  .c-my-xl-2 {
    margin-top: var(--spacer-2, 8px);
  }
  .c-mr-xl-2,
  .c-mx-xl-2 {
    margin-right: var(--spacer-2, 8px);
  }
  .c-mb-xl-2,
  .c-my-xl-2 {
    margin-bottom: var(--spacer-2, 8px);
  }
  .c-ml-xl-2,
  .c-mx-xl-2 {
    margin-left: var(--spacer-2, 8px);
  }
  .c-m-xl-3 {
    margin: var(--spacer-3, 16px);
  }
  .c-mt-xl-3,
  .c-my-xl-3 {
    margin-top: var(--spacer-3, 16px);
  }
  .c-mr-xl-3,
  .c-mx-xl-3 {
    margin-right: var(--spacer-3, 16px);
  }
  .c-mb-xl-3,
  .c-my-xl-3 {
    margin-bottom: var(--spacer-3, 16px);
  }
  .c-ml-xl-3,
  .c-mx-xl-3 {
    margin-left: var(--spacer-3, 16px);
  }
  .c-m-xl-4 {
    margin: var(--spacer-4, 24px);
  }
  .c-mt-xl-4,
  .c-my-xl-4 {
    margin-top: var(--spacer-4, 24px);
  }
  .c-mr-xl-4,
  .c-mx-xl-4 {
    margin-right: var(--spacer-4, 24px);
  }
  .c-mb-xl-4,
  .c-my-xl-4 {
    margin-bottom: var(--spacer-4, 24px);
  }
  .c-ml-xl-4,
  .c-mx-xl-4 {
    margin-left: var(--spacer-4, 24px);
  }
  .c-m-xl-5 {
    margin: var(--spacer-5, 32px);
  }
  .c-mt-xl-5,
  .c-my-xl-5 {
    margin-top: var(--spacer-5, 32px);
  }
  .c-mr-xl-5,
  .c-mx-xl-5 {
    margin-right: var(--spacer-5, 32px);
  }
  .c-mb-xl-5,
  .c-my-xl-5 {
    margin-bottom: var(--spacer-5, 32px);
  }
  .c-ml-xl-5,
  .c-mx-xl-5 {
    margin-left: var(--spacer-5, 32px);
  }
  .c-m-xl-6 {
    margin: var(--spacer-6, 40px);
  }
  .c-mt-xl-6,
  .c-my-xl-6 {
    margin-top: var(--spacer-6, 40px);
  }
  .c-mr-xl-6,
  .c-mx-xl-6 {
    margin-right: var(--spacer-6, 40px);
  }
  .c-mb-xl-6,
  .c-my-xl-6 {
    margin-bottom: var(--spacer-6, 40px);
  }
  .c-ml-xl-6,
  .c-mx-xl-6 {
    margin-left: var(--spacer-6, 40px);
  }
  .c-m-xl-7 {
    margin: var(--spacer-7, 48px);
  }
  .c-mt-xl-7,
  .c-my-xl-7 {
    margin-top: var(--spacer-7, 48px);
  }
  .c-mr-xl-7,
  .c-mx-xl-7 {
    margin-right: var(--spacer-7, 48px);
  }
  .c-mb-xl-7,
  .c-my-xl-7 {
    margin-bottom: var(--spacer-7, 48px);
  }
  .c-ml-xl-7,
  .c-mx-xl-7 {
    margin-left: var(--spacer-7, 48px);
  }
  .c-m-xl-8 {
    margin: var(--spacer-8, 56px);
  }
  .c-mt-xl-8,
  .c-my-xl-8 {
    margin-top: var(--spacer-8, 56px);
  }
  .c-mr-xl-8,
  .c-mx-xl-8 {
    margin-right: var(--spacer-8, 56px);
  }
  .c-mb-xl-8,
  .c-my-xl-8 {
    margin-bottom: var(--spacer-8, 56px);
  }
  .c-ml-xl-8,
  .c-mx-xl-8 {
    margin-left: var(--spacer-8, 56px);
  }
  .c-m-xl-9 {
    margin: var(--spacer-9, 64px);
  }
  .c-mt-xl-9,
  .c-my-xl-9 {
    margin-top: var(--spacer-9, 64px);
  }
  .c-mr-xl-9,
  .c-mx-xl-9 {
    margin-right: var(--spacer-9, 64px);
  }
  .c-mb-xl-9,
  .c-my-xl-9 {
    margin-bottom: var(--spacer-9, 64px);
  }
  .c-ml-xl-9,
  .c-mx-xl-9 {
    margin-left: var(--spacer-9, 64px);
  }
  .c-m-xl-10 {
    margin: var(--spacer-10, 80px);
  }
  .c-mt-xl-10,
  .c-my-xl-10 {
    margin-top: var(--spacer-10, 80px);
  }
  .c-mr-xl-10,
  .c-mx-xl-10 {
    margin-right: var(--spacer-10, 80px);
  }
  .c-mb-xl-10,
  .c-my-xl-10 {
    margin-bottom: var(--spacer-10, 80px);
  }
  .c-ml-xl-10,
  .c-mx-xl-10 {
    margin-left: var(--spacer-10, 80px);
  }
  .c-p-xl-0 {
    padding: var(--spacer-0, 0);
  }
  .c-pt-xl-0,
  .c-py-xl-0 {
    padding-top: var(--spacer-0, 0);
  }
  .c-pr-xl-0,
  .c-px-xl-0 {
    padding-right: var(--spacer-0, 0);
  }
  .c-pb-xl-0,
  .c-py-xl-0 {
    padding-bottom: var(--spacer-0, 0);
  }
  .c-pl-xl-0,
  .c-px-xl-0 {
    padding-left: var(--spacer-0, 0);
  }
  .c-p-xl-1 {
    padding: var(--spacer-1, 4px);
  }
  .c-pt-xl-1,
  .c-py-xl-1 {
    padding-top: var(--spacer-1, 4px);
  }
  .c-pr-xl-1,
  .c-px-xl-1 {
    padding-right: var(--spacer-1, 4px);
  }
  .c-pb-xl-1,
  .c-py-xl-1 {
    padding-bottom: var(--spacer-1, 4px);
  }
  .c-pl-xl-1,
  .c-px-xl-1 {
    padding-left: var(--spacer-1, 4px);
  }
  .c-p-xl-2 {
    padding: var(--spacer-2, 8px);
  }
  .c-pt-xl-2,
  .c-py-xl-2 {
    padding-top: var(--spacer-2, 8px);
  }
  .c-pr-xl-2,
  .c-px-xl-2 {
    padding-right: var(--spacer-2, 8px);
  }
  .c-pb-xl-2,
  .c-py-xl-2 {
    padding-bottom: var(--spacer-2, 8px);
  }
  .c-pl-xl-2,
  .c-px-xl-2 {
    padding-left: var(--spacer-2, 8px);
  }
  .c-p-xl-3 {
    padding: var(--spacer-3, 16px);
  }
  .c-pt-xl-3,
  .c-py-xl-3 {
    padding-top: var(--spacer-3, 16px);
  }
  .c-pr-xl-3,
  .c-px-xl-3 {
    padding-right: var(--spacer-3, 16px);
  }
  .c-pb-xl-3,
  .c-py-xl-3 {
    padding-bottom: var(--spacer-3, 16px);
  }
  .c-pl-xl-3,
  .c-px-xl-3 {
    padding-left: var(--spacer-3, 16px);
  }
  .c-p-xl-4 {
    padding: var(--spacer-4, 24px);
  }
  .c-pt-xl-4,
  .c-py-xl-4 {
    padding-top: var(--spacer-4, 24px);
  }
  .c-pr-xl-4,
  .c-px-xl-4 {
    padding-right: var(--spacer-4, 24px);
  }
  .c-pb-xl-4,
  .c-py-xl-4 {
    padding-bottom: var(--spacer-4, 24px);
  }
  .c-pl-xl-4,
  .c-px-xl-4 {
    padding-left: var(--spacer-4, 24px);
  }
  .c-p-xl-5 {
    padding: var(--spacer-5, 32px);
  }
  .c-pt-xl-5,
  .c-py-xl-5 {
    padding-top: var(--spacer-5, 32px);
  }
  .c-pr-xl-5,
  .c-px-xl-5 {
    padding-right: var(--spacer-5, 32px);
  }
  .c-pb-xl-5,
  .c-py-xl-5 {
    padding-bottom: var(--spacer-5, 32px);
  }
  .c-pl-xl-5,
  .c-px-xl-5 {
    padding-left: var(--spacer-5, 32px);
  }
  .c-p-xl-6 {
    padding: var(--spacer-6, 40px);
  }
  .c-pt-xl-6,
  .c-py-xl-6 {
    padding-top: var(--spacer-6, 40px);
  }
  .c-pr-xl-6,
  .c-px-xl-6 {
    padding-right: var(--spacer-6, 40px);
  }
  .c-pb-xl-6,
  .c-py-xl-6 {
    padding-bottom: var(--spacer-6, 40px);
  }
  .c-pl-xl-6,
  .c-px-xl-6 {
    padding-left: var(--spacer-6, 40px);
  }
  .c-p-xl-7 {
    padding: var(--spacer-7, 48px);
  }
  .c-pt-xl-7,
  .c-py-xl-7 {
    padding-top: var(--spacer-7, 48px);
  }
  .c-pr-xl-7,
  .c-px-xl-7 {
    padding-right: var(--spacer-7, 48px);
  }
  .c-pb-xl-7,
  .c-py-xl-7 {
    padding-bottom: var(--spacer-7, 48px);
  }
  .c-pl-xl-7,
  .c-px-xl-7 {
    padding-left: var(--spacer-7, 48px);
  }
  .c-p-xl-8 {
    padding: var(--spacer-8, 56px);
  }
  .c-pt-xl-8,
  .c-py-xl-8 {
    padding-top: var(--spacer-8, 56px);
  }
  .c-pr-xl-8,
  .c-px-xl-8 {
    padding-right: var(--spacer-8, 56px);
  }
  .c-pb-xl-8,
  .c-py-xl-8 {
    padding-bottom: var(--spacer-8, 56px);
  }
  .c-pl-xl-8,
  .c-px-xl-8 {
    padding-left: var(--spacer-8, 56px);
  }
  .c-p-xl-9 {
    padding: var(--spacer-9, 64px);
  }
  .c-pt-xl-9,
  .c-py-xl-9 {
    padding-top: var(--spacer-9, 64px);
  }
  .c-pr-xl-9,
  .c-px-xl-9 {
    padding-right: var(--spacer-9, 64px);
  }
  .c-pb-xl-9,
  .c-py-xl-9 {
    padding-bottom: var(--spacer-9, 64px);
  }
  .c-pl-xl-9,
  .c-px-xl-9 {
    padding-left: var(--spacer-9, 64px);
  }
  .c-p-xl-10 {
    padding: var(--spacer-10, 80px);
  }
  .c-pt-xl-10,
  .c-py-xl-10 {
    padding-top: var(--spacer-10, 80px);
  }
  .c-pr-xl-10,
  .c-px-xl-10 {
    padding-right: var(--spacer-10, 80px);
  }
  .c-pb-xl-10,
  .c-py-xl-10 {
    padding-bottom: var(--spacer-10, 80px);
  }
  .c-pl-xl-10,
  .c-px-xl-10 {
    padding-left: var(--spacer-10, 80px);
  }
  .c-m-xl-n1 {
    margin: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mt-xl-n1,
  .c-my-xl-n1 {
    margin-top: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mr-xl-n1,
  .c-mx-xl-n1 {
    margin-right: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mb-xl-n1,
  .c-my-xl-n1 {
    margin-bottom: calc(var(--spacer-1, 4px) * -1);
  }
  .c-ml-xl-n1,
  .c-mx-xl-n1 {
    margin-left: calc(var(--spacer-1, 4px) * -1);
  }
  .c-m-xl-n2 {
    margin: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mt-xl-n2,
  .c-my-xl-n2 {
    margin-top: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mr-xl-n2,
  .c-mx-xl-n2 {
    margin-right: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mb-xl-n2,
  .c-my-xl-n2 {
    margin-bottom: calc(var(--spacer-2, 8px) * -1);
  }
  .c-ml-xl-n2,
  .c-mx-xl-n2 {
    margin-left: calc(var(--spacer-2, 8px) * -1);
  }
  .c-m-xl-n3 {
    margin: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mt-xl-n3,
  .c-my-xl-n3 {
    margin-top: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mr-xl-n3,
  .c-mx-xl-n3 {
    margin-right: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mb-xl-n3,
  .c-my-xl-n3 {
    margin-bottom: calc(var(--spacer-3, 16px) * -1);
  }
  .c-ml-xl-n3,
  .c-mx-xl-n3 {
    margin-left: calc(var(--spacer-3, 16px) * -1);
  }
  .c-m-xl-n4 {
    margin: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mt-xl-n4,
  .c-my-xl-n4 {
    margin-top: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mr-xl-n4,
  .c-mx-xl-n4 {
    margin-right: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mb-xl-n4,
  .c-my-xl-n4 {
    margin-bottom: calc(var(--spacer-4, 24px) * -1);
  }
  .c-ml-xl-n4,
  .c-mx-xl-n4 {
    margin-left: calc(var(--spacer-4, 24px) * -1);
  }
  .c-m-xl-n5 {
    margin: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mt-xl-n5,
  .c-my-xl-n5 {
    margin-top: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mr-xl-n5,
  .c-mx-xl-n5 {
    margin-right: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mb-xl-n5,
  .c-my-xl-n5 {
    margin-bottom: calc(var(--spacer-5, 32px) * -1);
  }
  .c-ml-xl-n5,
  .c-mx-xl-n5 {
    margin-left: calc(var(--spacer-5, 32px) * -1);
  }
  .c-m-xl-n6 {
    margin: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mt-xl-n6,
  .c-my-xl-n6 {
    margin-top: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mr-xl-n6,
  .c-mx-xl-n6 {
    margin-right: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mb-xl-n6,
  .c-my-xl-n6 {
    margin-bottom: calc(var(--spacer-6, 40px) * -1);
  }
  .c-ml-xl-n6,
  .c-mx-xl-n6 {
    margin-left: calc(var(--spacer-6, 40px) * -1);
  }
  .c-m-xl-n7 {
    margin: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mt-xl-n7,
  .c-my-xl-n7 {
    margin-top: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mr-xl-n7,
  .c-mx-xl-n7 {
    margin-right: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mb-xl-n7,
  .c-my-xl-n7 {
    margin-bottom: calc(var(--spacer-7, 48px) * -1);
  }
  .c-ml-xl-n7,
  .c-mx-xl-n7 {
    margin-left: calc(var(--spacer-7, 48px) * -1);
  }
  .c-m-xl-n8 {
    margin: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mt-xl-n8,
  .c-my-xl-n8 {
    margin-top: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mr-xl-n8,
  .c-mx-xl-n8 {
    margin-right: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mb-xl-n8,
  .c-my-xl-n8 {
    margin-bottom: calc(var(--spacer-8, 56px) * -1);
  }
  .c-ml-xl-n8,
  .c-mx-xl-n8 {
    margin-left: calc(var(--spacer-8, 56px) * -1);
  }
  .c-m-xl-n9 {
    margin: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mt-xl-n9,
  .c-my-xl-n9 {
    margin-top: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mr-xl-n9,
  .c-mx-xl-n9 {
    margin-right: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mb-xl-n9,
  .c-my-xl-n9 {
    margin-bottom: calc(var(--spacer-9, 64px) * -1);
  }
  .c-ml-xl-n9,
  .c-mx-xl-n9 {
    margin-left: calc(var(--spacer-9, 64px) * -1);
  }
  .c-m-xl-n10 {
    margin: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mt-xl-n10,
  .c-my-xl-n10 {
    margin-top: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mr-xl-n10,
  .c-mx-xl-n10 {
    margin-right: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mb-xl-n10,
  .c-my-xl-n10 {
    margin-bottom: calc(var(--spacer-10, 80px) * -1);
  }
  .c-ml-xl-n10,
  .c-mx-xl-n10 {
    margin-left: calc(var(--spacer-10, 80px) * -1);
  }
  .c-m-xl-auto {
    margin: auto;
  }
  .c-mt-xl-auto,
  .c-my-xl-auto {
    margin-top: auto;
  }
  .c-mr-xl-auto,
  .c-mx-xl-auto {
    margin-right: auto;
  }
  .c-mb-xl-auto,
  .c-my-xl-auto {
    margin-bottom: auto;
  }
  .c-ml-xl-auto,
  .c-mx-xl-auto {
    margin-left: auto;
  }
}
@media (min-width: 1440px) {
  .c-m-xxl-0 {
    margin: var(--spacer-0, 0);
  }
  .c-mt-xxl-0,
  .c-my-xxl-0 {
    margin-top: var(--spacer-0, 0);
  }
  .c-mr-xxl-0,
  .c-mx-xxl-0 {
    margin-right: var(--spacer-0, 0);
  }
  .c-mb-xxl-0,
  .c-my-xxl-0 {
    margin-bottom: var(--spacer-0, 0);
  }
  .c-ml-xxl-0,
  .c-mx-xxl-0 {
    margin-left: var(--spacer-0, 0);
  }
  .c-m-xxl-1 {
    margin: var(--spacer-1, 4px);
  }
  .c-mt-xxl-1,
  .c-my-xxl-1 {
    margin-top: var(--spacer-1, 4px);
  }
  .c-mr-xxl-1,
  .c-mx-xxl-1 {
    margin-right: var(--spacer-1, 4px);
  }
  .c-mb-xxl-1,
  .c-my-xxl-1 {
    margin-bottom: var(--spacer-1, 4px);
  }
  .c-ml-xxl-1,
  .c-mx-xxl-1 {
    margin-left: var(--spacer-1, 4px);
  }
  .c-m-xxl-2 {
    margin: var(--spacer-2, 8px);
  }
  .c-mt-xxl-2,
  .c-my-xxl-2 {
    margin-top: var(--spacer-2, 8px);
  }
  .c-mr-xxl-2,
  .c-mx-xxl-2 {
    margin-right: var(--spacer-2, 8px);
  }
  .c-mb-xxl-2,
  .c-my-xxl-2 {
    margin-bottom: var(--spacer-2, 8px);
  }
  .c-ml-xxl-2,
  .c-mx-xxl-2 {
    margin-left: var(--spacer-2, 8px);
  }
  .c-m-xxl-3 {
    margin: var(--spacer-3, 16px);
  }
  .c-mt-xxl-3,
  .c-my-xxl-3 {
    margin-top: var(--spacer-3, 16px);
  }
  .c-mr-xxl-3,
  .c-mx-xxl-3 {
    margin-right: var(--spacer-3, 16px);
  }
  .c-mb-xxl-3,
  .c-my-xxl-3 {
    margin-bottom: var(--spacer-3, 16px);
  }
  .c-ml-xxl-3,
  .c-mx-xxl-3 {
    margin-left: var(--spacer-3, 16px);
  }
  .c-m-xxl-4 {
    margin: var(--spacer-4, 24px);
  }
  .c-mt-xxl-4,
  .c-my-xxl-4 {
    margin-top: var(--spacer-4, 24px);
  }
  .c-mr-xxl-4,
  .c-mx-xxl-4 {
    margin-right: var(--spacer-4, 24px);
  }
  .c-mb-xxl-4,
  .c-my-xxl-4 {
    margin-bottom: var(--spacer-4, 24px);
  }
  .c-ml-xxl-4,
  .c-mx-xxl-4 {
    margin-left: var(--spacer-4, 24px);
  }
  .c-m-xxl-5 {
    margin: var(--spacer-5, 32px);
  }
  .c-mt-xxl-5,
  .c-my-xxl-5 {
    margin-top: var(--spacer-5, 32px);
  }
  .c-mr-xxl-5,
  .c-mx-xxl-5 {
    margin-right: var(--spacer-5, 32px);
  }
  .c-mb-xxl-5,
  .c-my-xxl-5 {
    margin-bottom: var(--spacer-5, 32px);
  }
  .c-ml-xxl-5,
  .c-mx-xxl-5 {
    margin-left: var(--spacer-5, 32px);
  }
  .c-m-xxl-6 {
    margin: var(--spacer-6, 40px);
  }
  .c-mt-xxl-6,
  .c-my-xxl-6 {
    margin-top: var(--spacer-6, 40px);
  }
  .c-mr-xxl-6,
  .c-mx-xxl-6 {
    margin-right: var(--spacer-6, 40px);
  }
  .c-mb-xxl-6,
  .c-my-xxl-6 {
    margin-bottom: var(--spacer-6, 40px);
  }
  .c-ml-xxl-6,
  .c-mx-xxl-6 {
    margin-left: var(--spacer-6, 40px);
  }
  .c-m-xxl-7 {
    margin: var(--spacer-7, 48px);
  }
  .c-mt-xxl-7,
  .c-my-xxl-7 {
    margin-top: var(--spacer-7, 48px);
  }
  .c-mr-xxl-7,
  .c-mx-xxl-7 {
    margin-right: var(--spacer-7, 48px);
  }
  .c-mb-xxl-7,
  .c-my-xxl-7 {
    margin-bottom: var(--spacer-7, 48px);
  }
  .c-ml-xxl-7,
  .c-mx-xxl-7 {
    margin-left: var(--spacer-7, 48px);
  }
  .c-m-xxl-8 {
    margin: var(--spacer-8, 56px);
  }
  .c-mt-xxl-8,
  .c-my-xxl-8 {
    margin-top: var(--spacer-8, 56px);
  }
  .c-mr-xxl-8,
  .c-mx-xxl-8 {
    margin-right: var(--spacer-8, 56px);
  }
  .c-mb-xxl-8,
  .c-my-xxl-8 {
    margin-bottom: var(--spacer-8, 56px);
  }
  .c-ml-xxl-8,
  .c-mx-xxl-8 {
    margin-left: var(--spacer-8, 56px);
  }
  .c-m-xxl-9 {
    margin: var(--spacer-9, 64px);
  }
  .c-mt-xxl-9,
  .c-my-xxl-9 {
    margin-top: var(--spacer-9, 64px);
  }
  .c-mr-xxl-9,
  .c-mx-xxl-9 {
    margin-right: var(--spacer-9, 64px);
  }
  .c-mb-xxl-9,
  .c-my-xxl-9 {
    margin-bottom: var(--spacer-9, 64px);
  }
  .c-ml-xxl-9,
  .c-mx-xxl-9 {
    margin-left: var(--spacer-9, 64px);
  }
  .c-m-xxl-10 {
    margin: var(--spacer-10, 80px);
  }
  .c-mt-xxl-10,
  .c-my-xxl-10 {
    margin-top: var(--spacer-10, 80px);
  }
  .c-mr-xxl-10,
  .c-mx-xxl-10 {
    margin-right: var(--spacer-10, 80px);
  }
  .c-mb-xxl-10,
  .c-my-xxl-10 {
    margin-bottom: var(--spacer-10, 80px);
  }
  .c-ml-xxl-10,
  .c-mx-xxl-10 {
    margin-left: var(--spacer-10, 80px);
  }
  .c-p-xxl-0 {
    padding: var(--spacer-0, 0);
  }
  .c-pt-xxl-0,
  .c-py-xxl-0 {
    padding-top: var(--spacer-0, 0);
  }
  .c-pr-xxl-0,
  .c-px-xxl-0 {
    padding-right: var(--spacer-0, 0);
  }
  .c-pb-xxl-0,
  .c-py-xxl-0 {
    padding-bottom: var(--spacer-0, 0);
  }
  .c-pl-xxl-0,
  .c-px-xxl-0 {
    padding-left: var(--spacer-0, 0);
  }
  .c-p-xxl-1 {
    padding: var(--spacer-1, 4px);
  }
  .c-pt-xxl-1,
  .c-py-xxl-1 {
    padding-top: var(--spacer-1, 4px);
  }
  .c-pr-xxl-1,
  .c-px-xxl-1 {
    padding-right: var(--spacer-1, 4px);
  }
  .c-pb-xxl-1,
  .c-py-xxl-1 {
    padding-bottom: var(--spacer-1, 4px);
  }
  .c-pl-xxl-1,
  .c-px-xxl-1 {
    padding-left: var(--spacer-1, 4px);
  }
  .c-p-xxl-2 {
    padding: var(--spacer-2, 8px);
  }
  .c-pt-xxl-2,
  .c-py-xxl-2 {
    padding-top: var(--spacer-2, 8px);
  }
  .c-pr-xxl-2,
  .c-px-xxl-2 {
    padding-right: var(--spacer-2, 8px);
  }
  .c-pb-xxl-2,
  .c-py-xxl-2 {
    padding-bottom: var(--spacer-2, 8px);
  }
  .c-pl-xxl-2,
  .c-px-xxl-2 {
    padding-left: var(--spacer-2, 8px);
  }
  .c-p-xxl-3 {
    padding: var(--spacer-3, 16px);
  }
  .c-pt-xxl-3,
  .c-py-xxl-3 {
    padding-top: var(--spacer-3, 16px);
  }
  .c-pr-xxl-3,
  .c-px-xxl-3 {
    padding-right: var(--spacer-3, 16px);
  }
  .c-pb-xxl-3,
  .c-py-xxl-3 {
    padding-bottom: var(--spacer-3, 16px);
  }
  .c-pl-xxl-3,
  .c-px-xxl-3 {
    padding-left: var(--spacer-3, 16px);
  }
  .c-p-xxl-4 {
    padding: var(--spacer-4, 24px);
  }
  .c-pt-xxl-4,
  .c-py-xxl-4 {
    padding-top: var(--spacer-4, 24px);
  }
  .c-pr-xxl-4,
  .c-px-xxl-4 {
    padding-right: var(--spacer-4, 24px);
  }
  .c-pb-xxl-4,
  .c-py-xxl-4 {
    padding-bottom: var(--spacer-4, 24px);
  }
  .c-pl-xxl-4,
  .c-px-xxl-4 {
    padding-left: var(--spacer-4, 24px);
  }
  .c-p-xxl-5 {
    padding: var(--spacer-5, 32px);
  }
  .c-pt-xxl-5,
  .c-py-xxl-5 {
    padding-top: var(--spacer-5, 32px);
  }
  .c-pr-xxl-5,
  .c-px-xxl-5 {
    padding-right: var(--spacer-5, 32px);
  }
  .c-pb-xxl-5,
  .c-py-xxl-5 {
    padding-bottom: var(--spacer-5, 32px);
  }
  .c-pl-xxl-5,
  .c-px-xxl-5 {
    padding-left: var(--spacer-5, 32px);
  }
  .c-p-xxl-6 {
    padding: var(--spacer-6, 40px);
  }
  .c-pt-xxl-6,
  .c-py-xxl-6 {
    padding-top: var(--spacer-6, 40px);
  }
  .c-pr-xxl-6,
  .c-px-xxl-6 {
    padding-right: var(--spacer-6, 40px);
  }
  .c-pb-xxl-6,
  .c-py-xxl-6 {
    padding-bottom: var(--spacer-6, 40px);
  }
  .c-pl-xxl-6,
  .c-px-xxl-6 {
    padding-left: var(--spacer-6, 40px);
  }
  .c-p-xxl-7 {
    padding: var(--spacer-7, 48px);
  }
  .c-pt-xxl-7,
  .c-py-xxl-7 {
    padding-top: var(--spacer-7, 48px);
  }
  .c-pr-xxl-7,
  .c-px-xxl-7 {
    padding-right: var(--spacer-7, 48px);
  }
  .c-pb-xxl-7,
  .c-py-xxl-7 {
    padding-bottom: var(--spacer-7, 48px);
  }
  .c-pl-xxl-7,
  .c-px-xxl-7 {
    padding-left: var(--spacer-7, 48px);
  }
  .c-p-xxl-8 {
    padding: var(--spacer-8, 56px);
  }
  .c-pt-xxl-8,
  .c-py-xxl-8 {
    padding-top: var(--spacer-8, 56px);
  }
  .c-pr-xxl-8,
  .c-px-xxl-8 {
    padding-right: var(--spacer-8, 56px);
  }
  .c-pb-xxl-8,
  .c-py-xxl-8 {
    padding-bottom: var(--spacer-8, 56px);
  }
  .c-pl-xxl-8,
  .c-px-xxl-8 {
    padding-left: var(--spacer-8, 56px);
  }
  .c-p-xxl-9 {
    padding: var(--spacer-9, 64px);
  }
  .c-pt-xxl-9,
  .c-py-xxl-9 {
    padding-top: var(--spacer-9, 64px);
  }
  .c-pr-xxl-9,
  .c-px-xxl-9 {
    padding-right: var(--spacer-9, 64px);
  }
  .c-pb-xxl-9,
  .c-py-xxl-9 {
    padding-bottom: var(--spacer-9, 64px);
  }
  .c-pl-xxl-9,
  .c-px-xxl-9 {
    padding-left: var(--spacer-9, 64px);
  }
  .c-p-xxl-10 {
    padding: var(--spacer-10, 80px);
  }
  .c-pt-xxl-10,
  .c-py-xxl-10 {
    padding-top: var(--spacer-10, 80px);
  }
  .c-pr-xxl-10,
  .c-px-xxl-10 {
    padding-right: var(--spacer-10, 80px);
  }
  .c-pb-xxl-10,
  .c-py-xxl-10 {
    padding-bottom: var(--spacer-10, 80px);
  }
  .c-pl-xxl-10,
  .c-px-xxl-10 {
    padding-left: var(--spacer-10, 80px);
  }
  .c-m-xxl-n1 {
    margin: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mt-xxl-n1,
  .c-my-xxl-n1 {
    margin-top: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mr-xxl-n1,
  .c-mx-xxl-n1 {
    margin-right: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mb-xxl-n1,
  .c-my-xxl-n1 {
    margin-bottom: calc(var(--spacer-1, 4px) * -1);
  }
  .c-ml-xxl-n1,
  .c-mx-xxl-n1 {
    margin-left: calc(var(--spacer-1, 4px) * -1);
  }
  .c-m-xxl-n2 {
    margin: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mt-xxl-n2,
  .c-my-xxl-n2 {
    margin-top: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mr-xxl-n2,
  .c-mx-xxl-n2 {
    margin-right: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mb-xxl-n2,
  .c-my-xxl-n2 {
    margin-bottom: calc(var(--spacer-2, 8px) * -1);
  }
  .c-ml-xxl-n2,
  .c-mx-xxl-n2 {
    margin-left: calc(var(--spacer-2, 8px) * -1);
  }
  .c-m-xxl-n3 {
    margin: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mt-xxl-n3,
  .c-my-xxl-n3 {
    margin-top: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mr-xxl-n3,
  .c-mx-xxl-n3 {
    margin-right: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mb-xxl-n3,
  .c-my-xxl-n3 {
    margin-bottom: calc(var(--spacer-3, 16px) * -1);
  }
  .c-ml-xxl-n3,
  .c-mx-xxl-n3 {
    margin-left: calc(var(--spacer-3, 16px) * -1);
  }
  .c-m-xxl-n4 {
    margin: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mt-xxl-n4,
  .c-my-xxl-n4 {
    margin-top: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mr-xxl-n4,
  .c-mx-xxl-n4 {
    margin-right: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mb-xxl-n4,
  .c-my-xxl-n4 {
    margin-bottom: calc(var(--spacer-4, 24px) * -1);
  }
  .c-ml-xxl-n4,
  .c-mx-xxl-n4 {
    margin-left: calc(var(--spacer-4, 24px) * -1);
  }
  .c-m-xxl-n5 {
    margin: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mt-xxl-n5,
  .c-my-xxl-n5 {
    margin-top: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mr-xxl-n5,
  .c-mx-xxl-n5 {
    margin-right: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mb-xxl-n5,
  .c-my-xxl-n5 {
    margin-bottom: calc(var(--spacer-5, 32px) * -1);
  }
  .c-ml-xxl-n5,
  .c-mx-xxl-n5 {
    margin-left: calc(var(--spacer-5, 32px) * -1);
  }
  .c-m-xxl-n6 {
    margin: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mt-xxl-n6,
  .c-my-xxl-n6 {
    margin-top: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mr-xxl-n6,
  .c-mx-xxl-n6 {
    margin-right: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mb-xxl-n6,
  .c-my-xxl-n6 {
    margin-bottom: calc(var(--spacer-6, 40px) * -1);
  }
  .c-ml-xxl-n6,
  .c-mx-xxl-n6 {
    margin-left: calc(var(--spacer-6, 40px) * -1);
  }
  .c-m-xxl-n7 {
    margin: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mt-xxl-n7,
  .c-my-xxl-n7 {
    margin-top: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mr-xxl-n7,
  .c-mx-xxl-n7 {
    margin-right: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mb-xxl-n7,
  .c-my-xxl-n7 {
    margin-bottom: calc(var(--spacer-7, 48px) * -1);
  }
  .c-ml-xxl-n7,
  .c-mx-xxl-n7 {
    margin-left: calc(var(--spacer-7, 48px) * -1);
  }
  .c-m-xxl-n8 {
    margin: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mt-xxl-n8,
  .c-my-xxl-n8 {
    margin-top: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mr-xxl-n8,
  .c-mx-xxl-n8 {
    margin-right: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mb-xxl-n8,
  .c-my-xxl-n8 {
    margin-bottom: calc(var(--spacer-8, 56px) * -1);
  }
  .c-ml-xxl-n8,
  .c-mx-xxl-n8 {
    margin-left: calc(var(--spacer-8, 56px) * -1);
  }
  .c-m-xxl-n9 {
    margin: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mt-xxl-n9,
  .c-my-xxl-n9 {
    margin-top: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mr-xxl-n9,
  .c-mx-xxl-n9 {
    margin-right: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mb-xxl-n9,
  .c-my-xxl-n9 {
    margin-bottom: calc(var(--spacer-9, 64px) * -1);
  }
  .c-ml-xxl-n9,
  .c-mx-xxl-n9 {
    margin-left: calc(var(--spacer-9, 64px) * -1);
  }
  .c-m-xxl-n10 {
    margin: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mt-xxl-n10,
  .c-my-xxl-n10 {
    margin-top: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mr-xxl-n10,
  .c-mx-xxl-n10 {
    margin-right: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mb-xxl-n10,
  .c-my-xxl-n10 {
    margin-bottom: calc(var(--spacer-10, 80px) * -1);
  }
  .c-ml-xxl-n10,
  .c-mx-xxl-n10 {
    margin-left: calc(var(--spacer-10, 80px) * -1);
  }
  .c-m-xxl-auto {
    margin: auto;
  }
  .c-mt-xxl-auto,
  .c-my-xxl-auto {
    margin-top: auto;
  }
  .c-mr-xxl-auto,
  .c-mx-xxl-auto {
    margin-right: auto;
  }
  .c-mb-xxl-auto,
  .c-my-xxl-auto {
    margin-bottom: auto;
  }
  .c-ml-xxl-auto,
  .c-mx-xxl-auto {
    margin-left: auto;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}

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

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

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

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: var(--primary, #005D44) !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #002a1f !important;
}

.bg-secondary {
  background-color: var(--secondary, #6b6c7e) !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545462 !important;
}

.bg-success {
  background-color: var(--success, #287d3c) !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1c5629 !important;
}

.bg-info {
  background-color: var(--info, #2e5aac) !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #234584 !important;
}

.bg-warning {
  background-color: var(--warning, #b95000) !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #863a00 !important;
}

.bg-danger {
  background-color: var(--danger, #da1414) !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #ab1010 !important;
}

.bg-light {
  background-color: var(--light, #f1f2f5) !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #d3d6e0 !important;
}

.bg-dark {
  background-color: var(--dark, #272833) !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #111116 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-gray-dark {
  background-color: var(--gray-800, #393a4a) !important;
}

.bg-lighter {
  background-color: var(--gray-100, #f7f8f9) !important;
}

.border {
  border: 0.0625rem solid #f1f2f5 !important;
}

.border-top {
  border-top: 0.0625rem solid #f1f2f5 !important;
}

.border-right {
  border-right: 0.0625rem solid #f1f2f5 !important;
}

.border-bottom {
  border-bottom: 0.0625rem solid #f1f2f5 !important;
}

.border-left {
  border-left: 0.0625rem solid #f1f2f5 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: var(--primary, #005D44) !important;
}

.border-secondary {
  border-color: var(--secondary, #6b6c7e) !important;
}

.border-success {
  border-color: var(--success, #287d3c) !important;
}

.border-info {
  border-color: var(--info, #2e5aac) !important;
}

.border-warning {
  border-color: var(--warning, #b95000) !important;
}

.border-danger {
  border-color: var(--danger, #da1414) !important;
}

.border-light {
  border-color: var(--light, #f1f2f5) !important;
}

.border-dark {
  border-color: var(--dark, #272833) !important;
}

.border-white {
  border-color: #fff !important;
}

.border-gray-dark {
  border-color: var(--gray-800, #393a4a) !important;
}

.border-lighter {
  border-color: var(-gray-100, #f7f8f9) !important;
}

.rounded-sm {
  border-radius: var(--border-radius-sm, 0.1875rem) !important;
}

.rounded {
  border-radius: var(--border-radius, 0.25rem) !important;
}

.rounded-top {
  border-top-left-radius: var(--border-radius, 0.25rem) !important;
  border-top-right-radius: var(--border-radius, 0.25rem) !important;
}

.rounded-right {
  border-bottom-right-radius: var(--border-radius, 0.25rem) !important;
  border-top-right-radius: var(--border-radius, 0.25rem) !important;
}

.rounded-bottom {
  border-bottom-left-radius: var(--border-radius, 0.25rem) !important;
  border-bottom-right-radius: var(--border-radius, 0.25rem) !important;
}

.rounded-left {
  border-bottom-left-radius: var(--border-radius, 0.25rem) !important;
  border-top-left-radius: var(--border-radius, 0.25rem) !important;
}

.rounded-lg {
  border-radius: var(--border-radius-lg, 0.375rem) !important;
}

.rounded-circle {
  border-radius: var(--border-radius-circle, 5000px) !important;
}

.rounded-pill {
  border-radius: var(--rounded-pill, 50rem) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  clear: both;
  content: "";
  display: block;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-contents {
  display: contents !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-contents {
    display: contents !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-contents {
    display: contents !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-contents {
    display: contents !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1280px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-contents {
    display: contents !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1440px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-contents {
    display: contents !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
}
.hide {
  display: none !important;
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-contents {
    display: contents !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
/* SPDX-SnippetBegin
 * SPDX-License-Identifier: MIT
 * SPDX-SnippetCopyrightText: © 2012 Nicolas Gallagher <https://github.com/suitcss/components-flex-embed>
 */
.embed-responsive {
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}
.embed-responsive::before {
  content: "";
  display: block;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  border-width: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.embed-responsive-21by9::before {
  padding-top: calc(
				9 /
					21 *
					100%
			);
}

.embed-responsive-16by9::before {
  padding-top: calc(
				9 /
					16 *
					100%
			);
}

.embed-responsive-4by3::before {
  padding-top: calc(
				3 /
					4 *
					100%
			);
}

.embed-responsive-1by1::before {
  padding-top: calc(
				1 /
					1 *
					100%
			);
}

.embed-responsive-21by9::before {
  padding-top: calc(
				9 /
					21 *
					100%
			);
}

.embed-responsive-16by9::before {
  padding-top: calc(
				9 /
					16 *
					100%
			);
}

.embed-responsive-4by3::before {
  padding-top: calc(
				3 /
					4 *
					100%
			);
}

.embed-responsive-1by1::before {
  padding-top: calc(
				1 /
					1 *
					100%
			);
}

.embed-responsive-21by9::before {
  padding-top: calc(
				9 /
					21 *
					100%
			);
}

.embed-responsive-16by9::before {
  padding-top: calc(
				9 /
					16 *
					100%
			);
}

.embed-responsive-4by3::before {
  padding-top: calc(
				3 /
					4 *
					100%
			);
}

.embed-responsive-1by1::before {
  padding-top: calc(
				1 /
					1 *
					100%
			);
}

/* SPDX-SnippetEnd */
.flex-row {
  flex-direction: row !important;
}

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

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

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

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

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

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

.flex-fill {
  flex: 1 1 auto !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1280px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1440px) {
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1280px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
@media (min-width: 1440px) {
  .float-xxl-left {
    float: left !important;
  }
  .float-xxl-right {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1030;
}

.fixed-bottom {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto;
}

.shadow-sm {
  box-shadow: var(--box-shadow-sm, 0 0.125rem 0.25rem rgba(7, 29, 31, 0.075)) !important;
}

.shadow {
  box-shadow: var(--box-shadow, 0 0.5rem 1rem rgba(7, 29, 31, 0.15)) !important;
}

.shadow-lg {
  box-shadow: var(--box-shadow-lg, 0 1rem 3rem rgba(7, 29, 31, 0.175)) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: var(--spacer-0, 0) !important;
}

.mt-0,
.my-0 {
  margin-top: var(--spacer-0, 0) !important;
}

.mr-0,
.mx-0 {
  margin-right: var(--spacer-0, 0) !important;
}

.mb-0,
.my-0 {
  margin-bottom: var(--spacer-0, 0) !important;
}

.ml-0,
.mx-0 {
  margin-left: var(--spacer-0, 0) !important;
}

.m-1 {
  margin: var(--spacer-1, 4px) !important;
}

.mt-1,
.my-1 {
  margin-top: var(--spacer-1, 4px) !important;
}

.mr-1,
.mx-1 {
  margin-right: var(--spacer-1, 4px) !important;
}

.mb-1,
.my-1 {
  margin-bottom: var(--spacer-1, 4px) !important;
}

.ml-1,
.mx-1 {
  margin-left: var(--spacer-1, 4px) !important;
}

.m-2 {
  margin: var(--spacer-2, 8px) !important;
}

.mt-2,
.my-2 {
  margin-top: var(--spacer-2, 8px) !important;
}

.mr-2,
.mx-2 {
  margin-right: var(--spacer-2, 8px) !important;
}

.mb-2,
.my-2 {
  margin-bottom: var(--spacer-2, 8px) !important;
}

.ml-2,
.mx-2 {
  margin-left: var(--spacer-2, 8px) !important;
}

.m-3 {
  margin: var(--spacer-3, 16px) !important;
}

.mt-3,
.my-3 {
  margin-top: var(--spacer-3, 16px) !important;
}

.mr-3,
.mx-3 {
  margin-right: var(--spacer-3, 16px) !important;
}

.mb-3,
.my-3 {
  margin-bottom: var(--spacer-3, 16px) !important;
}

.ml-3,
.mx-3 {
  margin-left: var(--spacer-3, 16px) !important;
}

.m-4 {
  margin: var(--spacer-4, 24px) !important;
}

.mt-4,
.my-4 {
  margin-top: var(--spacer-4, 24px) !important;
}

.mr-4,
.mx-4 {
  margin-right: var(--spacer-4, 24px) !important;
}

.mb-4,
.my-4 {
  margin-bottom: var(--spacer-4, 24px) !important;
}

.ml-4,
.mx-4 {
  margin-left: var(--spacer-4, 24px) !important;
}

.m-5 {
  margin: var(--spacer-5, 32px) !important;
}

.mt-5,
.my-5 {
  margin-top: var(--spacer-5, 32px) !important;
}

.mr-5,
.mx-5 {
  margin-right: var(--spacer-5, 32px) !important;
}

.mb-5,
.my-5 {
  margin-bottom: var(--spacer-5, 32px) !important;
}

.ml-5,
.mx-5 {
  margin-left: var(--spacer-5, 32px) !important;
}

.m-6 {
  margin: var(--spacer-6, 40px) !important;
}

.mt-6,
.my-6 {
  margin-top: var(--spacer-6, 40px) !important;
}

.mr-6,
.mx-6 {
  margin-right: var(--spacer-6, 40px) !important;
}

.mb-6,
.my-6 {
  margin-bottom: var(--spacer-6, 40px) !important;
}

.ml-6,
.mx-6 {
  margin-left: var(--spacer-6, 40px) !important;
}

.m-7 {
  margin: var(--spacer-7, 48px) !important;
}

.mt-7,
.my-7 {
  margin-top: var(--spacer-7, 48px) !important;
}

.mr-7,
.mx-7 {
  margin-right: var(--spacer-7, 48px) !important;
}

.mb-7,
.my-7 {
  margin-bottom: var(--spacer-7, 48px) !important;
}

.ml-7,
.mx-7 {
  margin-left: var(--spacer-7, 48px) !important;
}

.m-8 {
  margin: var(--spacer-8, 56px) !important;
}

.mt-8,
.my-8 {
  margin-top: var(--spacer-8, 56px) !important;
}

.mr-8,
.mx-8 {
  margin-right: var(--spacer-8, 56px) !important;
}

.mb-8,
.my-8 {
  margin-bottom: var(--spacer-8, 56px) !important;
}

.ml-8,
.mx-8 {
  margin-left: var(--spacer-8, 56px) !important;
}

.m-9 {
  margin: var(--spacer-9, 64px) !important;
}

.mt-9,
.my-9 {
  margin-top: var(--spacer-9, 64px) !important;
}

.mr-9,
.mx-9 {
  margin-right: var(--spacer-9, 64px) !important;
}

.mb-9,
.my-9 {
  margin-bottom: var(--spacer-9, 64px) !important;
}

.ml-9,
.mx-9 {
  margin-left: var(--spacer-9, 64px) !important;
}

.m-10 {
  margin: var(--spacer-10, 80px) !important;
}

.mt-10,
.my-10 {
  margin-top: var(--spacer-10, 80px) !important;
}

.mr-10,
.mx-10 {
  margin-right: var(--spacer-10, 80px) !important;
}

.mb-10,
.my-10 {
  margin-bottom: var(--spacer-10, 80px) !important;
}

.ml-10,
.mx-10 {
  margin-left: var(--spacer-10, 80px) !important;
}

.p-0 {
  padding: var(--spacer-0, 0) !important;
}

.pt-0,
.py-0 {
  padding-top: var(--spacer-0, 0) !important;
}

.pr-0,
.px-0 {
  padding-right: var(--spacer-0, 0) !important;
}

.pb-0,
.py-0 {
  padding-bottom: var(--spacer-0, 0) !important;
}

.pl-0,
.px-0 {
  padding-left: var(--spacer-0, 0) !important;
}

.p-1 {
  padding: var(--spacer-1, 4px) !important;
}

.pt-1,
.py-1 {
  padding-top: var(--spacer-1, 4px) !important;
}

.pr-1,
.px-1 {
  padding-right: var(--spacer-1, 4px) !important;
}

.pb-1,
.py-1 {
  padding-bottom: var(--spacer-1, 4px) !important;
}

.pl-1,
.px-1 {
  padding-left: var(--spacer-1, 4px) !important;
}

.p-2 {
  padding: var(--spacer-2, 8px) !important;
}

.pt-2,
.py-2 {
  padding-top: var(--spacer-2, 8px) !important;
}

.pr-2,
.px-2 {
  padding-right: var(--spacer-2, 8px) !important;
}

.pb-2,
.py-2 {
  padding-bottom: var(--spacer-2, 8px) !important;
}

.pl-2,
.px-2 {
  padding-left: var(--spacer-2, 8px) !important;
}

.p-3 {
  padding: var(--spacer-3, 16px) !important;
}

.pt-3,
.py-3 {
  padding-top: var(--spacer-3, 16px) !important;
}

.pr-3,
.px-3 {
  padding-right: var(--spacer-3, 16px) !important;
}

.pb-3,
.py-3 {
  padding-bottom: var(--spacer-3, 16px) !important;
}

.pl-3,
.px-3 {
  padding-left: var(--spacer-3, 16px) !important;
}

.p-4 {
  padding: var(--spacer-4, 24px) !important;
}

.pt-4,
.py-4 {
  padding-top: var(--spacer-4, 24px) !important;
}

.pr-4,
.px-4 {
  padding-right: var(--spacer-4, 24px) !important;
}

.pb-4,
.py-4 {
  padding-bottom: var(--spacer-4, 24px) !important;
}

.pl-4,
.px-4 {
  padding-left: var(--spacer-4, 24px) !important;
}

.p-5 {
  padding: var(--spacer-5, 32px) !important;
}

.pt-5,
.py-5 {
  padding-top: var(--spacer-5, 32px) !important;
}

.pr-5,
.px-5 {
  padding-right: var(--spacer-5, 32px) !important;
}

.pb-5,
.py-5 {
  padding-bottom: var(--spacer-5, 32px) !important;
}

.pl-5,
.px-5 {
  padding-left: var(--spacer-5, 32px) !important;
}

.p-6 {
  padding: var(--spacer-6, 40px) !important;
}

.pt-6,
.py-6 {
  padding-top: var(--spacer-6, 40px) !important;
}

.pr-6,
.px-6 {
  padding-right: var(--spacer-6, 40px) !important;
}

.pb-6,
.py-6 {
  padding-bottom: var(--spacer-6, 40px) !important;
}

.pl-6,
.px-6 {
  padding-left: var(--spacer-6, 40px) !important;
}

.p-7 {
  padding: var(--spacer-7, 48px) !important;
}

.pt-7,
.py-7 {
  padding-top: var(--spacer-7, 48px) !important;
}

.pr-7,
.px-7 {
  padding-right: var(--spacer-7, 48px) !important;
}

.pb-7,
.py-7 {
  padding-bottom: var(--spacer-7, 48px) !important;
}

.pl-7,
.px-7 {
  padding-left: var(--spacer-7, 48px) !important;
}

.p-8 {
  padding: var(--spacer-8, 56px) !important;
}

.pt-8,
.py-8 {
  padding-top: var(--spacer-8, 56px) !important;
}

.pr-8,
.px-8 {
  padding-right: var(--spacer-8, 56px) !important;
}

.pb-8,
.py-8 {
  padding-bottom: var(--spacer-8, 56px) !important;
}

.pl-8,
.px-8 {
  padding-left: var(--spacer-8, 56px) !important;
}

.p-9 {
  padding: var(--spacer-9, 64px) !important;
}

.pt-9,
.py-9 {
  padding-top: var(--spacer-9, 64px) !important;
}

.pr-9,
.px-9 {
  padding-right: var(--spacer-9, 64px) !important;
}

.pb-9,
.py-9 {
  padding-bottom: var(--spacer-9, 64px) !important;
}

.pl-9,
.px-9 {
  padding-left: var(--spacer-9, 64px) !important;
}

.p-10 {
  padding: var(--spacer-10, 80px) !important;
}

.pt-10,
.py-10 {
  padding-top: var(--spacer-10, 80px) !important;
}

.pr-10,
.px-10 {
  padding-right: var(--spacer-10, 80px) !important;
}

.pb-10,
.py-10 {
  padding-bottom: var(--spacer-10, 80px) !important;
}

.pl-10,
.px-10 {
  padding-left: var(--spacer-10, 80px) !important;
}

.m-n1 {
  margin: calc(var(--spacer-1, 4px) * -1) !important;
}

.mt-n1,
.my-n1 {
  margin-top: calc(var(--spacer-1, 4px) * -1) !important;
}

.mr-n1,
.mx-n1 {
  margin-right: calc(var(--spacer-1, 4px) * -1) !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: calc(var(--spacer-1, 4px) * -1) !important;
}

.ml-n1,
.mx-n1 {
  margin-left: calc(var(--spacer-1, 4px) * -1) !important;
}

.m-n2 {
  margin: calc(var(--spacer-2, 8px) * -1) !important;
}

.mt-n2,
.my-n2 {
  margin-top: calc(var(--spacer-2, 8px) * -1) !important;
}

.mr-n2,
.mx-n2 {
  margin-right: calc(var(--spacer-2, 8px) * -1) !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: calc(var(--spacer-2, 8px) * -1) !important;
}

.ml-n2,
.mx-n2 {
  margin-left: calc(var(--spacer-2, 8px) * -1) !important;
}

.m-n3 {
  margin: calc(var(--spacer-3, 16px) * -1) !important;
}

.mt-n3,
.my-n3 {
  margin-top: calc(var(--spacer-3, 16px) * -1) !important;
}

.mr-n3,
.mx-n3 {
  margin-right: calc(var(--spacer-3, 16px) * -1) !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: calc(var(--spacer-3, 16px) * -1) !important;
}

.ml-n3,
.mx-n3 {
  margin-left: calc(var(--spacer-3, 16px) * -1) !important;
}

.m-n4 {
  margin: calc(var(--spacer-4, 24px) * -1) !important;
}

.mt-n4,
.my-n4 {
  margin-top: calc(var(--spacer-4, 24px) * -1) !important;
}

.mr-n4,
.mx-n4 {
  margin-right: calc(var(--spacer-4, 24px) * -1) !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: calc(var(--spacer-4, 24px) * -1) !important;
}

.ml-n4,
.mx-n4 {
  margin-left: calc(var(--spacer-4, 24px) * -1) !important;
}

.m-n5 {
  margin: calc(var(--spacer-5, 32px) * -1) !important;
}

.mt-n5,
.my-n5 {
  margin-top: calc(var(--spacer-5, 32px) * -1) !important;
}

.mr-n5,
.mx-n5 {
  margin-right: calc(var(--spacer-5, 32px) * -1) !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: calc(var(--spacer-5, 32px) * -1) !important;
}

.ml-n5,
.mx-n5 {
  margin-left: calc(var(--spacer-5, 32px) * -1) !important;
}

.m-n6 {
  margin: calc(var(--spacer-6, 40px) * -1) !important;
}

.mt-n6,
.my-n6 {
  margin-top: calc(var(--spacer-6, 40px) * -1) !important;
}

.mr-n6,
.mx-n6 {
  margin-right: calc(var(--spacer-6, 40px) * -1) !important;
}

.mb-n6,
.my-n6 {
  margin-bottom: calc(var(--spacer-6, 40px) * -1) !important;
}

.ml-n6,
.mx-n6 {
  margin-left: calc(var(--spacer-6, 40px) * -1) !important;
}

.m-n7 {
  margin: calc(var(--spacer-7, 48px) * -1) !important;
}

.mt-n7,
.my-n7 {
  margin-top: calc(var(--spacer-7, 48px) * -1) !important;
}

.mr-n7,
.mx-n7 {
  margin-right: calc(var(--spacer-7, 48px) * -1) !important;
}

.mb-n7,
.my-n7 {
  margin-bottom: calc(var(--spacer-7, 48px) * -1) !important;
}

.ml-n7,
.mx-n7 {
  margin-left: calc(var(--spacer-7, 48px) * -1) !important;
}

.m-n8 {
  margin: calc(var(--spacer-8, 56px) * -1) !important;
}

.mt-n8,
.my-n8 {
  margin-top: calc(var(--spacer-8, 56px) * -1) !important;
}

.mr-n8,
.mx-n8 {
  margin-right: calc(var(--spacer-8, 56px) * -1) !important;
}

.mb-n8,
.my-n8 {
  margin-bottom: calc(var(--spacer-8, 56px) * -1) !important;
}

.ml-n8,
.mx-n8 {
  margin-left: calc(var(--spacer-8, 56px) * -1) !important;
}

.m-n9 {
  margin: calc(var(--spacer-9, 64px) * -1) !important;
}

.mt-n9,
.my-n9 {
  margin-top: calc(var(--spacer-9, 64px) * -1) !important;
}

.mr-n9,
.mx-n9 {
  margin-right: calc(var(--spacer-9, 64px) * -1) !important;
}

.mb-n9,
.my-n9 {
  margin-bottom: calc(var(--spacer-9, 64px) * -1) !important;
}

.ml-n9,
.mx-n9 {
  margin-left: calc(var(--spacer-9, 64px) * -1) !important;
}

.m-n10 {
  margin: calc(var(--spacer-10, 80px) * -1) !important;
}

.mt-n10,
.my-n10 {
  margin-top: calc(var(--spacer-10, 80px) * -1) !important;
}

.mr-n10,
.mx-n10 {
  margin-right: calc(var(--spacer-10, 80px) * -1) !important;
}

.mb-n10,
.my-n10 {
  margin-bottom: calc(var(--spacer-10, 80px) * -1) !important;
}

.ml-n10,
.mx-n10 {
  margin-left: calc(var(--spacer-10, 80px) * -1) !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: var(--spacer-0, 0) !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: var(--spacer-0, 0) !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: var(--spacer-0, 0) !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: var(--spacer-0, 0) !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: var(--spacer-0, 0) !important;
  }
  .m-sm-1 {
    margin: var(--spacer-1, 4px) !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: var(--spacer-1, 4px) !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: var(--spacer-1, 4px) !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: var(--spacer-1, 4px) !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: var(--spacer-1, 4px) !important;
  }
  .m-sm-2 {
    margin: var(--spacer-2, 8px) !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: var(--spacer-2, 8px) !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: var(--spacer-2, 8px) !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: var(--spacer-2, 8px) !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: var(--spacer-2, 8px) !important;
  }
  .m-sm-3 {
    margin: var(--spacer-3, 16px) !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: var(--spacer-3, 16px) !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: var(--spacer-3, 16px) !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: var(--spacer-3, 16px) !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: var(--spacer-3, 16px) !important;
  }
  .m-sm-4 {
    margin: var(--spacer-4, 24px) !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: var(--spacer-4, 24px) !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: var(--spacer-4, 24px) !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: var(--spacer-4, 24px) !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: var(--spacer-4, 24px) !important;
  }
  .m-sm-5 {
    margin: var(--spacer-5, 32px) !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: var(--spacer-5, 32px) !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: var(--spacer-5, 32px) !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: var(--spacer-5, 32px) !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: var(--spacer-5, 32px) !important;
  }
  .m-sm-6 {
    margin: var(--spacer-6, 40px) !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: var(--spacer-6, 40px) !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: var(--spacer-6, 40px) !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: var(--spacer-6, 40px) !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: var(--spacer-6, 40px) !important;
  }
  .m-sm-7 {
    margin: var(--spacer-7, 48px) !important;
  }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: var(--spacer-7, 48px) !important;
  }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: var(--spacer-7, 48px) !important;
  }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: var(--spacer-7, 48px) !important;
  }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: var(--spacer-7, 48px) !important;
  }
  .m-sm-8 {
    margin: var(--spacer-8, 56px) !important;
  }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: var(--spacer-8, 56px) !important;
  }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: var(--spacer-8, 56px) !important;
  }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: var(--spacer-8, 56px) !important;
  }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: var(--spacer-8, 56px) !important;
  }
  .m-sm-9 {
    margin: var(--spacer-9, 64px) !important;
  }
  .mt-sm-9,
  .my-sm-9 {
    margin-top: var(--spacer-9, 64px) !important;
  }
  .mr-sm-9,
  .mx-sm-9 {
    margin-right: var(--spacer-9, 64px) !important;
  }
  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: var(--spacer-9, 64px) !important;
  }
  .ml-sm-9,
  .mx-sm-9 {
    margin-left: var(--spacer-9, 64px) !important;
  }
  .m-sm-10 {
    margin: var(--spacer-10, 80px) !important;
  }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: var(--spacer-10, 80px) !important;
  }
  .mr-sm-10,
  .mx-sm-10 {
    margin-right: var(--spacer-10, 80px) !important;
  }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: var(--spacer-10, 80px) !important;
  }
  .ml-sm-10,
  .mx-sm-10 {
    margin-left: var(--spacer-10, 80px) !important;
  }
  .p-sm-0 {
    padding: var(--spacer-0, 0) !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: var(--spacer-0, 0) !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: var(--spacer-0, 0) !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: var(--spacer-0, 0) !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: var(--spacer-0, 0) !important;
  }
  .p-sm-1 {
    padding: var(--spacer-1, 4px) !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: var(--spacer-1, 4px) !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: var(--spacer-1, 4px) !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: var(--spacer-1, 4px) !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: var(--spacer-1, 4px) !important;
  }
  .p-sm-2 {
    padding: var(--spacer-2, 8px) !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: var(--spacer-2, 8px) !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: var(--spacer-2, 8px) !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: var(--spacer-2, 8px) !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: var(--spacer-2, 8px) !important;
  }
  .p-sm-3 {
    padding: var(--spacer-3, 16px) !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: var(--spacer-3, 16px) !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: var(--spacer-3, 16px) !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: var(--spacer-3, 16px) !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: var(--spacer-3, 16px) !important;
  }
  .p-sm-4 {
    padding: var(--spacer-4, 24px) !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: var(--spacer-4, 24px) !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: var(--spacer-4, 24px) !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: var(--spacer-4, 24px) !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: var(--spacer-4, 24px) !important;
  }
  .p-sm-5 {
    padding: var(--spacer-5, 32px) !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: var(--spacer-5, 32px) !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: var(--spacer-5, 32px) !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: var(--spacer-5, 32px) !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: var(--spacer-5, 32px) !important;
  }
  .p-sm-6 {
    padding: var(--spacer-6, 40px) !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: var(--spacer-6, 40px) !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: var(--spacer-6, 40px) !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: var(--spacer-6, 40px) !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: var(--spacer-6, 40px) !important;
  }
  .p-sm-7 {
    padding: var(--spacer-7, 48px) !important;
  }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: var(--spacer-7, 48px) !important;
  }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: var(--spacer-7, 48px) !important;
  }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: var(--spacer-7, 48px) !important;
  }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: var(--spacer-7, 48px) !important;
  }
  .p-sm-8 {
    padding: var(--spacer-8, 56px) !important;
  }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: var(--spacer-8, 56px) !important;
  }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: var(--spacer-8, 56px) !important;
  }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: var(--spacer-8, 56px) !important;
  }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: var(--spacer-8, 56px) !important;
  }
  .p-sm-9 {
    padding: var(--spacer-9, 64px) !important;
  }
  .pt-sm-9,
  .py-sm-9 {
    padding-top: var(--spacer-9, 64px) !important;
  }
  .pr-sm-9,
  .px-sm-9 {
    padding-right: var(--spacer-9, 64px) !important;
  }
  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: var(--spacer-9, 64px) !important;
  }
  .pl-sm-9,
  .px-sm-9 {
    padding-left: var(--spacer-9, 64px) !important;
  }
  .p-sm-10 {
    padding: var(--spacer-10, 80px) !important;
  }
  .pt-sm-10,
  .py-sm-10 {
    padding-top: var(--spacer-10, 80px) !important;
  }
  .pr-sm-10,
  .px-sm-10 {
    padding-right: var(--spacer-10, 80px) !important;
  }
  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: var(--spacer-10, 80px) !important;
  }
  .pl-sm-10,
  .px-sm-10 {
    padding-left: var(--spacer-10, 80px) !important;
  }
  .m-sm-n1 {
    margin: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .m-sm-n2 {
    margin: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .m-sm-n3 {
    margin: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .m-sm-n4 {
    margin: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .m-sm-n5 {
    margin: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .m-sm-n6 {
    margin: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mr-sm-n6,
  .mx-sm-n6 {
    margin-right: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .ml-sm-n6,
  .mx-sm-n6 {
    margin-left: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .m-sm-n7 {
    margin: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mt-sm-n7,
  .my-sm-n7 {
    margin-top: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mr-sm-n7,
  .mx-sm-n7 {
    margin-right: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mb-sm-n7,
  .my-sm-n7 {
    margin-bottom: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .ml-sm-n7,
  .mx-sm-n7 {
    margin-left: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .m-sm-n8 {
    margin: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mt-sm-n8,
  .my-sm-n8 {
    margin-top: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mr-sm-n8,
  .mx-sm-n8 {
    margin-right: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mb-sm-n8,
  .my-sm-n8 {
    margin-bottom: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .ml-sm-n8,
  .mx-sm-n8 {
    margin-left: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .m-sm-n9 {
    margin: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mt-sm-n9,
  .my-sm-n9 {
    margin-top: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mr-sm-n9,
  .mx-sm-n9 {
    margin-right: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mb-sm-n9,
  .my-sm-n9 {
    margin-bottom: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .ml-sm-n9,
  .mx-sm-n9 {
    margin-left: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .m-sm-n10 {
    margin: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mt-sm-n10,
  .my-sm-n10 {
    margin-top: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mr-sm-n10,
  .mx-sm-n10 {
    margin-right: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mb-sm-n10,
  .my-sm-n10 {
    margin-bottom: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .ml-sm-n10,
  .mx-sm-n10 {
    margin-left: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: var(--spacer-0, 0) !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: var(--spacer-0, 0) !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: var(--spacer-0, 0) !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: var(--spacer-0, 0) !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: var(--spacer-0, 0) !important;
  }
  .m-md-1 {
    margin: var(--spacer-1, 4px) !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: var(--spacer-1, 4px) !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: var(--spacer-1, 4px) !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: var(--spacer-1, 4px) !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: var(--spacer-1, 4px) !important;
  }
  .m-md-2 {
    margin: var(--spacer-2, 8px) !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: var(--spacer-2, 8px) !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: var(--spacer-2, 8px) !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: var(--spacer-2, 8px) !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: var(--spacer-2, 8px) !important;
  }
  .m-md-3 {
    margin: var(--spacer-3, 16px) !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: var(--spacer-3, 16px) !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: var(--spacer-3, 16px) !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: var(--spacer-3, 16px) !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: var(--spacer-3, 16px) !important;
  }
  .m-md-4 {
    margin: var(--spacer-4, 24px) !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: var(--spacer-4, 24px) !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: var(--spacer-4, 24px) !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: var(--spacer-4, 24px) !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: var(--spacer-4, 24px) !important;
  }
  .m-md-5 {
    margin: var(--spacer-5, 32px) !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: var(--spacer-5, 32px) !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: var(--spacer-5, 32px) !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: var(--spacer-5, 32px) !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: var(--spacer-5, 32px) !important;
  }
  .m-md-6 {
    margin: var(--spacer-6, 40px) !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: var(--spacer-6, 40px) !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: var(--spacer-6, 40px) !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: var(--spacer-6, 40px) !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: var(--spacer-6, 40px) !important;
  }
  .m-md-7 {
    margin: var(--spacer-7, 48px) !important;
  }
  .mt-md-7,
  .my-md-7 {
    margin-top: var(--spacer-7, 48px) !important;
  }
  .mr-md-7,
  .mx-md-7 {
    margin-right: var(--spacer-7, 48px) !important;
  }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: var(--spacer-7, 48px) !important;
  }
  .ml-md-7,
  .mx-md-7 {
    margin-left: var(--spacer-7, 48px) !important;
  }
  .m-md-8 {
    margin: var(--spacer-8, 56px) !important;
  }
  .mt-md-8,
  .my-md-8 {
    margin-top: var(--spacer-8, 56px) !important;
  }
  .mr-md-8,
  .mx-md-8 {
    margin-right: var(--spacer-8, 56px) !important;
  }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: var(--spacer-8, 56px) !important;
  }
  .ml-md-8,
  .mx-md-8 {
    margin-left: var(--spacer-8, 56px) !important;
  }
  .m-md-9 {
    margin: var(--spacer-9, 64px) !important;
  }
  .mt-md-9,
  .my-md-9 {
    margin-top: var(--spacer-9, 64px) !important;
  }
  .mr-md-9,
  .mx-md-9 {
    margin-right: var(--spacer-9, 64px) !important;
  }
  .mb-md-9,
  .my-md-9 {
    margin-bottom: var(--spacer-9, 64px) !important;
  }
  .ml-md-9,
  .mx-md-9 {
    margin-left: var(--spacer-9, 64px) !important;
  }
  .m-md-10 {
    margin: var(--spacer-10, 80px) !important;
  }
  .mt-md-10,
  .my-md-10 {
    margin-top: var(--spacer-10, 80px) !important;
  }
  .mr-md-10,
  .mx-md-10 {
    margin-right: var(--spacer-10, 80px) !important;
  }
  .mb-md-10,
  .my-md-10 {
    margin-bottom: var(--spacer-10, 80px) !important;
  }
  .ml-md-10,
  .mx-md-10 {
    margin-left: var(--spacer-10, 80px) !important;
  }
  .p-md-0 {
    padding: var(--spacer-0, 0) !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: var(--spacer-0, 0) !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: var(--spacer-0, 0) !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: var(--spacer-0, 0) !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: var(--spacer-0, 0) !important;
  }
  .p-md-1 {
    padding: var(--spacer-1, 4px) !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: var(--spacer-1, 4px) !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: var(--spacer-1, 4px) !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: var(--spacer-1, 4px) !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: var(--spacer-1, 4px) !important;
  }
  .p-md-2 {
    padding: var(--spacer-2, 8px) !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: var(--spacer-2, 8px) !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: var(--spacer-2, 8px) !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: var(--spacer-2, 8px) !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: var(--spacer-2, 8px) !important;
  }
  .p-md-3 {
    padding: var(--spacer-3, 16px) !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: var(--spacer-3, 16px) !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: var(--spacer-3, 16px) !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: var(--spacer-3, 16px) !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: var(--spacer-3, 16px) !important;
  }
  .p-md-4 {
    padding: var(--spacer-4, 24px) !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: var(--spacer-4, 24px) !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: var(--spacer-4, 24px) !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: var(--spacer-4, 24px) !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: var(--spacer-4, 24px) !important;
  }
  .p-md-5 {
    padding: var(--spacer-5, 32px) !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: var(--spacer-5, 32px) !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: var(--spacer-5, 32px) !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: var(--spacer-5, 32px) !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: var(--spacer-5, 32px) !important;
  }
  .p-md-6 {
    padding: var(--spacer-6, 40px) !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: var(--spacer-6, 40px) !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: var(--spacer-6, 40px) !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: var(--spacer-6, 40px) !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: var(--spacer-6, 40px) !important;
  }
  .p-md-7 {
    padding: var(--spacer-7, 48px) !important;
  }
  .pt-md-7,
  .py-md-7 {
    padding-top: var(--spacer-7, 48px) !important;
  }
  .pr-md-7,
  .px-md-7 {
    padding-right: var(--spacer-7, 48px) !important;
  }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: var(--spacer-7, 48px) !important;
  }
  .pl-md-7,
  .px-md-7 {
    padding-left: var(--spacer-7, 48px) !important;
  }
  .p-md-8 {
    padding: var(--spacer-8, 56px) !important;
  }
  .pt-md-8,
  .py-md-8 {
    padding-top: var(--spacer-8, 56px) !important;
  }
  .pr-md-8,
  .px-md-8 {
    padding-right: var(--spacer-8, 56px) !important;
  }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: var(--spacer-8, 56px) !important;
  }
  .pl-md-8,
  .px-md-8 {
    padding-left: var(--spacer-8, 56px) !important;
  }
  .p-md-9 {
    padding: var(--spacer-9, 64px) !important;
  }
  .pt-md-9,
  .py-md-9 {
    padding-top: var(--spacer-9, 64px) !important;
  }
  .pr-md-9,
  .px-md-9 {
    padding-right: var(--spacer-9, 64px) !important;
  }
  .pb-md-9,
  .py-md-9 {
    padding-bottom: var(--spacer-9, 64px) !important;
  }
  .pl-md-9,
  .px-md-9 {
    padding-left: var(--spacer-9, 64px) !important;
  }
  .p-md-10 {
    padding: var(--spacer-10, 80px) !important;
  }
  .pt-md-10,
  .py-md-10 {
    padding-top: var(--spacer-10, 80px) !important;
  }
  .pr-md-10,
  .px-md-10 {
    padding-right: var(--spacer-10, 80px) !important;
  }
  .pb-md-10,
  .py-md-10 {
    padding-bottom: var(--spacer-10, 80px) !important;
  }
  .pl-md-10,
  .px-md-10 {
    padding-left: var(--spacer-10, 80px) !important;
  }
  .m-md-n1 {
    margin: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .m-md-n2 {
    margin: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .m-md-n3 {
    margin: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .m-md-n4 {
    margin: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .m-md-n5 {
    margin: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .m-md-n6 {
    margin: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mt-md-n6,
  .my-md-n6 {
    margin-top: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mr-md-n6,
  .mx-md-n6 {
    margin-right: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .ml-md-n6,
  .mx-md-n6 {
    margin-left: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .m-md-n7 {
    margin: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mt-md-n7,
  .my-md-n7 {
    margin-top: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mr-md-n7,
  .mx-md-n7 {
    margin-right: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mb-md-n7,
  .my-md-n7 {
    margin-bottom: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .ml-md-n7,
  .mx-md-n7 {
    margin-left: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .m-md-n8 {
    margin: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mt-md-n8,
  .my-md-n8 {
    margin-top: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mr-md-n8,
  .mx-md-n8 {
    margin-right: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mb-md-n8,
  .my-md-n8 {
    margin-bottom: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .ml-md-n8,
  .mx-md-n8 {
    margin-left: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .m-md-n9 {
    margin: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mt-md-n9,
  .my-md-n9 {
    margin-top: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mr-md-n9,
  .mx-md-n9 {
    margin-right: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mb-md-n9,
  .my-md-n9 {
    margin-bottom: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .ml-md-n9,
  .mx-md-n9 {
    margin-left: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .m-md-n10 {
    margin: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mt-md-n10,
  .my-md-n10 {
    margin-top: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mr-md-n10,
  .mx-md-n10 {
    margin-right: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mb-md-n10,
  .my-md-n10 {
    margin-bottom: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .ml-md-n10,
  .mx-md-n10 {
    margin-left: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: var(--spacer-0, 0) !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: var(--spacer-0, 0) !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: var(--spacer-0, 0) !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: var(--spacer-0, 0) !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: var(--spacer-0, 0) !important;
  }
  .m-lg-1 {
    margin: var(--spacer-1, 4px) !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: var(--spacer-1, 4px) !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: var(--spacer-1, 4px) !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: var(--spacer-1, 4px) !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: var(--spacer-1, 4px) !important;
  }
  .m-lg-2 {
    margin: var(--spacer-2, 8px) !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: var(--spacer-2, 8px) !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: var(--spacer-2, 8px) !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: var(--spacer-2, 8px) !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: var(--spacer-2, 8px) !important;
  }
  .m-lg-3 {
    margin: var(--spacer-3, 16px) !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: var(--spacer-3, 16px) !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: var(--spacer-3, 16px) !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: var(--spacer-3, 16px) !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: var(--spacer-3, 16px) !important;
  }
  .m-lg-4 {
    margin: var(--spacer-4, 24px) !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: var(--spacer-4, 24px) !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: var(--spacer-4, 24px) !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: var(--spacer-4, 24px) !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: var(--spacer-4, 24px) !important;
  }
  .m-lg-5 {
    margin: var(--spacer-5, 32px) !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: var(--spacer-5, 32px) !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: var(--spacer-5, 32px) !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: var(--spacer-5, 32px) !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: var(--spacer-5, 32px) !important;
  }
  .m-lg-6 {
    margin: var(--spacer-6, 40px) !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: var(--spacer-6, 40px) !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: var(--spacer-6, 40px) !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: var(--spacer-6, 40px) !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: var(--spacer-6, 40px) !important;
  }
  .m-lg-7 {
    margin: var(--spacer-7, 48px) !important;
  }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: var(--spacer-7, 48px) !important;
  }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: var(--spacer-7, 48px) !important;
  }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: var(--spacer-7, 48px) !important;
  }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: var(--spacer-7, 48px) !important;
  }
  .m-lg-8 {
    margin: var(--spacer-8, 56px) !important;
  }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: var(--spacer-8, 56px) !important;
  }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: var(--spacer-8, 56px) !important;
  }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: var(--spacer-8, 56px) !important;
  }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: var(--spacer-8, 56px) !important;
  }
  .m-lg-9 {
    margin: var(--spacer-9, 64px) !important;
  }
  .mt-lg-9,
  .my-lg-9 {
    margin-top: var(--spacer-9, 64px) !important;
  }
  .mr-lg-9,
  .mx-lg-9 {
    margin-right: var(--spacer-9, 64px) !important;
  }
  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: var(--spacer-9, 64px) !important;
  }
  .ml-lg-9,
  .mx-lg-9 {
    margin-left: var(--spacer-9, 64px) !important;
  }
  .m-lg-10 {
    margin: var(--spacer-10, 80px) !important;
  }
  .mt-lg-10,
  .my-lg-10 {
    margin-top: var(--spacer-10, 80px) !important;
  }
  .mr-lg-10,
  .mx-lg-10 {
    margin-right: var(--spacer-10, 80px) !important;
  }
  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: var(--spacer-10, 80px) !important;
  }
  .ml-lg-10,
  .mx-lg-10 {
    margin-left: var(--spacer-10, 80px) !important;
  }
  .p-lg-0 {
    padding: var(--spacer-0, 0) !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: var(--spacer-0, 0) !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: var(--spacer-0, 0) !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: var(--spacer-0, 0) !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: var(--spacer-0, 0) !important;
  }
  .p-lg-1 {
    padding: var(--spacer-1, 4px) !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: var(--spacer-1, 4px) !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: var(--spacer-1, 4px) !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: var(--spacer-1, 4px) !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: var(--spacer-1, 4px) !important;
  }
  .p-lg-2 {
    padding: var(--spacer-2, 8px) !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: var(--spacer-2, 8px) !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: var(--spacer-2, 8px) !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: var(--spacer-2, 8px) !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: var(--spacer-2, 8px) !important;
  }
  .p-lg-3 {
    padding: var(--spacer-3, 16px) !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: var(--spacer-3, 16px) !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: var(--spacer-3, 16px) !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: var(--spacer-3, 16px) !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: var(--spacer-3, 16px) !important;
  }
  .p-lg-4 {
    padding: var(--spacer-4, 24px) !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: var(--spacer-4, 24px) !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: var(--spacer-4, 24px) !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: var(--spacer-4, 24px) !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: var(--spacer-4, 24px) !important;
  }
  .p-lg-5 {
    padding: var(--spacer-5, 32px) !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: var(--spacer-5, 32px) !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: var(--spacer-5, 32px) !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: var(--spacer-5, 32px) !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: var(--spacer-5, 32px) !important;
  }
  .p-lg-6 {
    padding: var(--spacer-6, 40px) !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: var(--spacer-6, 40px) !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: var(--spacer-6, 40px) !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: var(--spacer-6, 40px) !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: var(--spacer-6, 40px) !important;
  }
  .p-lg-7 {
    padding: var(--spacer-7, 48px) !important;
  }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: var(--spacer-7, 48px) !important;
  }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: var(--spacer-7, 48px) !important;
  }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: var(--spacer-7, 48px) !important;
  }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: var(--spacer-7, 48px) !important;
  }
  .p-lg-8 {
    padding: var(--spacer-8, 56px) !important;
  }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: var(--spacer-8, 56px) !important;
  }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: var(--spacer-8, 56px) !important;
  }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: var(--spacer-8, 56px) !important;
  }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: var(--spacer-8, 56px) !important;
  }
  .p-lg-9 {
    padding: var(--spacer-9, 64px) !important;
  }
  .pt-lg-9,
  .py-lg-9 {
    padding-top: var(--spacer-9, 64px) !important;
  }
  .pr-lg-9,
  .px-lg-9 {
    padding-right: var(--spacer-9, 64px) !important;
  }
  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: var(--spacer-9, 64px) !important;
  }
  .pl-lg-9,
  .px-lg-9 {
    padding-left: var(--spacer-9, 64px) !important;
  }
  .p-lg-10 {
    padding: var(--spacer-10, 80px) !important;
  }
  .pt-lg-10,
  .py-lg-10 {
    padding-top: var(--spacer-10, 80px) !important;
  }
  .pr-lg-10,
  .px-lg-10 {
    padding-right: var(--spacer-10, 80px) !important;
  }
  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: var(--spacer-10, 80px) !important;
  }
  .pl-lg-10,
  .px-lg-10 {
    padding-left: var(--spacer-10, 80px) !important;
  }
  .m-lg-n1 {
    margin: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .m-lg-n2 {
    margin: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .m-lg-n3 {
    margin: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .m-lg-n4 {
    margin: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .m-lg-n5 {
    margin: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .m-lg-n6 {
    margin: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mr-lg-n6,
  .mx-lg-n6 {
    margin-right: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .ml-lg-n6,
  .mx-lg-n6 {
    margin-left: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .m-lg-n7 {
    margin: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mt-lg-n7,
  .my-lg-n7 {
    margin-top: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mr-lg-n7,
  .mx-lg-n7 {
    margin-right: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mb-lg-n7,
  .my-lg-n7 {
    margin-bottom: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .ml-lg-n7,
  .mx-lg-n7 {
    margin-left: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .m-lg-n8 {
    margin: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mt-lg-n8,
  .my-lg-n8 {
    margin-top: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mr-lg-n8,
  .mx-lg-n8 {
    margin-right: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mb-lg-n8,
  .my-lg-n8 {
    margin-bottom: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .ml-lg-n8,
  .mx-lg-n8 {
    margin-left: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .m-lg-n9 {
    margin: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mt-lg-n9,
  .my-lg-n9 {
    margin-top: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mr-lg-n9,
  .mx-lg-n9 {
    margin-right: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mb-lg-n9,
  .my-lg-n9 {
    margin-bottom: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .ml-lg-n9,
  .mx-lg-n9 {
    margin-left: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .m-lg-n10 {
    margin: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mt-lg-n10,
  .my-lg-n10 {
    margin-top: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mr-lg-n10,
  .mx-lg-n10 {
    margin-right: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mb-lg-n10,
  .my-lg-n10 {
    margin-bottom: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .ml-lg-n10,
  .mx-lg-n10 {
    margin-left: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1280px) {
  .m-xl-0 {
    margin: var(--spacer-0, 0) !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: var(--spacer-0, 0) !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: var(--spacer-0, 0) !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: var(--spacer-0, 0) !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: var(--spacer-0, 0) !important;
  }
  .m-xl-1 {
    margin: var(--spacer-1, 4px) !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: var(--spacer-1, 4px) !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: var(--spacer-1, 4px) !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: var(--spacer-1, 4px) !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: var(--spacer-1, 4px) !important;
  }
  .m-xl-2 {
    margin: var(--spacer-2, 8px) !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: var(--spacer-2, 8px) !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: var(--spacer-2, 8px) !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: var(--spacer-2, 8px) !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: var(--spacer-2, 8px) !important;
  }
  .m-xl-3 {
    margin: var(--spacer-3, 16px) !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: var(--spacer-3, 16px) !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: var(--spacer-3, 16px) !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: var(--spacer-3, 16px) !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: var(--spacer-3, 16px) !important;
  }
  .m-xl-4 {
    margin: var(--spacer-4, 24px) !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: var(--spacer-4, 24px) !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: var(--spacer-4, 24px) !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: var(--spacer-4, 24px) !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: var(--spacer-4, 24px) !important;
  }
  .m-xl-5 {
    margin: var(--spacer-5, 32px) !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: var(--spacer-5, 32px) !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: var(--spacer-5, 32px) !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: var(--spacer-5, 32px) !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: var(--spacer-5, 32px) !important;
  }
  .m-xl-6 {
    margin: var(--spacer-6, 40px) !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: var(--spacer-6, 40px) !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: var(--spacer-6, 40px) !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: var(--spacer-6, 40px) !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: var(--spacer-6, 40px) !important;
  }
  .m-xl-7 {
    margin: var(--spacer-7, 48px) !important;
  }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: var(--spacer-7, 48px) !important;
  }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: var(--spacer-7, 48px) !important;
  }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: var(--spacer-7, 48px) !important;
  }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: var(--spacer-7, 48px) !important;
  }
  .m-xl-8 {
    margin: var(--spacer-8, 56px) !important;
  }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: var(--spacer-8, 56px) !important;
  }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: var(--spacer-8, 56px) !important;
  }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: var(--spacer-8, 56px) !important;
  }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: var(--spacer-8, 56px) !important;
  }
  .m-xl-9 {
    margin: var(--spacer-9, 64px) !important;
  }
  .mt-xl-9,
  .my-xl-9 {
    margin-top: var(--spacer-9, 64px) !important;
  }
  .mr-xl-9,
  .mx-xl-9 {
    margin-right: var(--spacer-9, 64px) !important;
  }
  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: var(--spacer-9, 64px) !important;
  }
  .ml-xl-9,
  .mx-xl-9 {
    margin-left: var(--spacer-9, 64px) !important;
  }
  .m-xl-10 {
    margin: var(--spacer-10, 80px) !important;
  }
  .mt-xl-10,
  .my-xl-10 {
    margin-top: var(--spacer-10, 80px) !important;
  }
  .mr-xl-10,
  .mx-xl-10 {
    margin-right: var(--spacer-10, 80px) !important;
  }
  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: var(--spacer-10, 80px) !important;
  }
  .ml-xl-10,
  .mx-xl-10 {
    margin-left: var(--spacer-10, 80px) !important;
  }
  .p-xl-0 {
    padding: var(--spacer-0, 0) !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: var(--spacer-0, 0) !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: var(--spacer-0, 0) !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: var(--spacer-0, 0) !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: var(--spacer-0, 0) !important;
  }
  .p-xl-1 {
    padding: var(--spacer-1, 4px) !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: var(--spacer-1, 4px) !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: var(--spacer-1, 4px) !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: var(--spacer-1, 4px) !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: var(--spacer-1, 4px) !important;
  }
  .p-xl-2 {
    padding: var(--spacer-2, 8px) !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: var(--spacer-2, 8px) !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: var(--spacer-2, 8px) !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: var(--spacer-2, 8px) !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: var(--spacer-2, 8px) !important;
  }
  .p-xl-3 {
    padding: var(--spacer-3, 16px) !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: var(--spacer-3, 16px) !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: var(--spacer-3, 16px) !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: var(--spacer-3, 16px) !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: var(--spacer-3, 16px) !important;
  }
  .p-xl-4 {
    padding: var(--spacer-4, 24px) !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: var(--spacer-4, 24px) !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: var(--spacer-4, 24px) !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: var(--spacer-4, 24px) !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: var(--spacer-4, 24px) !important;
  }
  .p-xl-5 {
    padding: var(--spacer-5, 32px) !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: var(--spacer-5, 32px) !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: var(--spacer-5, 32px) !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: var(--spacer-5, 32px) !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: var(--spacer-5, 32px) !important;
  }
  .p-xl-6 {
    padding: var(--spacer-6, 40px) !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: var(--spacer-6, 40px) !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: var(--spacer-6, 40px) !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: var(--spacer-6, 40px) !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: var(--spacer-6, 40px) !important;
  }
  .p-xl-7 {
    padding: var(--spacer-7, 48px) !important;
  }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: var(--spacer-7, 48px) !important;
  }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: var(--spacer-7, 48px) !important;
  }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: var(--spacer-7, 48px) !important;
  }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: var(--spacer-7, 48px) !important;
  }
  .p-xl-8 {
    padding: var(--spacer-8, 56px) !important;
  }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: var(--spacer-8, 56px) !important;
  }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: var(--spacer-8, 56px) !important;
  }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: var(--spacer-8, 56px) !important;
  }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: var(--spacer-8, 56px) !important;
  }
  .p-xl-9 {
    padding: var(--spacer-9, 64px) !important;
  }
  .pt-xl-9,
  .py-xl-9 {
    padding-top: var(--spacer-9, 64px) !important;
  }
  .pr-xl-9,
  .px-xl-9 {
    padding-right: var(--spacer-9, 64px) !important;
  }
  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: var(--spacer-9, 64px) !important;
  }
  .pl-xl-9,
  .px-xl-9 {
    padding-left: var(--spacer-9, 64px) !important;
  }
  .p-xl-10 {
    padding: var(--spacer-10, 80px) !important;
  }
  .pt-xl-10,
  .py-xl-10 {
    padding-top: var(--spacer-10, 80px) !important;
  }
  .pr-xl-10,
  .px-xl-10 {
    padding-right: var(--spacer-10, 80px) !important;
  }
  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: var(--spacer-10, 80px) !important;
  }
  .pl-xl-10,
  .px-xl-10 {
    padding-left: var(--spacer-10, 80px) !important;
  }
  .m-xl-n1 {
    margin: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .m-xl-n2 {
    margin: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .m-xl-n3 {
    margin: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .m-xl-n4 {
    margin: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .m-xl-n5 {
    margin: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .m-xl-n6 {
    margin: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mr-xl-n6,
  .mx-xl-n6 {
    margin-right: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .ml-xl-n6,
  .mx-xl-n6 {
    margin-left: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .m-xl-n7 {
    margin: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mt-xl-n7,
  .my-xl-n7 {
    margin-top: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mr-xl-n7,
  .mx-xl-n7 {
    margin-right: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mb-xl-n7,
  .my-xl-n7 {
    margin-bottom: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .ml-xl-n7,
  .mx-xl-n7 {
    margin-left: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .m-xl-n8 {
    margin: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mt-xl-n8,
  .my-xl-n8 {
    margin-top: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mr-xl-n8,
  .mx-xl-n8 {
    margin-right: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mb-xl-n8,
  .my-xl-n8 {
    margin-bottom: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .ml-xl-n8,
  .mx-xl-n8 {
    margin-left: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .m-xl-n9 {
    margin: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mt-xl-n9,
  .my-xl-n9 {
    margin-top: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mr-xl-n9,
  .mx-xl-n9 {
    margin-right: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mb-xl-n9,
  .my-xl-n9 {
    margin-bottom: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .ml-xl-n9,
  .mx-xl-n9 {
    margin-left: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .m-xl-n10 {
    margin: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mt-xl-n10,
  .my-xl-n10 {
    margin-top: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mr-xl-n10,
  .mx-xl-n10 {
    margin-right: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mb-xl-n10,
  .my-xl-n10 {
    margin-bottom: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .ml-xl-n10,
  .mx-xl-n10 {
    margin-left: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1440px) {
  .m-xxl-0 {
    margin: var(--spacer-0, 0) !important;
  }
  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: var(--spacer-0, 0) !important;
  }
  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: var(--spacer-0, 0) !important;
  }
  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: var(--spacer-0, 0) !important;
  }
  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: var(--spacer-0, 0) !important;
  }
  .m-xxl-1 {
    margin: var(--spacer-1, 4px) !important;
  }
  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: var(--spacer-1, 4px) !important;
  }
  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: var(--spacer-1, 4px) !important;
  }
  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: var(--spacer-1, 4px) !important;
  }
  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: var(--spacer-1, 4px) !important;
  }
  .m-xxl-2 {
    margin: var(--spacer-2, 8px) !important;
  }
  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: var(--spacer-2, 8px) !important;
  }
  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: var(--spacer-2, 8px) !important;
  }
  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: var(--spacer-2, 8px) !important;
  }
  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: var(--spacer-2, 8px) !important;
  }
  .m-xxl-3 {
    margin: var(--spacer-3, 16px) !important;
  }
  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: var(--spacer-3, 16px) !important;
  }
  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: var(--spacer-3, 16px) !important;
  }
  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: var(--spacer-3, 16px) !important;
  }
  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: var(--spacer-3, 16px) !important;
  }
  .m-xxl-4 {
    margin: var(--spacer-4, 24px) !important;
  }
  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: var(--spacer-4, 24px) !important;
  }
  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: var(--spacer-4, 24px) !important;
  }
  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: var(--spacer-4, 24px) !important;
  }
  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: var(--spacer-4, 24px) !important;
  }
  .m-xxl-5 {
    margin: var(--spacer-5, 32px) !important;
  }
  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: var(--spacer-5, 32px) !important;
  }
  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: var(--spacer-5, 32px) !important;
  }
  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: var(--spacer-5, 32px) !important;
  }
  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: var(--spacer-5, 32px) !important;
  }
  .m-xxl-6 {
    margin: var(--spacer-6, 40px) !important;
  }
  .mt-xxl-6,
  .my-xxl-6 {
    margin-top: var(--spacer-6, 40px) !important;
  }
  .mr-xxl-6,
  .mx-xxl-6 {
    margin-right: var(--spacer-6, 40px) !important;
  }
  .mb-xxl-6,
  .my-xxl-6 {
    margin-bottom: var(--spacer-6, 40px) !important;
  }
  .ml-xxl-6,
  .mx-xxl-6 {
    margin-left: var(--spacer-6, 40px) !important;
  }
  .m-xxl-7 {
    margin: var(--spacer-7, 48px) !important;
  }
  .mt-xxl-7,
  .my-xxl-7 {
    margin-top: var(--spacer-7, 48px) !important;
  }
  .mr-xxl-7,
  .mx-xxl-7 {
    margin-right: var(--spacer-7, 48px) !important;
  }
  .mb-xxl-7,
  .my-xxl-7 {
    margin-bottom: var(--spacer-7, 48px) !important;
  }
  .ml-xxl-7,
  .mx-xxl-7 {
    margin-left: var(--spacer-7, 48px) !important;
  }
  .m-xxl-8 {
    margin: var(--spacer-8, 56px) !important;
  }
  .mt-xxl-8,
  .my-xxl-8 {
    margin-top: var(--spacer-8, 56px) !important;
  }
  .mr-xxl-8,
  .mx-xxl-8 {
    margin-right: var(--spacer-8, 56px) !important;
  }
  .mb-xxl-8,
  .my-xxl-8 {
    margin-bottom: var(--spacer-8, 56px) !important;
  }
  .ml-xxl-8,
  .mx-xxl-8 {
    margin-left: var(--spacer-8, 56px) !important;
  }
  .m-xxl-9 {
    margin: var(--spacer-9, 64px) !important;
  }
  .mt-xxl-9,
  .my-xxl-9 {
    margin-top: var(--spacer-9, 64px) !important;
  }
  .mr-xxl-9,
  .mx-xxl-9 {
    margin-right: var(--spacer-9, 64px) !important;
  }
  .mb-xxl-9,
  .my-xxl-9 {
    margin-bottom: var(--spacer-9, 64px) !important;
  }
  .ml-xxl-9,
  .mx-xxl-9 {
    margin-left: var(--spacer-9, 64px) !important;
  }
  .m-xxl-10 {
    margin: var(--spacer-10, 80px) !important;
  }
  .mt-xxl-10,
  .my-xxl-10 {
    margin-top: var(--spacer-10, 80px) !important;
  }
  .mr-xxl-10,
  .mx-xxl-10 {
    margin-right: var(--spacer-10, 80px) !important;
  }
  .mb-xxl-10,
  .my-xxl-10 {
    margin-bottom: var(--spacer-10, 80px) !important;
  }
  .ml-xxl-10,
  .mx-xxl-10 {
    margin-left: var(--spacer-10, 80px) !important;
  }
  .p-xxl-0 {
    padding: var(--spacer-0, 0) !important;
  }
  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: var(--spacer-0, 0) !important;
  }
  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: var(--spacer-0, 0) !important;
  }
  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: var(--spacer-0, 0) !important;
  }
  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: var(--spacer-0, 0) !important;
  }
  .p-xxl-1 {
    padding: var(--spacer-1, 4px) !important;
  }
  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: var(--spacer-1, 4px) !important;
  }
  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: var(--spacer-1, 4px) !important;
  }
  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: var(--spacer-1, 4px) !important;
  }
  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: var(--spacer-1, 4px) !important;
  }
  .p-xxl-2 {
    padding: var(--spacer-2, 8px) !important;
  }
  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: var(--spacer-2, 8px) !important;
  }
  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: var(--spacer-2, 8px) !important;
  }
  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: var(--spacer-2, 8px) !important;
  }
  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: var(--spacer-2, 8px) !important;
  }
  .p-xxl-3 {
    padding: var(--spacer-3, 16px) !important;
  }
  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: var(--spacer-3, 16px) !important;
  }
  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: var(--spacer-3, 16px) !important;
  }
  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: var(--spacer-3, 16px) !important;
  }
  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: var(--spacer-3, 16px) !important;
  }
  .p-xxl-4 {
    padding: var(--spacer-4, 24px) !important;
  }
  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: var(--spacer-4, 24px) !important;
  }
  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: var(--spacer-4, 24px) !important;
  }
  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: var(--spacer-4, 24px) !important;
  }
  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: var(--spacer-4, 24px) !important;
  }
  .p-xxl-5 {
    padding: var(--spacer-5, 32px) !important;
  }
  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: var(--spacer-5, 32px) !important;
  }
  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: var(--spacer-5, 32px) !important;
  }
  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: var(--spacer-5, 32px) !important;
  }
  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: var(--spacer-5, 32px) !important;
  }
  .p-xxl-6 {
    padding: var(--spacer-6, 40px) !important;
  }
  .pt-xxl-6,
  .py-xxl-6 {
    padding-top: var(--spacer-6, 40px) !important;
  }
  .pr-xxl-6,
  .px-xxl-6 {
    padding-right: var(--spacer-6, 40px) !important;
  }
  .pb-xxl-6,
  .py-xxl-6 {
    padding-bottom: var(--spacer-6, 40px) !important;
  }
  .pl-xxl-6,
  .px-xxl-6 {
    padding-left: var(--spacer-6, 40px) !important;
  }
  .p-xxl-7 {
    padding: var(--spacer-7, 48px) !important;
  }
  .pt-xxl-7,
  .py-xxl-7 {
    padding-top: var(--spacer-7, 48px) !important;
  }
  .pr-xxl-7,
  .px-xxl-7 {
    padding-right: var(--spacer-7, 48px) !important;
  }
  .pb-xxl-7,
  .py-xxl-7 {
    padding-bottom: var(--spacer-7, 48px) !important;
  }
  .pl-xxl-7,
  .px-xxl-7 {
    padding-left: var(--spacer-7, 48px) !important;
  }
  .p-xxl-8 {
    padding: var(--spacer-8, 56px) !important;
  }
  .pt-xxl-8,
  .py-xxl-8 {
    padding-top: var(--spacer-8, 56px) !important;
  }
  .pr-xxl-8,
  .px-xxl-8 {
    padding-right: var(--spacer-8, 56px) !important;
  }
  .pb-xxl-8,
  .py-xxl-8 {
    padding-bottom: var(--spacer-8, 56px) !important;
  }
  .pl-xxl-8,
  .px-xxl-8 {
    padding-left: var(--spacer-8, 56px) !important;
  }
  .p-xxl-9 {
    padding: var(--spacer-9, 64px) !important;
  }
  .pt-xxl-9,
  .py-xxl-9 {
    padding-top: var(--spacer-9, 64px) !important;
  }
  .pr-xxl-9,
  .px-xxl-9 {
    padding-right: var(--spacer-9, 64px) !important;
  }
  .pb-xxl-9,
  .py-xxl-9 {
    padding-bottom: var(--spacer-9, 64px) !important;
  }
  .pl-xxl-9,
  .px-xxl-9 {
    padding-left: var(--spacer-9, 64px) !important;
  }
  .p-xxl-10 {
    padding: var(--spacer-10, 80px) !important;
  }
  .pt-xxl-10,
  .py-xxl-10 {
    padding-top: var(--spacer-10, 80px) !important;
  }
  .pr-xxl-10,
  .px-xxl-10 {
    padding-right: var(--spacer-10, 80px) !important;
  }
  .pb-xxl-10,
  .py-xxl-10 {
    padding-bottom: var(--spacer-10, 80px) !important;
  }
  .pl-xxl-10,
  .px-xxl-10 {
    padding-left: var(--spacer-10, 80px) !important;
  }
  .m-xxl-n1 {
    margin: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mt-xxl-n1,
  .my-xxl-n1 {
    margin-top: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mr-xxl-n1,
  .mx-xxl-n1 {
    margin-right: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mb-xxl-n1,
  .my-xxl-n1 {
    margin-bottom: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .ml-xxl-n1,
  .mx-xxl-n1 {
    margin-left: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .m-xxl-n2 {
    margin: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mt-xxl-n2,
  .my-xxl-n2 {
    margin-top: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mr-xxl-n2,
  .mx-xxl-n2 {
    margin-right: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mb-xxl-n2,
  .my-xxl-n2 {
    margin-bottom: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .ml-xxl-n2,
  .mx-xxl-n2 {
    margin-left: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .m-xxl-n3 {
    margin: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mt-xxl-n3,
  .my-xxl-n3 {
    margin-top: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mr-xxl-n3,
  .mx-xxl-n3 {
    margin-right: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mb-xxl-n3,
  .my-xxl-n3 {
    margin-bottom: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .ml-xxl-n3,
  .mx-xxl-n3 {
    margin-left: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .m-xxl-n4 {
    margin: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mt-xxl-n4,
  .my-xxl-n4 {
    margin-top: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mr-xxl-n4,
  .mx-xxl-n4 {
    margin-right: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mb-xxl-n4,
  .my-xxl-n4 {
    margin-bottom: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .ml-xxl-n4,
  .mx-xxl-n4 {
    margin-left: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .m-xxl-n5 {
    margin: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mt-xxl-n5,
  .my-xxl-n5 {
    margin-top: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mr-xxl-n5,
  .mx-xxl-n5 {
    margin-right: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mb-xxl-n5,
  .my-xxl-n5 {
    margin-bottom: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .ml-xxl-n5,
  .mx-xxl-n5 {
    margin-left: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .m-xxl-n6 {
    margin: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mt-xxl-n6,
  .my-xxl-n6 {
    margin-top: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mr-xxl-n6,
  .mx-xxl-n6 {
    margin-right: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mb-xxl-n6,
  .my-xxl-n6 {
    margin-bottom: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .ml-xxl-n6,
  .mx-xxl-n6 {
    margin-left: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .m-xxl-n7 {
    margin: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mt-xxl-n7,
  .my-xxl-n7 {
    margin-top: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mr-xxl-n7,
  .mx-xxl-n7 {
    margin-right: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mb-xxl-n7,
  .my-xxl-n7 {
    margin-bottom: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .ml-xxl-n7,
  .mx-xxl-n7 {
    margin-left: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .m-xxl-n8 {
    margin: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mt-xxl-n8,
  .my-xxl-n8 {
    margin-top: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mr-xxl-n8,
  .mx-xxl-n8 {
    margin-right: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mb-xxl-n8,
  .my-xxl-n8 {
    margin-bottom: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .ml-xxl-n8,
  .mx-xxl-n8 {
    margin-left: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .m-xxl-n9 {
    margin: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mt-xxl-n9,
  .my-xxl-n9 {
    margin-top: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mr-xxl-n9,
  .mx-xxl-n9 {
    margin-right: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mb-xxl-n9,
  .my-xxl-n9 {
    margin-bottom: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .ml-xxl-n9,
  .mx-xxl-n9 {
    margin-left: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .m-xxl-n10 {
    margin: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mt-xxl-n10,
  .my-xxl-n10 {
    margin-top: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mr-xxl-n10,
  .mx-xxl-n10 {
    margin-right: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mb-xxl-n10,
  .my-xxl-n10 {
    margin-bottom: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .ml-xxl-n10,
  .mx-xxl-n10 {
    margin-left: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

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

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1280px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1440px) {
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

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

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-lighter,
.text-weight-lighter {
  font-weight: var(--font-weight-lighter, lighter) !important;
}

.font-weight-light,
.text-weight-light {
  font-weight: var(--font-weight-light, 300) !important;
}

.font-weight-normal,
.text-weight-normal {
  font-weight: var(--font-weight-normal, 400) !important;
}

.font-weight-semi-bold,
.text-weight-semi-bold {
  font-weight: var(--font-weight-semi-bold, 500) !important;
}

.font-weight-bold,
.text-weight-bold {
  font-weight: var(--font-weight-bold, 700) !important;
}

.font-weight-bolder,
.text-weight-bolder {
  font-weight: var(--font-weight-bolder, 900) !important;
}

.font-italic,
.text-italic {
  font-style: italic !important;
}

.font-monospace,
.text-monospace {
  font-family: sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace !important;
}

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

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

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

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

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

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

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

.text-8 {
  font-size: 1.75rem;
}

.text-9 {
  font-size: 2rem;
}

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

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

.text-white {
  color: #fff !important;
}

.text-primary {
  color: var(--primary, #005D44) !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #00110c !important;
}

.text-secondary {
  color: var(--secondary, #6b6c7e) !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #484955 !important;
}

.text-success {
  color: var(--success, #287d3c) !important;
}

a.text-success:hover, a.text-success:focus {
  color: #154320 !important;
}

.text-info {
  color: var(--info, #2e5aac) !important;
}

a.text-info:hover, a.text-info:focus {
  color: #1e3a70 !important;
}

.text-warning {
  color: var(--warning, #b95000) !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #6d2f00 !important;
}

.text-danger {
  color: var(--danger, #da1414) !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #940e0e !important;
}

.text-light {
  color: var(--light, #f1f2f5) !important;
}

a.text-light:hover, a.text-light:focus {
  color: #c4c9d5 !important;
}

.text-dark {
  color: var(--dark, #272833) !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #060608 !important;
}

.text-body {
  color: var(--body-color, #344243) !important;
}

.text-muted {
  color: var(--text-muted, #a7a9bc) !important;
}

.text-black-50 {
  color: rgba(7, 29, 31, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-gray-dark {
  color: var(--gray-800, #393a4a) !important;
}

.text-lighter {
  color: var(--gray-100, #f7f8f9) !important;
}

.text-hide {
  background-color: transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
}

.text-decoration-none {
  text-decoration: none !important;
}

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

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@keyframes loading-animation-circle {
  100% {
    transform: rotate(360deg);
  }
}
.loading-animation {
  display: block;
  height: 1em;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: 1em;
}
.loading-animation::before {
  animation: loading-animation-circle 1s linear infinite;
  border-radius: 50%;
  box-shadow: -0.03125em -0.375em 0 0 currentColor;
  content: "";
  height: 0.25em;
  left: 50%;
  margin-left: -0.125em;
  margin-top: -0.125em;
  position: absolute;
  top: 50%;
  width: 0.25em;
}
.loading-animation::after {
  animation: loading-animation-circle 1s linear infinite;
  background-color: currentColor;
  border-radius: 50%;
  content: "";
  display: block;
  height: 1em;
  -webkit-mask: conic-gradient(transparent 10%, #000), linear-gradient(#000 0 0) content-box;
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  padding: 0.25em;
  width: 1em;
}

@keyframes loading-animation-squares-box-1 {
  0% {
    left: 0;
    opacity: 0.4;
    top: 0;
    transform: scale(1);
  }
  25% {
    left: calc(100% - 1em);
    opacity: 0.4;
    top: 0;
    transform: scale(1);
  }
  50% {
    left: calc(100% - 1.5em);
    opacity: 1;
    top: calc(100% - 1.5em);
    transform: scale(2);
  }
  75% {
    left: 0.5em;
    opacity: 1;
    top: calc(100% - 1.5em);
    transform: scale(2);
  }
}
@keyframes loading-animation-squares-box-2 {
  0% {
    left: calc(100% - 1.5em);
    opacity: 1;
    top: calc(100% - 1.5em);
    transform: scale(2);
  }
  25% {
    left: 0.5em;
    opacity: 1;
    top: calc(100% - 1.5em);
    transform: scale(2);
  }
  50% {
    left: 0;
    opacity: 0.4;
    top: 0;
    transform: scale(1);
  }
  75% {
    left: calc(100% - 1em);
    opacity: 0.4;
    top: 0;
    transform: scale(1);
  }
}
.loading-animation-squares {
  display: block;
  height: 1em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: 1em;
}
.loading-animation-squares::before {
  animation: loading-animation-squares-box-1 2.4s ease-in-out infinite;
  background-color: currentColor;
  border-radius: 0.2em;
  content: "";
  display: block;
  font-size: 0.3125em;
  height: 1em;
  left: 0;
  opacity: 0.4;
  position: absolute;
  top: 0;
  transform: scale(1);
  width: 1em;
}
.loading-animation-squares::after {
  animation: loading-animation-squares-box-2 2.4s ease-in-out infinite;
  background-color: currentColor;
  border-radius: 0.2em;
  content: "";
  display: block;
  font-size: 0.3125em;
  height: 1em;
  left: calc(100% - 1.5em);
  opacity: 1;
  position: absolute;
  top: calc(100% - 1.5em);
  transform: scale(2);
  width: 1em;
}

.loading-animation-xs {
  font-size: 0.625rem;
}
.loading-animation-sm {
  font-size: 1rem;
}
.loading-animation-md {
  font-size: 2rem;
}
.loading-animation-lg {
  font-size: 4rem;
}
.loading-animation-primary {
  color: #005D44;
}
.loading-animation-secondary {
  color: #6b6c7e;
}
.loading-animation-light {
  color: #fff;
}
/* SPDX-SnippetBegin
 * SPDX-License-Identifier: MIT
 * SPDX-SnippetCopyrightText: © 2018 HTML5 Boilerplate <https://github.com/h5bp/main.css>
 */
@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 0.0625rem solid #a7a9bc;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 0.0625rem solid #071D1F;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #e7e7ed !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #e7e7ed;
  }
  .table .thead-dark th {
    border-color: #e7e7ed;
    color: inherit;
  }
}
/* SPDX-SnippetEnd */
:root {
  --white: #fff;
  --neutral-5: #f7fafa;
  --neutral-10: #EDF0F0;
  --neutral-20: #E6E8E8;
  --neutral-30: #D7DBDB;
  --neutral-40: #CBD1D1;
  --neutral-50: #BCC4C4;
  --neutral-60: #ACB5B5;
  --neutral-90: #98A2A3;
  --neutral-100: #7e8c8d;
  --neutral-300: #5D6F70;
  --neutral-700: #344243;
  --green-5: #f7fafa;
  --green-10: #edf0f0;
  --green-20: #e6e8e8;
  --green-30: #d7d8d8;
  --green-40: #cbd1d1;
  --green-50: #bcc4c4;
  --green-60: #acb5b5;
  --green-90: #98a2a3;
  --green-100: #7e8c8d;
  --green-300: #5d6f70;
  --green-700: #344243;
  --green-black: #071d1f;
  --primary-10: #EDF4F2;
  --primary-20: #E1EBE8;
  --primary-50: #ADC9C2;
  --primary-70: #86B0A5;
  --primary-90: #60998A;
  --primary-200: #377D6A;
  --primary-400: #005D44;
  --primary-600: #013E2E;
  --secondary-10: #EDF5EB;
  --secondary-30: #CFE6CA;
  --secondary-40: #B6D9B0;
  --secondary-50: #9ECC95;
  --secondary-60: #84C078;
  --secondary-80: #64B054;
  --secondary-400: #335C2B;
  --accent-20: #FFFAD5;
  --accent-30: #FFF6B1;
  --accent-50: #FCED7B;
  --accent-60: #E8D646;
  --accent-70: #E8C42A;
  --accent-90: #CAB402;
  --accent-100: #7C7212;
  --error-20: #f6e8e8;
  --error-40: #eac9c9;
  --error-80: #d18888;
  --error-300: #b74444;
  --error-700: #9d0000;
  --error-800: #7b0000;
  --warning-20: #FFA86E;
  --warning-30: #FF802B;
  --warning-50: #E8C42A;
  --warning-70: #D05603;
  --warning-100: #B03E00;
}

#main-content + .alert-info, #main-content + .portlet-msg-help,
#main-content + .portlet-msg-info,
#main-content + .portlet-msg-progress {
  clear: both;
  float: left;
  width: 100%;
}

.btn,
.filiali-bper .button,
.filiali-bper .button.btn {
  outline: none;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
  padding: 11px 30px;
  border-radius: 24px;
  font-family: "Din-Bold", sans-serif;
  /*&.btn-secondary {
  	border: 2px solid var(--accent-90);
  	background-color: $bper-white;

  	&:hover,
  	&.hover,
  	&:focus,
  	&.focus {
  		border: 2px solid var(--accent-100);
  		background-color: $bper-white;
  		color:var(--accent-100);
  	}

  	&:disabled,
  	&.disabled {
  		border: 2px solid var(--neutral-40);
  		background-color: $bper-white;
  		color:var(--neutral-40);
  	}
  }
  */
}
.btn.btn-default, .btn.btn-default.MuiButton-containedPrimary, .btn.btn-default.MuiButton-containedSecondary, .btn.btn-default.MuiButton-outlined,
.filiali-bper .button.btn-default,
.filiali-bper .button.btn-default.MuiButton-containedPrimary,
.filiali-bper .button.btn-default.MuiButton-containedSecondary,
.filiali-bper .button.btn-default.MuiButton-outlined,
.filiali-bper .button.btn.btn-default,
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary,
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary,
.filiali-bper .button.btn.btn-default.MuiButton-outlined {
  color: #005d44;
  font-family: "Din-Bold";
  border: none;
  background-color: var(--accent-60);
  box-shadow: 0px 8px 16px rgba(227, 114, 4, 0.14);
}
.btn.btn-default:hover:not(.bnt-with-image), .btn.btn-default.hover:not(.bnt-with-image), .btn.btn-default:focus:not(.bnt-with-image), .btn.btn-default.focus:not(.bnt-with-image), .btn.btn-default.MuiButton-containedPrimary:hover:not(.bnt-with-image), .btn.btn-default.MuiButton-containedPrimary.hover:not(.bnt-with-image), .btn.btn-default.MuiButton-containedPrimary:focus:not(.bnt-with-image), .btn.btn-default.MuiButton-containedPrimary.focus:not(.bnt-with-image), .btn.btn-default.MuiButton-containedSecondary:hover:not(.bnt-with-image), .btn.btn-default.MuiButton-containedSecondary.hover:not(.bnt-with-image), .btn.btn-default.MuiButton-containedSecondary:focus:not(.bnt-with-image), .btn.btn-default.MuiButton-containedSecondary.focus:not(.bnt-with-image), .btn.btn-default.MuiButton-outlined:hover:not(.bnt-with-image), .btn.btn-default.MuiButton-outlined.hover:not(.bnt-with-image), .btn.btn-default.MuiButton-outlined:focus:not(.bnt-with-image), .btn.btn-default.MuiButton-outlined.focus:not(.bnt-with-image),
.filiali-bper .button.btn-default:hover:not(.bnt-with-image),
.filiali-bper .button.btn-default.hover:not(.bnt-with-image),
.filiali-bper .button.btn-default:focus:not(.bnt-with-image),
.filiali-bper .button.btn-default.focus:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-containedPrimary:hover:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-containedPrimary.hover:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-containedPrimary:focus:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-containedPrimary.focus:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-containedSecondary:hover:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-containedSecondary.hover:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-containedSecondary:focus:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-containedSecondary.focus:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-outlined:hover:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-outlined.hover:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-outlined:focus:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-outlined.focus:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default:hover:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.hover:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default:focus:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.focus:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary:hover:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary.hover:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary:focus:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary.focus:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary:hover:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary.hover:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary:focus:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary.focus:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-outlined:hover:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-outlined.hover:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-outlined:focus:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-outlined.focus:not(.bnt-with-image) {
  background-color: var(--accent-90);
}
.btn.btn-default:disabled, .btn.btn-default.disabled, .btn.btn-default.MuiButton-containedPrimary:disabled, .btn.btn-default.MuiButton-containedPrimary.disabled, .btn.btn-default.MuiButton-containedSecondary:disabled, .btn.btn-default.MuiButton-containedSecondary.disabled, .btn.btn-default.MuiButton-outlined:disabled, .btn.btn-default.MuiButton-outlined.disabled,
.filiali-bper .button.btn-default:disabled,
.filiali-bper .button.btn-default.disabled,
.filiali-bper .button.btn-default.MuiButton-containedPrimary:disabled,
.filiali-bper .button.btn-default.MuiButton-containedPrimary.disabled,
.filiali-bper .button.btn-default.MuiButton-containedSecondary:disabled,
.filiali-bper .button.btn-default.MuiButton-containedSecondary.disabled,
.filiali-bper .button.btn-default.MuiButton-outlined:disabled,
.filiali-bper .button.btn-default.MuiButton-outlined.disabled,
.filiali-bper .button.btn.btn-default:disabled,
.filiali-bper .button.btn.btn-default.disabled,
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary:disabled,
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary.disabled,
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary:disabled,
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary.disabled,
.filiali-bper .button.btn.btn-default.MuiButton-outlined:disabled,
.filiali-bper .button.btn.btn-default.MuiButton-outlined.disabled {
  background-color: var(--neutral-40);
}
.btn.btn-default.btn-icon-before.right-arrow::before, .btn.btn-default.MuiButton-containedPrimary.btn-icon-before.right-arrow::before, .btn.btn-default.MuiButton-containedSecondary.btn-icon-before.right-arrow::before, .btn.btn-default.MuiButton-outlined.btn-icon-before.right-arrow::before,
.filiali-bper .button.btn-default.btn-icon-before.right-arrow::before,
.filiali-bper .button.btn-default.MuiButton-containedPrimary.btn-icon-before.right-arrow::before,
.filiali-bper .button.btn-default.MuiButton-containedSecondary.btn-icon-before.right-arrow::before,
.filiali-bper .button.btn-default.MuiButton-outlined.btn-icon-before.right-arrow::before,
.filiali-bper .button.btn.btn-default.btn-icon-before.right-arrow::before,
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary.btn-icon-before.right-arrow::before,
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary.btn-icon-before.right-arrow::before,
.filiali-bper .button.btn.btn-default.MuiButton-outlined.btn-icon-before.right-arrow::before {
  content: "";
  background-image: url("../images/svg/arrow-right-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -3px;
}
.btn.btn-default.btn-icon-before.left-arrow::before, .btn.btn-default.MuiButton-containedPrimary.btn-icon-before.left-arrow::before, .btn.btn-default.MuiButton-containedSecondary.btn-icon-before.left-arrow::before, .btn.btn-default.MuiButton-outlined.btn-icon-before.left-arrow::before,
.filiali-bper .button.btn-default.btn-icon-before.left-arrow::before,
.filiali-bper .button.btn-default.MuiButton-containedPrimary.btn-icon-before.left-arrow::before,
.filiali-bper .button.btn-default.MuiButton-containedSecondary.btn-icon-before.left-arrow::before,
.filiali-bper .button.btn-default.MuiButton-outlined.btn-icon-before.left-arrow::before,
.filiali-bper .button.btn.btn-default.btn-icon-before.left-arrow::before,
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary.btn-icon-before.left-arrow::before,
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary.btn-icon-before.left-arrow::before,
.filiali-bper .button.btn.btn-default.MuiButton-outlined.btn-icon-before.left-arrow::before {
  content: "";
  background-image: url("../images/svg/arrow-left-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -3px;
}
.btn.btn-default.btn-icon-after.right-arrow::after, .btn.btn-default.MuiButton-containedPrimary.btn-icon-after.right-arrow::after, .btn.btn-default.MuiButton-containedSecondary.btn-icon-after.right-arrow::after, .btn.btn-default.MuiButton-outlined.btn-icon-after.right-arrow::after,
.filiali-bper .button.btn-default.btn-icon-after.right-arrow::after,
.filiali-bper .button.btn-default.MuiButton-containedPrimary.btn-icon-after.right-arrow::after,
.filiali-bper .button.btn-default.MuiButton-containedSecondary.btn-icon-after.right-arrow::after,
.filiali-bper .button.btn-default.MuiButton-outlined.btn-icon-after.right-arrow::after,
.filiali-bper .button.btn.btn-default.btn-icon-after.right-arrow::after,
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary.btn-icon-after.right-arrow::after,
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary.btn-icon-after.right-arrow::after,
.filiali-bper .button.btn.btn-default.MuiButton-outlined.btn-icon-after.right-arrow::after {
  content: "";
  background-image: url("../images/svg/arrow-right-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -3px;
}
.btn.btn-default.btn-icon-after.right-arrow:hover::after, .btn.btn-default.MuiButton-containedPrimary.btn-icon-after.right-arrow:hover::after, .btn.btn-default.MuiButton-containedSecondary.btn-icon-after.right-arrow:hover::after, .btn.btn-default.MuiButton-outlined.btn-icon-after.right-arrow:hover::after,
.filiali-bper .button.btn-default.btn-icon-after.right-arrow:hover::after,
.filiali-bper .button.btn-default.MuiButton-containedPrimary.btn-icon-after.right-arrow:hover::after,
.filiali-bper .button.btn-default.MuiButton-containedSecondary.btn-icon-after.right-arrow:hover::after,
.filiali-bper .button.btn-default.MuiButton-outlined.btn-icon-after.right-arrow:hover::after,
.filiali-bper .button.btn.btn-default.btn-icon-after.right-arrow:hover::after,
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary.btn-icon-after.right-arrow:hover::after,
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary.btn-icon-after.right-arrow:hover::after,
.filiali-bper .button.btn.btn-default.MuiButton-outlined.btn-icon-after.right-arrow:hover::after {
  content: "";
  background-image: url("../images/svg/arrow-right-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -3px;
}
.btn.btn-default.btn-icon-after.left-arrow::after, .btn.btn-default.MuiButton-containedPrimary.btn-icon-after.left-arrow::after, .btn.btn-default.MuiButton-containedSecondary.btn-icon-after.left-arrow::after, .btn.btn-default.MuiButton-outlined.btn-icon-after.left-arrow::after,
.filiali-bper .button.btn-default.btn-icon-after.left-arrow::after,
.filiali-bper .button.btn-default.MuiButton-containedPrimary.btn-icon-after.left-arrow::after,
.filiali-bper .button.btn-default.MuiButton-containedSecondary.btn-icon-after.left-arrow::after,
.filiali-bper .button.btn-default.MuiButton-outlined.btn-icon-after.left-arrow::after,
.filiali-bper .button.btn.btn-default.btn-icon-after.left-arrow::after,
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary.btn-icon-after.left-arrow::after,
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary.btn-icon-after.left-arrow::after,
.filiali-bper .button.btn.btn-default.MuiButton-outlined.btn-icon-after.left-arrow::after {
  content: "";
  background-image: url("../images/svg/arrow-left-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -3px;
}
.btn.btn-default.btn-icon-after.left-arrow:hover::after, .btn.btn-default.MuiButton-containedPrimary.btn-icon-after.left-arrow:hover::after, .btn.btn-default.MuiButton-containedSecondary.btn-icon-after.left-arrow:hover::after, .btn.btn-default.MuiButton-outlined.btn-icon-after.left-arrow:hover::after,
.filiali-bper .button.btn-default.btn-icon-after.left-arrow:hover::after,
.filiali-bper .button.btn-default.MuiButton-containedPrimary.btn-icon-after.left-arrow:hover::after,
.filiali-bper .button.btn-default.MuiButton-containedSecondary.btn-icon-after.left-arrow:hover::after,
.filiali-bper .button.btn-default.MuiButton-outlined.btn-icon-after.left-arrow:hover::after,
.filiali-bper .button.btn.btn-default.btn-icon-after.left-arrow:hover::after,
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary.btn-icon-after.left-arrow:hover::after,
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary.btn-icon-after.left-arrow:hover::after,
.filiali-bper .button.btn.btn-default.MuiButton-outlined.btn-icon-after.left-arrow:hover::after {
  content: "";
  background-image: url("../images/svg/arrow-right-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -3px;
}
.btn.btn-white,
.filiali-bper .button.btn-white,
.filiali-bper .button.btn.btn-white {
  border: 2px solid #fff;
  background: none;
  color: #fff;
}
.btn.btn-white:hover, .btn.btn-white.hover, .btn.btn-white:focus, .btn.btn-white.focus,
.filiali-bper .button.btn-white:hover,
.filiali-bper .button.btn-white.hover,
.filiali-bper .button.btn-white:focus,
.filiali-bper .button.btn-white.focus,
.filiali-bper .button.btn.btn-white:hover,
.filiali-bper .button.btn.btn-white.hover,
.filiali-bper .button.btn.btn-white:focus,
.filiali-bper .button.btn.btn-white.focus {
  border: 2px solid var(--accent-90);
  background-color: var(--accent-90);
  color: #071d1f;
}
.btn.btn-white:disabled, .btn.btn-white.disabled,
.filiali-bper .button.btn-white:disabled,
.filiali-bper .button.btn-white.disabled,
.filiali-bper .button.btn.btn-white:disabled,
.filiali-bper .button.btn.btn-white.disabled {
  border: 2px solid var(--neutral-40);
  background: var(--neutral-40) 0% 0% no-repeat padding-box;
  color: #fff;
}
.btn.btn-white.btn-icon-after.right-arrow::after,
.filiali-bper .button.btn-white.btn-icon-after.right-arrow::after,
.filiali-bper .button.btn.btn-white.btn-icon-after.right-arrow::after {
  content: "";
  background-image: url("../images/svg/arrow-right-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -3px;
}
.btn.btn-white.btn-icon-after.right-arrow:hover::after,
.filiali-bper .button.btn-white.btn-icon-after.right-arrow:hover::after,
.filiali-bper .button.btn.btn-white.btn-icon-after.right-arrow:hover::after {
  content: "";
  background-image: url("../images/svg/arrow-right-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -3px;
}
.btn.btn-white.btn-icon-after.left-arrow::after,
.filiali-bper .button.btn-white.btn-icon-after.left-arrow::after,
.filiali-bper .button.btn.btn-white.btn-icon-after.left-arrow::after {
  content: "";
  background-image: url("../images/svg/arrow-left-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -3px;
}
.btn.btn-white.btn-icon-after.left-arrow:hover::after,
.filiali-bper .button.btn-white.btn-icon-after.left-arrow:hover::after,
.filiali-bper .button.btn.btn-white.btn-icon-after.left-arrow:hover::after {
  content: "";
  background-image: url("../images/svg/arrow-right-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -3px;
}
.btn.btn-info,
.filiali-bper .button.btn-info,
.filiali-bper .button.btn.btn-info {
  padding: 0;
  border-radius: 0;
  color: var(--accent-90);
  border: none;
  background: none;
}
.btn.btn-info:hover, .btn.btn-info.hover, .btn.btn-info:focus, .btn.btn-info.focus,
.filiali-bper .button.btn-info:hover,
.filiali-bper .button.btn-info.hover,
.filiali-bper .button.btn-info:focus,
.filiali-bper .button.btn-info.focus,
.filiali-bper .button.btn.btn-info:hover,
.filiali-bper .button.btn.btn-info.hover,
.filiali-bper .button.btn.btn-info:focus,
.filiali-bper .button.btn.btn-info.focus {
  color: var(--accent-100);
  border: none;
  background: none;
}
.btn.btn-info:disabled, .btn.btn-info.disabled,
.filiali-bper .button.btn-info:disabled,
.filiali-bper .button.btn-info.disabled,
.filiali-bper .button.btn.btn-info:disabled,
.filiali-bper .button.btn.btn-info.disabled {
  color: var(--neutral-40);
  border: none;
  background: none;
}
.btn:active, .btn.active,
.filiali-bper .button:active,
.filiali-bper .button.active,
.filiali-bper .button.btn:active,
.filiali-bper .button.btn.active {
  box-shadow: none;
}
.btn:hover:active, .btn.hover.active, .btn:active, .btn.active, .btn:hover, .btn.hover, .btn:focus, .btn.focus,
.filiali-bper .button:hover:active,
.filiali-bper .button.hover.active,
.filiali-bper .button:active,
.filiali-bper .button.active,
.filiali-bper .button:hover,
.filiali-bper .button.hover,
.filiali-bper .button:focus,
.filiali-bper .button.focus,
.filiali-bper .button.btn:hover:active,
.filiali-bper .button.btn.hover.active,
.filiali-bper .button.btn:active,
.filiali-bper .button.btn.active,
.filiali-bper .button.btn:hover,
.filiali-bper .button.btn.hover,
.filiali-bper .button.btn:focus,
.filiali-bper .button.btn.focus {
  outline: none;
}
.btn.bnt-with-image,
.filiali-bper .button.bnt-with-image,
.filiali-bper .button.btn.bnt-with-image {
  width: 140px;
  border-radius: 12px;
  overflow: hidden;
  height: 46px;
  background-size: cover;
  background-position: center;
  text-indent: -9999px;
  box-shadow: none;
}
.btn.bnt-with-image:after, .btn.bnt-with-image:before,
.filiali-bper .button.bnt-with-image:after,
.filiali-bper .button.bnt-with-image:before,
.filiali-bper .button.btn.bnt-with-image:after,
.filiali-bper .button.btn.bnt-with-image:before {
  display: none !important;
}

.filiali-bper .button.MuiButton-containedSecondary:hover {
  background-color: #fff !important;
  border: 1px solid var(--primary-400) !important;
  text-decoration: none;
  color: var(--primary-400) !important;
}

.filiali-bper .button.MuiButton-containedSecondary {
  padding: 10px 20px;
  min-width: 160px;
  background: var(--primary-400) !important;
  color: #fff;
  border-radius: 21px;
}

.filiali-bper .detail .bper-wrapper .orario-contatti .subsidiary-contact-link .MuiButton-outlined {
  padding: 10px 20px;
  min-width: 160px;
  color: #071d1f !important;
  font-family: "Din-Bold";
  border: none !important;
  background-color: var(--accent-60) !important;
  box-shadow: 0px 8px 16px rgba(227, 114, 4, 0.14) !important;
  border-radius: 21px;
}

.filiali-bper .button.MuiButton-containedSecondary:hover {
  color: var(--secondary-80) !important;
  border-color: var(--secondary-80) !important;
}

.filiali-bper .button.MuiButton-containedPrimary {
  padding: 10px 20px;
  min-width: 160px;
  border-radius: 21px;
  color: #fff;
  border-color: var(--primary-400) !important;
  background: var(--primary-400) !important;
}

.filiali-bper .button.MuiButton-containedPrimary:hover {
  padding: 10px 20px;
  min-width: 160px;
  border-radius: 21px;
  color: var(--primary-400) !important;
  border-color: var(--primary-400) !important;
  background: #fff !important;
}

.filiali-bper .button.MuiButton-outlined {
  border: 1px solid var(--primary-400) !important;
  color: var(--primary-400) !important;
}

.filiali-bper .button.MuiButton-outlined:hover {
  color: var(--secondary-80) !important;
  border-color: var(--secondary-80) !important;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: #fff;
  background-image: none;
  color: inherit;
}

input::-webkit-input-placeholder {
  color: inherit;
  font-size: inherit !important;
}

label.bper-radio > input {
  visibility: hidden;
}

label.bper-radio > input + .radio-icn {
  display: inline-block;
  background-color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 7px #fff;
  margin-left: 10px;
  top: 20px;
  vertical-align: text-top;
}

label.bper-radio > input:checked + .radio-icn {
  background-color: #005D44;
}

label.bper-checkbox > input {
  visibility: hidden;
}

label.bper-checkbox > input + .checkbox-icn,
label.bper-checkbox > input + label + .checkbox-icn {
  display: inline-block;
  background-color: #fff;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 4px #fff;
  margin-left: 10px;
  top: 20px;
  vertical-align: text-top;
  float: left;
  margin-right: 15px;
}

label.bper-checkbox > input:checked + .checkbox-icn,
label.bper-checkbox > input:checked + label + .checkbox-icn {
  background-color: #005D44;
}

label.bper-checkbox > input:checked + label,
label.bper-checkbox > input + label {
  float: left;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
}
.radio label,
.checkbox label {
  min-height: inherit;
  padding-left: 0;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
  padding-right: 10px;
}
.radio + .radio, .radio + .checkbox,
.checkbox + .radio,
.checkbox + .checkbox {
  margin-top: 0;
}
.radio input[type=radio],
.radio .radio-inline input[type=radio],
.radio .checkbox input[type=checkbox],
.radio .checkbox-inline input[type=checkbox],
.checkbox input[type=radio],
.checkbox .radio-inline input[type=radio],
.checkbox .checkbox input[type=checkbox],
.checkbox .checkbox-inline input[type=checkbox] {
  position: relative;
  margin-left: 0;
  margin-top: 0;
  width: 20px;
  height: 20px;
  background: #fff;
  border: solid 1px #bcb6af;
  border-radius: 100%;
  -webkit-appearance: inherit;
  appearance: inherit;
  outline: none;
  margin-right: 30px;
}
.radio input[type=radio]:checked:after,
.radio .radio-inline input[type=radio]:checked:after,
.radio .checkbox input[type=checkbox]:checked:after,
.radio .checkbox-inline input[type=checkbox]:checked:after,
.checkbox input[type=radio]:checked:after,
.checkbox .radio-inline input[type=radio]:checked:after,
.checkbox .checkbox input[type=checkbox]:checked:after,
.checkbox .checkbox-inline input[type=checkbox]:checked:after {
  width: 6px;
  height: 6px;
  background: #005D44;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 100%;
  transform: translateX(-50%) translateY(-50%);
  content: "";
  display: block;
}

@font-face {
  font-family: kievit;
  src: url(../fonts/kievit-thin.woff) format("woff"), url(../fonts/kievit-thin.otf) format("opentype");
  font-weight: 100;
}
@font-face {
  font-family: kievit;
  src: url(../fonts/kievit-light.woff) format("woff"), url(../fonts/kievit-light.otf) format("opentype");
  font-weight: 300;
}
@font-face {
  font-family: kievit;
  src: url(../fonts/kievit-regular.woff) format("woff"), url(../fonts/kievit-regular.otf) format("opentype");
  font-weight: 400;
}
@font-face {
  font-family: kievit;
  src: url(../fonts/kievit-medium.woff) format("woff"), url(../fonts/kievit-medium.otf) format("opentype");
  font-weight: 500;
}
@font-face {
  font-family: kievit;
  src: url(../fonts/kievit-book.woff) format("woff"), url(../fonts/kievit-book.otf) format("opentype");
  font-weight: 600;
}
@font-face {
  font-family: kievit;
  src: url(../fonts/kievit-bold.woff) format("woff"), url(../fonts/kievit-bold.otf) format("opentype");
  font-weight: 700;
}
@font-face {
  font-family: "Din-Regular";
  src: url(../fonts/din/DIN-Regular.ttf) format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Din-Medium";
  src: url(../fonts/din/DIN-Medium.ttf) format("truetype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Din-Bold";
  src: url(../fonts/din/DIN-Bold.ttf) format("truetype");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Din-Black";
  src: url(../fonts/din/DIN-Black.ttf) format("truetype");
  font-weight: 900;
  font-display: swap;
}
body {
  line-height: 24px;
  font-feature-settings: "lnum" 1;
  font-variant-numeric: lining-nums;
  float: left;
  width: 100%;
  overflow-x: hidden;
  margin: 0;
  color: #015256;
}
@media (max-width: 767px) {
  body.show-popup-filiali #wrapper .content {
    position: relative !important;
    z-index: 9999;
  }
}
body.menuOpen {
  overflow-y: hidden;
}
body.menuLoginOpen {
  overflow-y: hidden;
}
body.signed-in #wrapper .content {
  clear: both;
}
@media (max-width: 1100px) {
  body.signed-in #wrapper .content {
    margin-top: 68px !important;
  }
}
@media (max-width: 768px) {
  body.signed-in #wrapper .content {
    margin-top: 76px !important;
  }
}
@media (max-width: 1100px) {
  body.signed-in #wrapper.content-online-mobile .content {
    margin-top: 116px !important;
  }
}
@media (max-width: 768px) {
  body.signed-in #wrapper.content-online-mobile .content {
    margin-top: 124px !important;
  }
}
@media (max-width: 1100px) {
  body .onlydesktop {
    display: none !important;
  }
}
@media (min-width: 1101px) {
  body .onlymobile {
    display: none !important;
  }
}
body .grecaptcha-badge {
  visibility: hidden;
}
body #wrapper {
  padding-bottom: 0px;
  position: relative;
  margin-top: 133px;
  padding-top: 0;
}
@media (max-width: 1100px) {
  body #wrapper {
    margin-top: 0;
  }
}
body #wrapper .portlet-content.bper-portlet-content {
  padding: 0;
  border: 0;
  float: left;
  width: 100%;
  position: relative;
  z-index: 1;
}
body #wrapper .portlet-title-text {
  display: none;
}
body #wrapper .content {
  clear: both;
  z-index: 0;
}
@media (max-width: 1100px) {
  body #wrapper .content {
    margin-top: 60px;
  }
}
@media (max-width: 768px) {
  body #wrapper .content {
    margin-top: 60px;
  }
}
body .bper-content {
  float: left;
  width: 100%;
}
@media (max-width: 480px) {
  body .bper-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
body .bper-wrapper-big {
  position: relative;
  margin: 0 auto;
  height: 100%;
  padding: 0;
  width: 1280px;
  max-width: 100%;
}
@media (max-width: 1250px) {
  body .bper-wrapper-big {
    padding-left: 25px;
    padding-right: 25px;
  }
}
body .bper-wrapper-small {
  position: relative;
  margin: 0 auto;
  height: 100%;
  padding: 0;
  width: 920px;
  max-width: 100%;
}
@media (max-width: 1250px) {
  body .bper-wrapper-small {
    padding-left: 25px;
    padding-right: 25px;
  }
}
body .bper-wrapper {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
  padding: 0;
}
@media (max-width: 1250px) {
  body .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
body .bper-wrapper .bper-wrapper {
  max-width: 100%;
}
@media (max-width: 1199px) and (min-width: 376px) {
  body .bper-wrapper .bper-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  body .bper-wrapper .bper-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1199px) and (min-width: 376px) {
  body .bper-wrapper {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  body .bper-wrapper {
    width: 100%;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
@media (max-width: 480px) {
  body .bper-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
body .bper-wrapper.bper-wrapper-inverse {
  margin-bottom: -1px;
}
body .page-wrapper {
  padding-bottom: 67px;
}
body .search-box-wrapper {
  position: fixed;
}

@media (min-width: 992px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
a {
  font-weight: 400;
  color: var(--secondary-80);
  color: #64B054;
  text-decoration: none;
}
a.link-cta {
  font-weight: normal;
  cursor: pointer;
  color: var(--secondary-80);
  outline: none !important;
}
a.link-cta.blue {
  color: var(--secondary-80);
}
a.link-cta.blue:hover {
  color: var(--secondary-80);
}
a.link-cta.link-cta-icon::after {
  content: "\f105";
  font-family: fontawesome-alloy;
  padding-left: 10px;
  position: relative;
  left: 0;
  transition: all 1s ease;
  transform: translateX(0);
  vertical-align: baseline;
  display: inline-block;
}
a.link-cta.link-cta-icon:hover::after {
  transform: translateX(5px);
}
a.link-cta.link-cta-icon-reverse::before {
  content: "\f104";
  font-family: fontawesome-alloy;
  padding-right: 10px;
  position: relative;
  left: 0;
  transition: all 1s ease;
  transform: translateX(0px);
  vertical-align: baseline;
  display: inline-block;
}
a.link-cta.link-cta-icon-reverse:hover::before {
  transform: translateX(-5px);
}
a.link-cta.link-cta-top-right-arrow {
  margin-right: 30px;
  position: relative;
  display: inline-block;
}
a.link-cta.link-cta-top-right-arrow::after {
  content: "";
  background-image: url("../images/png/arrow-top-right-green.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 10px;
  position: relative;
  right: -30px;
  bottom: 6px;
  transform: translateX(0px) translateY(0px);
  transition: all 1s ease;
  display: block;
  position: absolute;
  height: 14px;
  width: 14px;
}
a.link-cta.link-cta-top-right-arrow:hover::after {
  background-image: url("../images/png/arrow-top-right-green.png");
  transform: translateX(5px) translateY(-5px);
}
a.link-cta.link-cta-top-right-arrow.blue {
  color: #11d0ce;
}
a.link-cta.link-cta-top-right-arrow.blue::after {
  background-image: url("../images/png/arrow-top-right-blue.png");
}
a.link-cta.link-cta-top-right-arrow.blue:hover {
  color: var(--secondary-80);
}
a.link-cta.link-cta-top-right-arrow.blue:hover::after {
  background-image: url("../images/png/arrow-top-right-green.png");
}
a.link-cta.link-cta-top-right-arrow.white {
  color: #fff;
}
a.link-cta.link-cta-top-right-arrow.white::after {
  background-image: url("../images/png/arrow-top-right-white.png");
}
a.link-cta.link-cta-top-right-arrow.white:hover {
  color: #fff;
}
a.link-cta.link-cta-top-right-arrow.white:hover::after {
  background-image: url("../images/png/arrow-top-right-green.png");
}
a.link-cta.link-cta-right-arrow {
  position: relative;
  font-family: "Din-Bold";
  color: var(--secondary-80);
}
a.link-cta.link-cta-right-arrow:after {
  content: "";
  background-image: url("../images/icone-bper-2022/Icon-24pt-Arrow-Right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  transition: all 0.2s ease;
  transform: translateX(0);
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 24px;
}
a.link-cta.link-cta-right-arrow:hover {
  color: var(--secondary-80);
}
a.link-cta.link-cta-right-arrow:hover::after {
  transform: translateX(5px);
}
a.link-cta.link-cta-right-arrow.white {
  color: #fff;
}
a.link-cta.link-cta-right-arrow.white:after {
  background-image: url("../images/svg/arrow-right-white.svg");
}
a.link-cta.link-cta-left-arrow {
  position: relative;
  font-family: "Din-Bold", sans-serif;
  color: var(--secondary-80);
  padding-left: 35px;
}
a.link-cta.link-cta-left-arrow:after {
  content: "";
  background-image: url("../images/icone-bper-2022/Icon-24pt-Arrow-Right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  transition: all 1s ease;
  transform: translateX(0) rotate(180deg);
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) translateX(0) rotate(180deg);
}
a.link-cta.link-cta-left-arrow:hover {
  color: var(--secondary-80);
}
a.link-cta.link-cta-left-arrow:hover::after {
  transform: translateY(-50%) translateX(-5px) rotate(180deg);
}
a.link-cta.link-cta-left-arrow.white {
  color: #fff;
}
a.link-cta.link-cta-left-arrow.white:after {
  background-image: url("../images/svg/arrow-right-white.svg");
}
a.link-cta.link-cta-share-icon {
  position: relative;
  font-family: "Din-Bold", sans-serif;
  color: var(--secondary-80);
  padding-left: 35px;
}
a.link-cta.link-cta-share-icon:after {
  content: "";
  background-image: url("../images/icone-bper-2022/Icon-24pt-Share.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
}
a.link-cta.link-cta-share-icon:hover {
  color: var(--secondary-80);
}
a.link-cta.tel-link {
  padding-left: 27px;
  position: relative;
  text-decoration: underline;
  font-family: "Din-Bold", sans-serif;
}
a.link-cta.tel-link:hover {
  text-decoration: none;
}
a.link-cta.tel-link:before {
  content: "";
  display: block;
  height: 21px;
  width: 21px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/icone-bper-2022/Icon-24pt-Phone-light-green.svg);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
a:hover, a.hover, a:focus, a.focus {
  color: var(--secondary-80);
  text-decoration: none;
}
a:disabled, a.disabled {
  color: #bcb6af;
  text-decoration: none;
}

.bper-wrapper {
  padding: 40px 0 40px 0;
}
@media (max-width: 1200px) {
  .bper-wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.bper-wrapper.bper-wrapper-default {
  color: #7E8C8D;
  background-color: #fff;
}
.bper-wrapper.bper-wrapper-default .title {
  color: #005D44;
}
.bper-wrapper.bper-wrapper-inverse {
  color: #fff;
  background-color: #005D44;
}
.bper-wrapper.bper-wrapper-inverse .title {
  color: #64B054;
}
.bper-wrapper.bper-wrapper-info {
  color: #005D44;
  background-color: #faf9f8;
}
.bper-wrapper.bper-wrapper-info .title {
  color: #005D44;
}

h1,
.h1 {
  font-weight: 700;
  font-family: "Din-Bold", sans-serif;
}
@media (max-width: 376px) {
  h1,
  .h1 {
    font-size: 50px;
  }
}

h2,
.h2 {
  font-weight: 400;
}
@media (max-width: 376px) {
  h2,
  .h2 {
    font-size: 40px;
  }
}

h3,
.h3 {
  font-weight: 100;
  letter-spacing: 0;
}
@media (max-width: 376px) {
  h3,
  .h3 {
    font-size: 35px;
  }
}

h4,
.h4 {
  font-weight: 700;
  font-family: "Din-Bold", sans-serif;
}

h5,
.h5 {
  font-weight: 400;
}

h6,
.h6 {
  font-weight: 400;
}

p {
  line-height: 24px;
}

small,
.small {
  font-size: 0.875rem;
}

.portlet-journal-content:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
.portlet-journal-content:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}

.portlet-journal-content:after,
.portlet-asset-categories-navigation:after,
.portlet-navigation:after,
.portlet-asset-publisher:after,
.portlet-nested-portlets:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
.portlet-journal-content:before,
.portlet-asset-categories-navigation:before,
.portlet-navigation:before,
.portlet-asset-publisher:before,
.portlet-nested-portlets:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -2;
}
.portlet-journal-content.bkg-top-green-light-20:after,
.portlet-asset-categories-navigation.bkg-top-green-light-20:after,
.portlet-navigation.bkg-top-green-light-20:after,
.portlet-asset-publisher.bkg-top-green-light-20:after,
.portlet-nested-portlets.bkg-top-green-light-20:after {
  background: var(--neutral-5);
  height: 20%;
}
.portlet-journal-content.bkg-top-green-light-40:after,
.portlet-asset-categories-navigation.bkg-top-green-light-40:after,
.portlet-navigation.bkg-top-green-light-40:after,
.portlet-asset-publisher.bkg-top-green-light-40:after,
.portlet-nested-portlets.bkg-top-green-light-40:after {
  background: var(--neutral-5);
  height: 40%;
}
.portlet-journal-content.bkg-top-green-light-50:after,
.portlet-asset-categories-navigation.bkg-top-green-light-50:after,
.portlet-navigation.bkg-top-green-light-50:after,
.portlet-asset-publisher.bkg-top-green-light-50:after,
.portlet-nested-portlets.bkg-top-green-light-50:after {
  background: var(--neutral-5);
  height: 50%;
}
.portlet-journal-content.bkg-top-green-light-60:after,
.portlet-asset-categories-navigation.bkg-top-green-light-60:after,
.portlet-navigation.bkg-top-green-light-60:after,
.portlet-asset-publisher.bkg-top-green-light-60:after,
.portlet-nested-portlets.bkg-top-green-light-60:after {
  background: var(--neutral-5);
  height: 60%;
}
.portlet-journal-content.bkg-top-green-light-80:after,
.portlet-asset-categories-navigation.bkg-top-green-light-80:after,
.portlet-navigation.bkg-top-green-light-80:after,
.portlet-asset-publisher.bkg-top-green-light-80:after,
.portlet-nested-portlets.bkg-top-green-light-80:after {
  background: var(--neutral-5);
  height: 80%;
}
.portlet-journal-content.bkg-top-green-20:after,
.portlet-asset-categories-navigation.bkg-top-green-20:after,
.portlet-navigation.bkg-top-green-20:after,
.portlet-asset-publisher.bkg-top-green-20:after,
.portlet-nested-portlets.bkg-top-green-20:after {
  background: var(--primary-20);
  height: 20%;
}
.portlet-journal-content.bkg-top-green-40:after,
.portlet-asset-categories-navigation.bkg-top-green-40:after,
.portlet-navigation.bkg-top-green-40:after,
.portlet-asset-publisher.bkg-top-green-40:after,
.portlet-nested-portlets.bkg-top-green-40:after {
  background: var(--primary-20);
  height: 40%;
}
.portlet-journal-content.bkg-top-green-50:after,
.portlet-asset-categories-navigation.bkg-top-green-50:after,
.portlet-navigation.bkg-top-green-50:after,
.portlet-asset-publisher.bkg-top-green-50:after,
.portlet-nested-portlets.bkg-top-green-50:after {
  background: var(--primary-20);
  height: 50%;
}
.portlet-journal-content.bkg-top-green-60:after,
.portlet-asset-categories-navigation.bkg-top-green-60:after,
.portlet-navigation.bkg-top-green-60:after,
.portlet-asset-publisher.bkg-top-green-60:after,
.portlet-nested-portlets.bkg-top-green-60:after {
  background: var(--primary-20);
  height: 60%;
}
.portlet-journal-content.bkg-top-green-80:after,
.portlet-asset-categories-navigation.bkg-top-green-80:after,
.portlet-navigation.bkg-top-green-80:after,
.portlet-asset-publisher.bkg-top-green-80:after,
.portlet-nested-portlets.bkg-top-green-80:after {
  background: var(--primary-20);
  height: 80%;
}
.portlet-journal-content.bkg-top-primary-20:after,
.portlet-asset-categories-navigation.bkg-top-primary-20:after,
.portlet-navigation.bkg-top-primary-20:after,
.portlet-asset-publisher.bkg-top-primary-20:after,
.portlet-nested-portlets.bkg-top-primary-20:after {
  background: var(--primary-10);
  height: 20%;
}
.portlet-journal-content.bkg-top-primary-40:after,
.portlet-asset-categories-navigation.bkg-top-primary-40:after,
.portlet-navigation.bkg-top-primary-40:after,
.portlet-asset-publisher.bkg-top-primary-40:after,
.portlet-nested-portlets.bkg-top-primary-40:after {
  background: var(--primary-10);
  height: 40%;
}
.portlet-journal-content.bkg-top-primary-50:after,
.portlet-asset-categories-navigation.bkg-top-primary-50:after,
.portlet-navigation.bkg-top-primary-50:after,
.portlet-asset-publisher.bkg-top-primary-50:after,
.portlet-nested-portlets.bkg-top-primary-50:after {
  background: var(--primary-10);
  height: 50%;
}
.portlet-journal-content.bkg-top-primary-60:after,
.portlet-asset-categories-navigation.bkg-top-primary-60:after,
.portlet-navigation.bkg-top-primary-60:after,
.portlet-asset-publisher.bkg-top-primary-60:after,
.portlet-nested-portlets.bkg-top-primary-60:after {
  background: var(--primary-10);
  height: 60%;
}
.portlet-journal-content.bkg-top-primary-80:after,
.portlet-asset-categories-navigation.bkg-top-primary-80:after,
.portlet-navigation.bkg-top-primary-80:after,
.portlet-asset-publisher.bkg-top-primary-80:after,
.portlet-nested-portlets.bkg-top-primary-80:after {
  background: var(--primary-10);
  height: 80%;
}
.portlet-journal-content.bkg-top-white-20:after,
.portlet-asset-categories-navigation.bkg-top-white-20:after,
.portlet-navigation.bkg-top-white-20:after,
.portlet-asset-publisher.bkg-top-white-20:after,
.portlet-nested-portlets.bkg-top-white-20:after {
  background: #fff;
  height: 20%;
}
.portlet-journal-content.bkg-top-white-40:after,
.portlet-asset-categories-navigation.bkg-top-white-40:after,
.portlet-navigation.bkg-top-white-40:after,
.portlet-asset-publisher.bkg-top-white-40:after,
.portlet-nested-portlets.bkg-top-white-40:after {
  background: #fff;
  height: 40%;
}
.portlet-journal-content.bkg-top-white-50:after,
.portlet-asset-categories-navigation.bkg-top-white-50:after,
.portlet-navigation.bkg-top-white-50:after,
.portlet-asset-publisher.bkg-top-white-50:after,
.portlet-nested-portlets.bkg-top-white-50:after {
  background: #fff;
  height: 50%;
}
.portlet-journal-content.bkg-top-white-60:after,
.portlet-asset-categories-navigation.bkg-top-white-60:after,
.portlet-navigation.bkg-top-white-60:after,
.portlet-asset-publisher.bkg-top-white-60:after,
.portlet-nested-portlets.bkg-top-white-60:after {
  background: #fff;
  height: 60%;
}
.portlet-journal-content.bkg-top-white-80:after,
.portlet-asset-categories-navigation.bkg-top-white-80:after,
.portlet-navigation.bkg-top-white-80:after,
.portlet-asset-publisher.bkg-top-white-80:after,
.portlet-nested-portlets.bkg-top-white-80:after {
  background: #fff;
  height: 80%;
}
.portlet-journal-content.bkg-bottom-green-light-20:before,
.portlet-asset-categories-navigation.bkg-bottom-green-light-20:before,
.portlet-navigation.bkg-bottom-green-light-20:before,
.portlet-asset-publisher.bkg-bottom-green-light-20:before,
.portlet-nested-portlets.bkg-bottom-green-light-20:before {
  background: var(--neutral-5);
  height: 20%;
}
.portlet-journal-content.bkg-bottom-green-light-40:before,
.portlet-asset-categories-navigation.bkg-bottom-green-light-40:before,
.portlet-navigation.bkg-bottom-green-light-40:before,
.portlet-asset-publisher.bkg-bottom-green-light-40:before,
.portlet-nested-portlets.bkg-bottom-green-light-40:before {
  background: var(--neutral-5);
  height: 40%;
}
.portlet-journal-content.bkg-bottom-green-light-50:before,
.portlet-asset-categories-navigation.bkg-bottom-green-light-50:before,
.portlet-navigation.bkg-bottom-green-light-50:before,
.portlet-asset-publisher.bkg-bottom-green-light-50:before,
.portlet-nested-portlets.bkg-bottom-green-light-50:before {
  background: var(--neutral-5);
  height: 50%;
}
.portlet-journal-content.bkg-bottom-green-light-60:before,
.portlet-asset-categories-navigation.bkg-bottom-green-light-60:before,
.portlet-navigation.bkg-bottom-green-light-60:before,
.portlet-asset-publisher.bkg-bottom-green-light-60:before,
.portlet-nested-portlets.bkg-bottom-green-light-60:before {
  background: var(--neutral-5);
  height: 60%;
}
.portlet-journal-content.bkg-bottom-green-light-80:before,
.portlet-asset-categories-navigation.bkg-bottom-green-light-80:before,
.portlet-navigation.bkg-bottom-green-light-80:before,
.portlet-asset-publisher.bkg-bottom-green-light-80:before,
.portlet-nested-portlets.bkg-bottom-green-light-80:before {
  background: var(--neutral-5);
  height: 80%;
}
.portlet-journal-content.bkg-bottom-green-20:before,
.portlet-asset-categories-navigation.bkg-bottom-green-20:before,
.portlet-navigation.bkg-bottom-green-20:before,
.portlet-asset-publisher.bkg-bottom-green-20:before,
.portlet-nested-portlets.bkg-bottom-green-20:before {
  background: var(--primary-20);
  height: 20%;
}
.portlet-journal-content.bkg-bottom-green-40:before,
.portlet-asset-categories-navigation.bkg-bottom-green-40:before,
.portlet-navigation.bkg-bottom-green-40:before,
.portlet-asset-publisher.bkg-bottom-green-40:before,
.portlet-nested-portlets.bkg-bottom-green-40:before {
  background: var(--primary-20);
  height: 40%;
}
.portlet-journal-content.bkg-bottom-green-50:before,
.portlet-asset-categories-navigation.bkg-bottom-green-50:before,
.portlet-navigation.bkg-bottom-green-50:before,
.portlet-asset-publisher.bkg-bottom-green-50:before,
.portlet-nested-portlets.bkg-bottom-green-50:before {
  background: var(--primary-20);
  height: 50%;
}
.portlet-journal-content.bkg-bottom-green-60:before,
.portlet-asset-categories-navigation.bkg-bottom-green-60:before,
.portlet-navigation.bkg-bottom-green-60:before,
.portlet-asset-publisher.bkg-bottom-green-60:before,
.portlet-nested-portlets.bkg-bottom-green-60:before {
  background: var(--primary-20);
  height: 60%;
}
.portlet-journal-content.bkg-bottom-green-80:before,
.portlet-asset-categories-navigation.bkg-bottom-green-80:before,
.portlet-navigation.bkg-bottom-green-80:before,
.portlet-asset-publisher.bkg-bottom-green-80:before,
.portlet-nested-portlets.bkg-bottom-green-80:before {
  background: var(--primary-20);
  height: 80%;
}
.portlet-journal-content.bkg-bottom-primary-10:before,
.portlet-asset-categories-navigation.bkg-bottom-primary-10:before,
.portlet-navigation.bkg-bottom-primary-10:before,
.portlet-asset-publisher.bkg-bottom-primary-10:before,
.portlet-nested-portlets.bkg-bottom-primary-10:before {
  background: var(--primary-10);
  height: 20%;
}
.portlet-journal-content.bkg-bottom-primary-40:before,
.portlet-asset-categories-navigation.bkg-bottom-primary-40:before,
.portlet-navigation.bkg-bottom-primary-40:before,
.portlet-asset-publisher.bkg-bottom-primary-40:before,
.portlet-nested-portlets.bkg-bottom-primary-40:before {
  background: var(--primary-10);
  height: 40%;
}
.portlet-journal-content.bkg-bottom-primary-50:before,
.portlet-asset-categories-navigation.bkg-bottom-primary-50:before,
.portlet-navigation.bkg-bottom-primary-50:before,
.portlet-asset-publisher.bkg-bottom-primary-50:before,
.portlet-nested-portlets.bkg-bottom-primary-50:before {
  background: var(--primary-10);
  height: 50%;
}
.portlet-journal-content.bkg-bottom-primary-60:before,
.portlet-asset-categories-navigation.bkg-bottom-primary-60:before,
.portlet-navigation.bkg-bottom-primary-60:before,
.portlet-asset-publisher.bkg-bottom-primary-60:before,
.portlet-nested-portlets.bkg-bottom-primary-60:before {
  background: var(--primary-10);
  height: 60%;
}
.portlet-journal-content.bkg-bottom-primary-80:before,
.portlet-asset-categories-navigation.bkg-bottom-primary-80:before,
.portlet-navigation.bkg-bottom-primary-80:before,
.portlet-asset-publisher.bkg-bottom-primary-80:before,
.portlet-nested-portlets.bkg-bottom-primary-80:before {
  background: var(--primary-10);
  height: 80%;
}
.portlet-journal-content.bkg-bottom-white-20:before,
.portlet-asset-categories-navigation.bkg-bottom-white-20:before,
.portlet-navigation.bkg-bottom-white-20:before,
.portlet-asset-publisher.bkg-bottom-white-20:before,
.portlet-nested-portlets.bkg-bottom-white-20:before {
  background: #fff;
  height: 20%;
}
.portlet-journal-content.bkg-bottom-white-40:before,
.portlet-asset-categories-navigation.bkg-bottom-white-40:before,
.portlet-navigation.bkg-bottom-white-40:before,
.portlet-asset-publisher.bkg-bottom-white-40:before,
.portlet-nested-portlets.bkg-bottom-white-40:before {
  background: #fff;
  height: 40%;
}
.portlet-journal-content.bkg-bottom-white-50:before,
.portlet-asset-categories-navigation.bkg-bottom-white-50:before,
.portlet-navigation.bkg-bottom-white-50:before,
.portlet-asset-publisher.bkg-bottom-white-50:before,
.portlet-nested-portlets.bkg-bottom-white-50:before {
  background: #fff;
  height: 50%;
}
.portlet-journal-content.bkg-bottom-white-60:before,
.portlet-asset-categories-navigation.bkg-bottom-white-60:before,
.portlet-navigation.bkg-bottom-white-60:before,
.portlet-asset-publisher.bkg-bottom-white-60:before,
.portlet-nested-portlets.bkg-bottom-white-60:before {
  background: #fff;
  height: 60%;
}
.portlet-journal-content.bkg-bottom-white-80:before,
.portlet-asset-categories-navigation.bkg-bottom-white-80:before,
.portlet-navigation.bkg-bottom-white-80:before,
.portlet-asset-publisher.bkg-bottom-white-80:before,
.portlet-nested-portlets.bkg-bottom-white-80:before {
  background: #fff;
  height: 80%;
}
.portlet-journal-content.bkg-full-white:after,
.portlet-asset-categories-navigation.bkg-full-white:after,
.portlet-navigation.bkg-full-white:after,
.portlet-asset-publisher.bkg-full-white:after,
.portlet-nested-portlets.bkg-full-white:after {
  background: #fff;
  height: 100%;
}
.portlet-journal-content.bkg-full-white:before,
.portlet-asset-categories-navigation.bkg-full-white:before,
.portlet-navigation.bkg-full-white:before,
.portlet-asset-publisher.bkg-full-white:before,
.portlet-nested-portlets.bkg-full-white:before {
  display: none;
}
.portlet-journal-content.bkg-full-green-light:after,
.portlet-asset-categories-navigation.bkg-full-green-light:after,
.portlet-navigation.bkg-full-green-light:after,
.portlet-asset-publisher.bkg-full-green-light:after,
.portlet-nested-portlets.bkg-full-green-light:after {
  background: var(--neutral-5);
  height: 100%;
}
.portlet-journal-content.bkg-full-green-light:before,
.portlet-asset-categories-navigation.bkg-full-green-light:before,
.portlet-navigation.bkg-full-green-light:before,
.portlet-asset-publisher.bkg-full-green-light:before,
.portlet-nested-portlets.bkg-full-green-light:before {
  display: none;
}
.portlet-journal-content.bkg-full-green-10:after,
.portlet-asset-categories-navigation.bkg-full-green-10:after,
.portlet-navigation.bkg-full-green-10:after,
.portlet-asset-publisher.bkg-full-green-10:after,
.portlet-nested-portlets.bkg-full-green-10:after {
  background: var(--primary-10);
  height: 100%;
}
.portlet-journal-content.bkg-full-green-10:before,
.portlet-asset-categories-navigation.bkg-full-green-10:before,
.portlet-navigation.bkg-full-green-10:before,
.portlet-asset-publisher.bkg-full-green-10:before,
.portlet-nested-portlets.bkg-full-green-10:before {
  display: none;
}
.portlet-journal-content.bkg-full-green:after,
.portlet-asset-categories-navigation.bkg-full-green:after,
.portlet-navigation.bkg-full-green:after,
.portlet-asset-publisher.bkg-full-green:after,
.portlet-nested-portlets.bkg-full-green:after {
  background: var(--primary-20);
  height: 100%;
}
.portlet-journal-content.bkg-full-green:before,
.portlet-asset-categories-navigation.bkg-full-green:before,
.portlet-navigation.bkg-full-green:before,
.portlet-asset-publisher.bkg-full-green:before,
.portlet-nested-portlets.bkg-full-green:before {
  display: none;
}
.portlet-journal-content.bkg-full-green-medium:after,
.portlet-asset-categories-navigation.bkg-full-green-medium:after,
.portlet-navigation.bkg-full-green-medium:after,
.portlet-asset-publisher.bkg-full-green-medium:after,
.portlet-nested-portlets.bkg-full-green-medium:after {
  background: #377D6A;
  height: 100%;
}
.portlet-journal-content.bkg-full-green-medium:before,
.portlet-asset-categories-navigation.bkg-full-green-medium:before,
.portlet-navigation.bkg-full-green-medium:before,
.portlet-asset-publisher.bkg-full-green-medium:before,
.portlet-nested-portlets.bkg-full-green-medium:before {
  display: none;
}
.portlet-journal-content.bkg-none:after,
.portlet-asset-categories-navigation.bkg-none:after,
.portlet-navigation.bkg-none:after,
.portlet-asset-publisher.bkg-none:after,
.portlet-nested-portlets.bkg-none:after {
  display: none;
}
.portlet-journal-content.bkg-none:before,
.portlet-asset-categories-navigation.bkg-none:before,
.portlet-navigation.bkg-none:before,
.portlet-asset-publisher.bkg-none:before,
.portlet-nested-portlets.bkg-none:before {
  display: none;
}

.bkg-primary-400 {
  background-color: var(--primary-400);
}

.bkg-primary-600 {
  background-color: var(--primary-600);
}

/* .banner-carousel {
	float: left;
	width: 100%;
	color: $bper-white;

	@media (min-width: $screen-lg-min) {
		margin-left: 0;
		margin-right: 0;
	}

	@media (max-width: $breakpoint-mobile) {
		padding-bottom: 50px;
	}

	.slider {
		.slick-next {
			background-image: url(../images/Icon-Arrow-Right.svg);
			background-size:24px;
			left: 606px;
			transform: none;
			background-position: center;
			width: 50px;
			height: 40px;
			background-color: $bper-white;
			background-repeat: no-repeat;
			border-radius: 0 20px 20px 0;
			bottom: 112px;
			top: inherit;

			@media (max-width: $screen-sm-max) {
				//bottom: 16px;
			}

			@media (max-width: $breakpoint-mobile) {
				display: block;
				left: 50% !important;
				bottom: 54px;
			}

			&:hover {
				background-color: var(--primary-20);
				background-image: url(../images/Icon-Arrow-Right.svg)!important;
			}

			&::before {
				content: none;

				[dir='rtl'] & {
					content: none;
				}
			}
		}

		.slick-prev {
			background-image: url(../images/Icon-Arrow-Left.svg);
			background-size:24px;
			left: 606px;
			transform: translateX(-100%);
			background-repeat: no-repeat;
			background-position: center;
			width: 50px;
			height: 40px;
			background-color: var(--primary-20);
			bottom: 112px;
			top: inherit;
			border-radius: 20px 0 0 20px;

			@media (max-width: $screen-sm-max) {
				//bottom: 16px;
			}

			@media (max-width: $breakpoint-mobile) {
				display: block;
				left: 50% !important;
				bottom: 54px;
			}

			&:hover {
				background-color: var(--primary-20);
				background-image: url(../images/Icon-Arrow-Left.svg)!important;
			}

			&::before {
				content: none;

				[dir='rtl'] & {
					content: none;
				}
			}
		}

		.slick-dots {
			bottom: 112px;
			width: auto;
			left: 50%;
			transform: translateX(-50%);

			@media (max-width: 1300px) {
				left: 720px;
			}

			@media (max-width: $breakpoint-mobile) {
				display: block;
				left: 50%;
				bottom: 0;
			}
		}

		.item {
			overflow: hidden;
			padding-bottom: 48px;

			@media (max-width: $screen-sm-max) {
				position: relative;
				//padding-bottom: 12px;
			}

			.carousel-image {
				position: relative;
				height: 500px;
				min-height: 500px;
				background: 40% center no-repeat;
				background-size: cover;

				@media (max-width: $breakpoint-mobile) {
					//height: 610px;
				}

				.bkg {
					position: absolute;
					top: 0;
					bottom: 50px;
					left: 0;
					overflow: hidden;
					right: 0;
					background-position: center;
					background-size: cover;
					background-repeat: no-repeat;

					@media (max-width: $breakpoint-mobile) {
						bottom: 115px;
						//height: 500px;

						&.mobile-green-overlay {
							&:after {
								content: '';
								display: block;
								position: absolute;
								top: 0;
								left: 0;
								bottom: 0;
								right: 0;
								background-color: var(--primary-400);
								opacity: 0.6;
							}
						}
					}
				}

				.squircle {
					position: absolute;
					left: 560px;
					transform: translateX(-50%) translateY(-50%);
					top: 50%;
					bottom: 0;
					//background-image: url(../images/Squircle.svg);
					width: 245px;
					height: 530px;
					background-position: center;
					background-size: contain;
					background-repeat: no-repeat;

					@media (max-width: $screen-sm-max) {
						z-index: 11;
					}

					@media (max-width: $breakpoint-mobile) {
						left: 0;
					}
				}

				.row-text-overlay {
					position: absolute;
					left: 80px;
					bottom: 0;
					height: auto;

					@media (max-width: $breakpoint-mobile) {
						position: absolute;
						bottom: 25px;
						top: unset;
						width: calc(100% - 50px);
						left: 25px;
					}

					.text-content {
						position: relative;
						left: 0;
						bottom: 0;
						padding: 52px 50px 60px 40px;
						height: 100%;
						top: 0;
						float: right;
						width: 480px;
						background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
						border-radius: 24px;
						box-shadow: 0px 16px 24px rgba(126, 140, 141, 0.16);
						margin-bottom: 34px;
						transform: translateY(34px);

						@media (max-width: $breakpoint-mobile) {
							width: 100%;
							padding: 40px 24px 55px 24px;
							position: relative;
							box-shadow: 0px 16px 24px rgba(126, 140, 141, 0.16);
						}
					}
				}

				.transparent-layer {
					display: none;
				}

				.text-overflow {
					@media (max-width: $breakpoint-mobile) {
						top: unset;
						bottom: 0;
						height: auto;
					}

					@media (max-width: $screen-sm-max) {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						z-index: 12;
					}

					.row {
						@media (max-width: $screen-sm-max) {
							margin-left: 0;
							margin-right: 0;
						}
					}

					.shadow {
						z-index: 1;
						position: absolute;
						top: 0;
						right: 0;
						width: 0;
						height: 0;
						background-image: url(../images/bkg-slide.png);
						background-size: contain;
						background-repeat: no-repeat;
						background-position: center;
						transform: translateY(-25%);
					}

					.banner-title-text {
						font-size: 28px;
						letter-spacing: 0px;
						line-height: 36px;
						font-family: 'Din-Bold', sans-serif;
						margin-bottom: 24px;

						@media (max-width: $breakpoint-mobile) {
							font-size: 24px;
							letter-spacing: 0px;
							line-height: 32px;
							font-family:'Din-Bold', sans-serif;
							margin-bottom: 16px;
						}

						* {
							font-size: inherit;
							font-weight: inherit;
							line-height: inherit;
							margin-bottom: 0;
						}
					}

					.banner-description {
						position: relative;
						width: 100%;
						line-height: 26px;
						font-size: 18px;
						margin-top: 15px;
						margin-bottom: 40px;

						@media (max-width: $breakpoint-mobile) {
							font-size: 14px;
							line-height: 20px;
							margin-bottom: 27px;
						}

						* {
							line-height: inherit;
							font-size: inherit;
							margin-bottom: 0;
						}
					}

					.banner-text-content {
						z-index: 2;
						position: relative;
						width: 100%;

						.banner-buttonContainer {
							width: 100%;
							text-align: left;
							margin-top: 25px;
							position: relative;

							@media (max-width: $breakpoint-mobile) {
								margin-top: 12px;
							}
						}
					}
				}
			}
		}
	}
}
*/
/*
<div class="column-text">
	<div class="row">
		<div class="wrapper">
			<div class="filler col-lg-4">
			</div>
			<div class="text-content right col-8">
				<p>
					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
				</p>
			</div>
		</div>
	</div>
</div>
*/
.column-text {
  background-color: #faf9f8;
  overflow: hidden;
}
.column-text .bper-wrapper .text-content {
  text-align: justify;
  padding: 0;
  padding-top: 72px;
  padding-bottom: 72px;
  margin-left: calc((100vw - 1170px) / -2);
  padding-left: calc((100vw - 1170px) / 2);
  overflow: hidden;
}
@media (max-width: 1199px) {
  .column-text .bper-wrapper .text-content {
    margin-left: -5px;
    margin-right: -5px;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
.column-text .bper-wrapper .text-content.center {
  column-count: 3;
  column-gap: 45px;
}
@media (max-width: 1199px) {
  .column-text .bper-wrapper .text-content.center {
    column-count: 1;
  }
}
.column-text .bper-wrapper .text-content.left {
  column-count: 2;
  column-gap: 45px;
}
@media (max-width: 1199px) {
  .column-text .bper-wrapper .text-content.left {
    column-count: 1;
  }
}
.column-text .bper-wrapper .text-content.right {
  column-count: 2;
  column-gap: 45px;
}
@media (max-width: 1199px) {
  .column-text .bper-wrapper .text-content.right {
    column-count: 1;
  }
}

footer {
  float: left;
  width: 100%;
}

#footer {
  overflow: hidden;
  background-color: #fff;
  z-index: 0;
  position: relative;
}
#footer .footer-container {
  position: relative;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
#footer .footer-container .footer-trick {
  display: none;
}
#footer .footer-container .footer-left {
  background-color: #005D44;
  height: 100%;
  width: 50%;
  border-radius: 0 32px 32px 0;
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 80px 45px 57px 75px;
  box-sizing: border-box;
}
#footer .footer-container .footer-left .bper-logo {
  height: 48px;
  width: auto;
  margin-bottom: 34px;
  margin-right: 20px;
}
#footer .footer-container .footer-left .voci-sx {
  color: #fff;
  display: flex;
}
#footer .footer-container .footer-left .voci-sx .voci-sx-col-1 {
  margin-right: 50px;
}
#footer .footer-container .footer-left .voci-sx strong {
  font-size: 13px;
}
#footer .footer-container .footer-right {
  background-color: #377D6A;
  height: calc(100% - 28px);
  width: calc(50% + 32px);
  position: absolute;
  right: 0;
  z-index: 1;
  padding-top: 53px;
  padding-right: 80px;
  padding-bottom: 57px;
  padding-left: 127px;
  box-sizing: border-box;
  margin-top: 28px;
}
@media (max-width: 1099px) {
  #footer .footer-container .footer-right {
    padding-left: 95px;
  }
}
#footer .footer-container .footer-right .voci-dx {
  color: #fff;
  display: flex;
}
#footer .footer-container .footer-right .voci-dx .voci-dx-col-1 {
  margin-right: 50px;
}
#footer .footer-container .footer-right .voci-dx strong {
  font-size: 13px;
}
#footer .voci-sx .voci-sx-col-1 p,
#footer .voci-sx .voci-sx-col-2 p {
  font-size: 16px;
  line-height: 100%;
  margin-bottom: 16px;
}
#footer .voci-sx .voci-sx-col-1 p > .link-cta,
#footer .voci-sx .voci-sx-col-1 p > .link-cta:hover,
#footer .voci-sx .voci-sx-col-2 p > .link-cta,
#footer .voci-sx .voci-sx-col-2 p > .link-cta:hover {
  color: #fff;
  text-decoration: none;
}
#footer .voci-dx .voci-dx-col-1 p,
#footer .voci-dx .voci-dx-col-2 p {
  font-size: 16px;
  line-height: 100%;
  margin-bottom: 16px;
}
#footer .voci-dx .voci-dx-col-1 p > .link-cta,
#footer .voci-dx .voci-dx-col-1 p > .link-cta:hover,
#footer .voci-dx .voci-dx-col-2 p > .link-cta,
#footer .voci-dx .voci-dx-col-2 p > .link-cta:hover {
  color: #fff;
  text-decoration: none;
}
@media (max-width: 1440px) {
  #footer .footer-container .footer-left .bper-logo {
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  #footer .footer-container {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: auto 21px;
    min-height: 0;
  }
  #footer .footer-container .footer-left {
    grid-column: 1;
    padding: 56px 25px 15px 25px;
    grid-row: 1;
    width: 100%;
    position: relative;
  }
  #footer .footer-container .footer-left .bper-logo {
    height: 47px;
    width: auto;
  }
  #footer .footer-container .footer-left .voci-sx {
    width: 100%;
    justify-content: space-between;
  }
  #footer .footer-container .footer-left .voci-sx .voci-sx-col-1 {
    margin-right: unset;
    width: 48%;
  }
  #footer .footer-container .footer-left .voci-sx .voci-sx-col-2 {
    margin-right: unset;
    width: 48%;
  }
  #footer .footer-container .footer-trick {
    grid-column: 2;
    grid-row: 1;
    display: block;
    height: calc(100% - 21px);
    background-color: #377D6A;
    margin-left: -70px;
  }
  #footer .footer-container .footer-right {
    grid-column: span 2;
    grid-row: 2;
    padding: 35px 35px 24px 25px;
    width: 100%;
    height: auto;
    position: relative;
    margin-top: -1px;
  }
  #footer .footer-container .footer-right .voci-dx {
    justify-content: space-between;
    display: flex;
  }
  #footer .footer-container .footer-right .voci-dx .voci-dx-col-1, #footer .footer-container .footer-right .voci-dx .voci-dx-col-2 {
    margin-right: 0;
    width: 48%;
  }
}

/*
a.link-cta {
	font-weight: normal;
}

a.link-cta.link-cta-icon::after {
	content: "\f105";
	font-family: fontawesome-alloy;
	padding-left: 10px;
	position: relative;
	left: 0;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	vertical-align: baseline;
	display: inline-block;
}*/
/*
.bper-wrapper {
	position: relative;
	max-width: 1170px;
	margin: 0 auto;
	height: 100%;
	padding: 0;

	@media (max-width: 1250px) {
		padding-left: 20px;
		padding-right: 20px;
	}

	@media(max-width:1199px) and (min-width:376px) {
		width: 95%;
		padding-left: calc((100vw - 1170px) / -40);
		padding-right: calc((100vw - 1170px) / -40)
	}

	@media(max-width:768px) {
		width: 100%;
		padding-left: calc(100vw - 97.5vw);
		padding-right: calc(100vw - 97.5vw)
	}

	@media(max-width:480px) {
		width: 100%;
		padding-left: 0;
		padding-right: 0
	}
}*/
.filiali-bper {
  margin-top: 60px;
  margin-bottom: 60px;
  font-family: "DIN-Regular", Helvetica, Arial, sans-serif;
  font-size: 12px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .filiali-bper {
    margin-top: 30px;
  }
}
.filiali-bper * {
  box-sizing: border-box;
}
.filiali-bper a.green-dark {
  color: #005D44;
}
.filiali-bper .slick-slider {
  margin-top: 120px;
  margin-left: -15px;
  margin-right: -15px;
}
.filiali-bper .slick-slider .slick-disabled {
  opacity: 0.4;
}
.filiali-bper .slick-slider .slick-slide {
  display: block;
  padding: 0 15px;
}
.filiali-bper .slick-slider .slick-arrow {
  width: 44px;
  height: 44px;
  position: absolute;
  top: -25px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 27px;
  overflow: hidden;
  text-indent: -99px;
  display: block;
  transform: translateY(-100%);
  transition: 200ms;
}
.filiali-bper .slick-slider .slick-arrow:hover {
  background-color: rgba(255, 255, 255, 0.53);
  border-radius: 100%;
}
.filiali-bper .slick-slider .slick-arrow.slick-prev {
  left: 10px;
  background-image: url(../images/filiali/arrow-left.svg) !important;
}
.filiali-bper .slick-slider .slick-arrow.slick-next {
  left: 75px;
  right: inherit;
  background-image: url(../images/filiali/arrow-right.svg) !important;
}
.filiali-bper .icon-area-self {
  width: 36px;
  height: 36px;
  background-position: center;
  background-size: 87px;
  background-repeat: no-repeat;
  display: block;
  margin-left: 12px;
}
.filiali-bper .white-bkg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
  background-color: rgba(255, 255, 255, 0.5);
}
.filiali-bper .intro {
  color: #005D44 !important;
  margin-bottom: 50px;
}
.filiali-bper .intro h1 {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  margin: 0;
}
.filiali-bper .intro p {
  font-weight: 400;
  font-size: 24px;
  margin: 0;
}
.filiali-bper .service-info-wrapper {
  position: fixed;
  width: 770px;
  max-width: 80%;
  height: auto;
  min-height: 100px;
  z-index: 9100;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  transform: translateY(-100%);
  margin-left: 45px;
  margin-top: 44px;
}
@media (max-width: 800px) {
  .filiali-bper .service-info-wrapper {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    max-width: 100% !important;
    transform: none !important;
    bottom: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0;
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 100% !important;
  }
  .filiali-bper .service-info-wrapper .text-content .close {
    display: block;
    position: absolute;
    float: right;
    top: 20px;
    opacity: 1 !important;
    right: 40px;
    display: flex;
    align-content: center;
    align-items: center;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    background: none !important;
    display: flex !important;
    height: 60px !important;
    background: none !important;
    opacity: 1 !important;
    flex-direction: row !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }
  .filiali-bper .service-info-wrapper .text-content .close .close-circle {
    background-image: url(../images/filiali/close-icon.svg) !important;
    width: 60px;
    height: 60px;
    min-width: 60px;
    border: solid 1px #fff;
    border-radius: 100%;
  }
  .filiali-bper .service-info-wrapper .text-content .close span {
    margin-right: 10px;
    display: block;
    width: auto;
    text-align: right;
  }
  .filiali-bper .service-info-wrapper .text-content .close svg {
    height: 60px;
    width: 60px;
  }
}
.filiali-bper .service-info-wrapper .close span,
.filiali-bper .service-info-wrapper .close svg {
  display: none;
}
.filiali-bper .service-info-wrapper .dotti {
  position: relative;
  width: 67px;
  margin: 0;
  padding: 0;
  height: 71px;
}
@media (max-width: 800px) {
  .filiali-bper .service-info-wrapper .dotti {
    display: none;
  }
}
.filiali-bper .service-info-wrapper .dotti .img-dotti {
  width: 70px;
  height: 70px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/filiali/dotti.svg) !important;
}
.filiali-bper .service-info-wrapper .text-content {
  background: #005D44 !important;
  color: #fff;
  position: relative;
  top: 0;
  transform: none;
  bottom: inherit;
  width: calc(100% - 90px);
  border-radius: 21px;
  border-bottom-left-radius: 0;
  padding: 40px 50px 40px 40px;
  margin-left: 20px;
  font-size: 20px;
  line-height: inherit;
  color: #fff;
}
@media (max-width: 800px) {
  .filiali-bper .service-info-wrapper .text-content {
    width: 100%;
    margin: 0;
    border-radius: 0;
    padding: 90px 40px 40px 40px;
    bottom: 0;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 99, 105, 0.8);
  }
  .filiali-bper .service-info-wrapper .text-content .main-text-content {
    max-height: 100% !important;
  }
}
.filiali-bper .service-info-wrapper .text-content .close {
  cursor: pointer;
  display: block;
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
  background-image: url(../images/filiali/close-icon.svg) !important;
  position: absolute;
  top: 15px;
  right: 15px;
}
@media (max-width: 800px) {
  .filiali-bper .service-info-wrapper .text-content .close {
    background: none !important;
  }
}
.filiali-bper .service-info-wrapper .text-content ul {
  margin: 0;
  padding: 0;
  padding-left: 18px;
}
.filiali-bper .service-info-wrapper .text-content:after {
  content: "";
  position: absolute;
  display: block;
  bottom: -23px;
  left: -14px;
  transition: transform 0ms;
  width: 15px;
  height: 15px;
  border: 5px solid #005D44 !important;
  border-top-color: rgb(0, 99, 105);
  border-top-style: solid;
  border-top-width: 5px;
  border-right-color: rgb(0, 99, 105);
  border-right-style: solid;
  border-right-width: 5px;
  border-left-color: rgb(0, 99, 105);
  border-left-style: solid;
  border-left-width: 5px;
  border-top-color: #005D44 !important;
  border-top-style: solid;
  border-top-width: 5px;
  border-right-color: #005D44 !important;
  border-right-style: solid;
  border-right-width: 5px;
  border-left-color: #005D44 !important;
  border-left-style: solid;
  border-left-width: 5px;
  border-top-color: #005D44 !important;
  border-top-style: solid;
  border-top-width: 10px;
  border-right-color: #005D44 !important;
  border-right-style: solid;
  border-right-width: 10px;
  border-left-color: #005D44 !important;
  border-left-style: solid;
  border-left-width: 10px;
  border-radius: 24%;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  transform-origin: 50% 50%;
  margin-left: 0;
  box-sizing: content-box;
  transform: translateX(11%) rotate(-192deg);
}
@media (max-width: 800px) {
  .filiali-bper .service-info-wrapper .text-content:after {
    display: none;
  }
}
.filiali-bper .service-info-wrapper .text-content span {
  min-width: 200px;
  padding: 0 10px;
}
@media (max-width: 1100px) {
  .filiali-bper #searchbar-and-intro {
    padding: 0 15px;
  }
}
.filiali-bper .button .icon-geolocation {
  background-image: url(../images/filiali/position-icon.svg) !important;
  width: 19px;
  height: 19px;
}
.filiali-bper .input-wrapper {
  position: relative;
  border-radius: 45px;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(200, 200, 200, 0.5);
}
.filiali-bper .input-wrapper .search-button {
  position: absolute;
  width: 60px;
  display: block;
  height: 100%;
  cursor: pointer;
  left: 15;
  top: 0;
  background-image: url(./../images/filiali/search.svg) !important;
  background-repeat: no-repeat;
  background-position: center left 20px;
  background-size: 30px;
}
@media (max-width: 1100px) {
  .filiali-bper .input-wrapper .search-button {
    background-size: 22px;
  }
}
.filiali-bper .input-wrapper .filter-button {
  position: absolute;
  width: 90px;
  display: block;
  height: 100%;
  cursor: pointer;
  right: 0;
  top: 0;
  background: #EDF5EB !important;
  border-top-left-radius: 0;
  border-top-right-radius: 45px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 45px;
}
@media (max-width: 1100px) {
  .filiali-bper .input-wrapper .filter-button {
    width: 83px;
  }
}
.filiali-bper .input-wrapper .filter-button.active {
  background-color: #005D44 !important;
}
.filiali-bper .input-wrapper .filter-button.active:after {
  content: "";
  background-color: #64B054 !important;
  width: 13px;
  height: 13px;
  border-radius: 100%;
  top: 28px;
  left: 51px;
  position: absolute;
}
.filiali-bper .input-wrapper .filter-button.active span {
  background-color: #fff !important;
}
.filiali-bper .input-wrapper .filter-button.open span:nth-child(1) {
  width: 17px;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.filiali-bper .input-wrapper .filter-button.open span:nth-child(2) {
  width: 0;
  transform: translateX(-50%) translateY(0px);
}
.filiali-bper .input-wrapper .filter-button.open span:nth-child(3) {
  width: 17px;
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.filiali-bper .input-wrapper .filter-button span {
  background-color: #005D44 !important;
  border-radius: 2px;
  height: 2px;
  top: 50%;
  left: 50%;
  transition: 200ms;
  position: absolute;
  display: block;
}
.filiali-bper .input-wrapper .filter-button span:nth-child(1) {
  width: 29px;
  transform: translateX(-50%) translateY(-6px);
}
.filiali-bper .input-wrapper .filter-button span:nth-child(2) {
  width: 22px;
  transform: translateX(-50%) translateY(0px);
}
.filiali-bper .input-wrapper .filter-button span:nth-child(3) {
  width: 13px;
  transform: translateX(-50%) translateY(6px);
}
.filiali-bper .search-bar-wrapper {
  position: relative;
}
.filiali-bper .search-bar-wrapper .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 99;
  bottom: -50px;
}
.filiali-bper .search-bar-wrapper .dotti {
  position: absolute;
  right: 0;
  transform: translateY(83px);
  z-index: 9999;
  padding-left: 45px;
  width: auto;
  min-width: inherit;
  margin: 0;
  padding: 0;
}
.filiali-bper .search-bar-wrapper .dotti .img-dotti {
  width: 70px;
  height: 70px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/filiali/dotti.svg) !important;
}
.filiali-bper .search-bar-wrapper .dotti .text {
  background: #005D44 !important;
  color: #fff;
  position: absolute;
  left: -20px;
  transform: translateX(-100%) translateY(0);
  bottom: 0;
  padding: 12px 20px;
  width: auto;
  border-radius: 120px;
  border-bottom-right-radius: 0;
  top: inherit;
  min-width: 220px;
}
.filiali-bper .search-bar-wrapper .dotti .text:after {
  transform: translateX(100%);
  content: "";
  position: absolute;
  display: block;
  bottom: 2px;
  left: 100%;
  transition: transform 0ms, -webkit-transform 0ms;
  width: 15px;
  height: 15px;
  border: 5px solid #005D44 !important;
  border-top-color: rgb(0, 99, 105);
  border-top-style: solid;
  border-top-width: 5px;
  border-right-color: rgb(0, 99, 105);
  border-right-style: solid;
  border-right-width: 5px;
  border-left-color: rgb(0, 99, 105);
  border-left-style: solid;
  border-left-width: 5px;
  border-top-color: rgb(0, 99, 105);
  border-top-style: solid;
  border-top-width: 10px;
  border-right-color: rgb(0, 99, 105);
  border-right-style: solid;
  border-right-width: 10px;
  border-left-color: rgb(0, 99, 105);
  border-left-style: solid;
  border-left-width: 10px;
  border-radius: 24%;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  transform-origin: 50% 50%;
  margin-right: -10px;
  box-sizing: content-box;
  transform: translateX(-67%) rotate(9deg);
}
.filiali-bper .search-bar-wrapper .dotti .text span {
  min-width: 200px;
  padding: 0 10px;
}
.filiali-bper .search-bar-wrapper .MuiButton-label {
  margin-top: 2px;
}
.filiali-bper .search-bar-wrapper .current-position-repeat-search {
  position: absolute;
  right: 0;
  display: block;
  transform: translateY(83px);
  z-index: 9;
}
.filiali-bper .search-bar-wrapper .current-position-repeat-search .button {
  line-height: 42px;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  float: left;
}
.filiali-bper .search-bar-wrapper .current-position-repeat-search .button + .button {
  margin-left: 20px;
}
.filiali-bper .search-bar-wrapper .current-position-button {
  position: relative;
  padding-left: 35px;
  display: inline-block;
}
@media (max-width: 1100px) {
  .filiali-bper .search-bar-wrapper .current-position-button {
    width: 42px;
    height: 42px;
    min-width: 42px;
    padding: 0;
  }
  .filiali-bper .search-bar-wrapper .current-position-button span {
    display: none;
  }
  .filiali-bper .search-bar-wrapper .current-position-button span.icon-geolocation {
    display: inline-block;
    position: relative;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.filiali-bper .search-bar-wrapper .current-position-button .icon-geolocation {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  background-position: center;
  background-size: contain;
}
.filiali-bper .search-input {
  width: 100%;
  padding: 31px 75px 31px 75px;
  line-height: 1;
  border-radius: 45px;
  border: 1px solid #eee;
  background-color: #fff;
  color: #64B054 !important;
  font-weight: 500;
  font-size: 16px;
  outline: none !important;
}
@media (max-width: 1100px) {
  .filiali-bper .search-input {
    padding: 22px 75px 22px 75px;
  }
}
.filiali-bper .react-slidedown {
  transition-duration: 0.1s;
}
.filiali-bper .filter-wrapper {
  position: absolute;
  z-index: 10;
  width: 100%;
  color: #005D44 !important;
}
.filiali-bper .filter-wrapper .filter-wrapper-content {
  padding: 55px 70px;
  box-shadow: 0 14px 20px rgba(0, 0, 0, 0.1);
  background: #faf9f8;
}
@media (max-width: 767px) {
  .filiali-bper .filter-wrapper .filter-wrapper-content {
    padding: 90px 40px 40px 40px;
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
  }
  .filiali-bper .filter-wrapper .filter-wrapper-content .filter {
    display: flex;
    flex-grow: 2;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
  }
  .filiali-bper .filter-wrapper .filter-wrapper-content .filter .categories {
    flex-grow: 2;
  }
}
.filiali-bper .filter-wrapper .close-filters-mobile {
  display: none;
}
@media (max-width: 767px) {
  .filiali-bper .filter-wrapper .close-filters-mobile {
    display: block;
    position: absolute;
    float: right;
    top: 20px;
    right: 40px;
    display: flex;
    align-content: center;
    align-items: center;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    color: #005D44 !important;
  }
  .filiali-bper .filter-wrapper .close-filters-mobile:hover {
    color: #64B054 !important;
  }
  .filiali-bper .filter-wrapper .close-filters-mobile:hover svg g,
  .filiali-bper .filter-wrapper .close-filters-mobile:hover svg path {
    stroke: #64B054 !important;
  }
  .filiali-bper .filter-wrapper .close-filters-mobile svg {
    height: 60px;
    width: 60px;
  }
  .filiali-bper .filter-wrapper .close-filters-mobile span {
    margin-right: 10px;
    display: block;
  }
}
.filiali-bper .filter-wrapper h3 {
  font-weight: 500;
  font-size: 16px;
  margin: 0;
  padding: 0;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .filiali-bper .filter-wrapper h3 {
    margin-bottom: 10px;
  }
}
.filiali-bper .filter-wrapper .filter {
  display: flex;
  flex-direction: column;
}
.filiali-bper .filter-wrapper .filter .categories {
  display: flex;
  flex-direction: column;
}
.filiali-bper .filter-wrapper .filter .categories .categories-with-image ul {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .filiali-bper .filter-wrapper .filter .categories .categories-with-image ul {
    width: 100%;
    display: flex;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .filiali-bper .filter-wrapper .filter .categories .categories-with-image ul::-webkit-scrollbar {
    display: none;
  }
}
.filiali-bper .filter-wrapper .filter .categories .categories-with-image li {
  width: 130px;
  height: 145px;
  border: solid 1px #EDF5EB !important;
  border-radius: 21px;
  background: none;
  position: relative;
  margin-right: 30px;
  margin-bottom: 30px;
  cursor: pointer;
}
@media (max-width: 1000px) {
  .filiali-bper .filter-wrapper .filter .categories .categories-with-image li {
    width: 23%;
    min-width: 23%;
    margin-right: 2%;
  }
}
@media (max-width: 767px) {
  .filiali-bper .filter-wrapper .filter .categories .categories-with-image li {
    min-width: 91px;
    width: 91px;
    height: 110px;
    margin-right: 14px;
    margin-bottom: 0;
  }
}
.filiali-bper .filter-wrapper .filter .categories .categories-with-image li.selected {
  background: #EDF5EB !important;
}
.filiali-bper .filter-wrapper .filter .categories .categories-with-image li .img {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .filiali-bper .filter-wrapper .filter .categories .categories-with-image li .img {
    width: 47px !important;
    height: 47px !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    margin: 10px 21px !important;
    display: block !important;
  }
}
.filiali-bper .filter-wrapper .filter .categories .categories-with-image li .img img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.filiali-bper .filter-wrapper .filter .categories .categories-with-image li h4 {
  color: #005D44 !important;
  font-size: inherit;
  font-weight: inherit;
  padding: 0 10px;
  text-align: center;
  position: absolute;
  bottom: 5px;
  margin: 0;
  width: 100%;
}
.filiali-bper .filter-wrapper .filter .categories .services {
  margin-top: 10px;
}
.filiali-bper .filter-wrapper .filter .categories ul {
  padding: 0;
  margin: 0;
  display: block;
  margin-bottom: 40px;
  width: 100%;
  float: left;
}
@media (max-width: 767px) {
  .filiali-bper .filter-wrapper .filter .categories ul {
    margin-bottom: 10px;
  }
}
.filiali-bper .filter-wrapper .filter .categories ul li {
  display: flex;
  float: left;
  flex-direction: column;
}
.filiali-bper .filter-wrapper .filter .categories ul li.token {
  min-width: 185px;
  text-align: center;
  border: solid 1px #EDF5EB !important;
  border-radius: 20px;
  line-height: 29px;
  margin-right: 20px;
  padding: 0 15px;
  color: #005D44 !important;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .filiali-bper .filter-wrapper .filter .categories ul li.token {
    width: calc(50% - 7px);
    margin: 0;
    margin-bottom: 14px;
    min-width: inherit;
    float: left;
    height: auto;
    line-height: 1;
    padding: 5px 15px;
    min-height: 40px;
    display: flex;
    align-items: center;
    align-content: center;
    position: relative;
  }
  .filiali-bper .filter-wrapper .filter .categories ul li.token span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    padding: 10px;
    width: 100%;
  }
  .filiali-bper .filter-wrapper .filter .categories ul li.token:nth-child(2n+1) {
    clear: left;
  }
  .filiali-bper .filter-wrapper .filter .categories ul li.token:nth-child(2n+2) {
    margin-left: 14px;
  }
}
.filiali-bper .filter-wrapper .filter .categories ul li.token.selected {
  background-color: #EDF5EB !important;
}
.filiali-bper .filter-wrapper .filter .footer-wrapper {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.filiali-bper .filter-wrapper .filter .footer-wrapper .results {
  font-size: 16px;
  font-weight: 300;
  text-emphasis: none;
  font-style: inherit;
}
.filiali-bper .filter-wrapper .filter .footer-wrapper .buttons {
  flex-grow: 2;
  text-align: right;
}
.filiali-bper .filter-wrapper .filter .footer-wrapper .buttons .button + .button {
  margin-left: 25px;
}
.filiali-bper .region-filter-title {
  color: #005D44 !important;
  margin-bottom: 18px;
  font-size: 22px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .filiali-bper .region-filter-title {
    padding: 0 15px;
  }
}
.filiali-bper .regions {
  color: #005D44 !important;
  margin-top: 60px;
}
@media (max-width: 767px) {
  .filiali-bper .regions {
    padding: 0 15px;
  }
}
.filiali-bper .regions a {
  text-decoration: none;
  color: inherit;
}
.filiali-bper .regions a:hover {
  text-decoration: underline;
}
.filiali-bper .regions h3 {
  font-size: 42px;
  font-weight: 100;
  letter-spacing: 0;
}
.filiali-bper .regions ul {
  display: block;
  margin: 0;
  padding: 0;
}
.filiali-bper .regions ul li {
  display: inline-block;
  margin: 0;
  margin-right: 15px;
  padding: 0;
}
.filiali-bper .regions ul li.selected a {
  text-decoration: underline;
}
.filiali-bper .regions ul li a {
  display: inline-block;
  line-height: 2;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
.filiali-bper .regions ul li a:hover {
  text-decoration: underline;
}
.filiali-bper #map-section {
  margin-top: 50px;
  position: relative;
}
.filiali-bper #map-section .gmnoprint {
  display: none !important;
}
.filiali-bper #map-section .gmnoprint + .gm-style-cc {
  display: none;
}
.filiali-bper #map-section .gmnoprint.gm-bundled-control {
  display: block !important;
  bottom: 130px !important;
}
.filiali-bper #map-section .gmnoprint.gm-bundled-control .gmnoprint {
  display: block !important;
}
.filiali-bper #map-section .cover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 99;
}
.filiali-bper #map-section .google-map {
  position: relative;
}
@media (max-width: 767px) {
  .filiali-bper #map-section .google-map {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media (max-width: 767px) {
  .filiali-bper #map-section .google-map > .bper-wrapper {
    margin: 0;
    padding: 0;
  }
}
.filiali-bper #map-section .google-map .gm-control-active {
  display: none;
}
.filiali-bper #map-section .google-map .shadow {
  background-image: url(../images/filiali/shadow.svg) !important;
  width: 100%;
  position: absolute;
  background-position: center bottom;
  background-size: cover;
  top: 0px;
  height: 50px !important;
  z-index: 8;
}
@media (max-width: 767px) {
  .filiali-bper #map-section .google-map .shadow {
    display: none;
  }
}
.filiali-bper #map-section .google-map > div:not(.bper-wrapper):not(.shadow) {
  height: 850px !important;
  max-height: 80vh;
}
@media (max-width: 767px) {
  .filiali-bper #map-section .google-map > div:not(.bper-wrapper):not(.shadow) {
    height: 510px !important;
  }
}
.filiali-bper #map-section .google-map-content .button-repeat-search {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.filiali-bper #map-section #store-list {
  position: absolute;
  left: 0;
  width: 600px;
  max-width: 60%;
  max-height: 790px;
  z-index: 9;
  overflow-y: auto;
  overflow-x: hidden;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  scrollbar-width: none;
  top: 30px;
}
@media (max-height: 988px) {
  .filiali-bper #map-section #store-list {
    max-height: calc(80vh - 30px);
  }
}
@media (max-width: 1400px) {
  .filiali-bper #map-section #store-list {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .filiali-bper #map-section #store-list {
    position: relative;
    max-height: 800px;
    width: 100%;
    max-width: 100%;
    top: 0;
  }
}
.filiali-bper #map-section #store-list::-webkit-scrollbar {
  display: none;
}
.filiali-bper #map-section #store-list .store-list-item {
  width: calc(100% - 30px);
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 255, 255, 0.85);
  padding: 22px 60px 28px 33px;
  border-radius: 10px;
  margin-top: 0px;
  margin-left: 15px;
  display: flex;
  flex-direction: row;
  transition: 500ms;
}
@media (max-width: 1400px) {
  .filiali-bper #map-section #store-list .store-list-item {
    padding: 25px 30px 25px 15px;
    padding: 15px 20px 20px 15px;
    margin-top: 30px;
  }
}
.filiali-bper #map-section #store-list .store-list-item:hover {
  background-color: #fff;
}
.filiali-bper #map-section #store-list .store-list-item:first-child {
  margin-top: 0;
}
.filiali-bper #map-section #store-list .store-list-item:last-child {
  margin-bottom: 30px;
}
.filiali-bper #map-section #store-list .store-list-item.selected .store-item-logo svg path {
  fill: #64B054 !important;
}
.filiali-bper #map-section #store-list .store-list-item .store-item-logo {
  width: 36px;
}
@media (max-width: 1100px) {
  .filiali-bper #map-section #store-list .store-list-item .store-item-logo {
    width: 21px;
  }
}
.filiali-bper #map-section #store-list .store-list-item .store-item-logo img,
.filiali-bper #map-section #store-list .store-list-item .store-item-logo svg {
  width: 100%;
}
.filiali-bper #map-section #store-list .store-list-item .store-info {
  margin-left: 30px;
  width: calc(100% - 66px);
  flex-grow: 2;
  font-weight: 400;
  font-size: 18px;
  font-variant-numeric: lining-nums;
  color: #005D44 !important;
}
@media (max-width: 1100px) {
  .filiali-bper #map-section #store-list .store-list-item .store-info {
    margin-left: 10px;
  }
}
.filiali-bper #map-section #store-list .store-list-item .store-info .italic {
  font-size: 18px;
  font-weight: 300;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .orari-contatti.CP {
  display: flex;
  flex-direction: column-reverse;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .string-open-time {
  font-size: 20px;
  font-weight: 400;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .string-open-time b {
  font-family: "Din-Bold", sans-serif !important;
}
.filiali-bper #map-section #store-list .store-list-item .store-info h4 {
  color: #64B054 !important;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 1.3;
  font-family: "Din-Bold", sans-serif;
  line-height: 1.3;
  margin: 10px 0;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row {
  margin: 5px 0;
  padding: 0;
  position: relative;
  clear: both;
  width: 100%;
  display: flex;
  align-items: center;
  text-align: left;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.horizontal {
  flex-direction: column;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.horizontal * {
  width: 100%;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.contacts {
  margin-top: 20px;
  font-size: 18px;
  line-height: 2em;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.contacts a {
  text-decoration: none;
  position: relative;
  color: inherit;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.contacts a:hover {
  text-decoration: underline;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.contacts a:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateX(-30px) translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.contacts a.phone:before {
  background-image: url(../images/filiali/phone.png) !important;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.contacts a.fax:before {
  background-image: url(../images/filiali/fax.png) !important;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.orari-wrapper {
  margin-top: 20px;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.orari-wrapper .orari {
  position: relative;
  margin: 0;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.orari-wrapper .orari:hover {
  text-decoration: underline;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.orari-wrapper .orari:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateX(-30px) translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/filiali/clock.png) !important;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.orari-wrapper b {
  font-weight: 400;
  font-size: 20px;
  margin: 12px 0 2px 0;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.orari-wrapper ul {
  font-size: 18px;
  display: flex;
  flex-direction: column;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.orari-wrapper ul li {
  margin-bottom: 3px;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row b,
.filiali-bper #map-section #store-list .store-list-item .store-info .row a,
.filiali-bper #map-section #store-list .store-list-item .store-info .row p,
.filiali-bper #map-section #store-list .store-list-item .store-info .row span {
  display: block;
  margin: 0;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row b {
  font-weight: 400;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row .small {
  font-size: 16px;
  font-weight: 300;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .left {
  float: left;
  flex-grow: 2;
  text-align: left;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .right {
  flex-grow: 2;
  float: right;
  text-align: right;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .right a {
  float: right;
  align-items: center;
  display: flex;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .right a .icon-area-self {
  margin-left: 14px;
  width: 36px;
  height: 36px;
  display: block;
  background-position: center;
  background-size: cover;
  position: relative;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .right a .icon-area-self svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.filiali-bper #map-section #store-list .store-list-item .store-info ul,
.filiali-bper #map-section #store-list .store-list-item .store-info li {
  display: block;
  margin: 0;
  padding: 0;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .link-mobile {
  display: none;
}
@media (max-width: 1100px) {
  .filiali-bper #map-section #store-list .store-list-item .store-info .link-mobile {
    display: block;
    margin-top: 15px;
  }
  .filiali-bper #map-section #store-list .store-list-item .store-info .link-mobile a {
    font-size: 18px;
    cursor: pointer;
    color: #005D44 !important;
    text-decoration: none;
    margin-right: 10px;
  }
  .filiali-bper #map-section #store-list .store-list-item .store-info .link-mobile a:hover {
    color: #64B054 !important;
    text-decoration: none;
  }
}
.filiali-bper #map-section #store-list .store-list-item .store-info .services {
  display: grid;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  margin-top: 25px;
  grid-template-columns: calc(50% - 5px) calc(50% - 5px);
}
@media (max-width: 1100px) {
  .filiali-bper #map-section #store-list .store-list-item .store-info .services {
    margin-top: 15px;
    display: block;
  }
}
.filiali-bper #map-section #store-list .store-list-item .store-info .services li {
  display: flex;
  align-items: center;
}
@media (max-width: 1100px) {
  .filiali-bper #map-section #store-list .store-list-item .store-info .services li + li {
    margin-top: 10px;
  }
}
.filiali-bper #map-section #store-list .store-list-item .store-info .services li .icon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  background: #005D44 !important;
  display: block;
  border-radius: 100%;
  position: relative;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .services li .icon img {
  max-width: inherit;
  max-height: inherit;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.filiali-bper #map-section #store-list .store-list-item .store-info .services li .text {
  margin-left: 14px;
  text-transform: uppercase;
  font-size: 10px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .buttons {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
@media (max-width: 1100px) {
  .filiali-bper #map-section #store-list .store-list-item .store-info .buttons {
    display: block;
  }
}
@media (max-width: 1100px) {
  .filiali-bper #map-section #store-list .store-list-item .store-info .buttons .button {
    min-width: inherit;
    width: auto;
    float: right;
    display: block;
  }
  .filiali-bper #map-section #store-list .store-list-item .store-info .buttons .button.directions {
    display: none;
  }
}
.filiali-bper #map-section #store-list .store-list-item .store-info .buttons .button + .button {
  margin-left: 25px;
}
@media (max-width: 1100px) {
  .filiali-bper #map-section #store-list .store-list-item .store-info .buttons .button + .button {
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
  }
}
.filiali-bper #map-section .cluster-marker {
  width: 80px;
  height: 80px;
  position: relative;
  background-color: rgba(0, 99, 105, 0.2);
  border-radius: 100%;
  box-shadow: 0px 0 13px rgba(0, 99, 105, 0.4);
}
.filiali-bper #map-section .cluster-marker .span1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  height: 85%;
  border-radius: 100%;
  background-color: rgba(0, 99, 105, 0.6);
  box-shadow: 0px 0 3px rgba(0, 99, 105, 0.2);
}
.filiali-bper #map-section .cluster-marker .span2 {
  width: 85%;
  height: 85%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  background-color: #005D44 !important;
  box-shadow: 0px 0 3px rgba(0, 99, 105, 0.2);
}
.filiali-bper #map-section .cluster-marker .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  padding: 10px;
}
.filiali-bper #map-section .marker {
  position: relative;
  width: 1px;
  height: 1px;
}
.filiali-bper #map-section .marker svg {
  transition: 100ms;
  width: 36px;
  position: absolute;
  bottom: 1px;
  left: 0;
  left: 50%;
  transform: translateX(-50%);
}
.filiali-bper #map-section .marker svg path {
  transition: 200ms;
}
.filiali-bper #map-section .marker.selected svg {
  width: 54px;
}
.filiali-bper #map-section .marker.selected svg path {
  fill: var(--primary-400) !important;
}
.filiali-bper .marker-icon path {
  fill: var(--primary-400) !important;
}
.filiali-bper .detail .name-directions {
  display: flex;
  margin-bottom: 60px;
  align-items: flex-end;
}
@media (max-width: 767px) {
  .filiali-bper .detail .name-directions {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 30px;
    padding: 0 10px;
  }
}
.filiali-bper .detail .name-directions .intro {
  flex-grow: 2;
  padding-right: 30px;
  margin-bottom: 0;
}
.filiali-bper .detail .name-directions a.button {
  display: block;
}
@media (max-width: 767px) {
  .filiali-bper .detail .name-directions a.button {
    margin-top: 20px;
  }
}
.filiali-bper .detail .area-self {
  transform: translateY(-100%);
  font-weight: 500;
  font-size: 20px;
}
@media (max-width: 767px) {
  .filiali-bper .detail .area-self {
    margin-top: 20px;
  }
}
.filiali-bper .detail .area-self a {
  display: flex;
  align-items: center;
  color: #005D44;
}
.filiali-bper .detail .area-self .icon-area-self {
  width: 36px;
  height: 36px;
}
.filiali-bper .detail .orario-contatti {
  display: flex;
  margin-top: 40px;
  align-items: flex-end;
  color: #005D44;
}
@media (max-width: 767px) {
  .filiali-bper .detail .orario-contatti {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 10px;
  }
  .filiali-bper .detail .orario-contatti .contacts {
    margin: 0;
  }
}
.filiali-bper .detail .orario-contatti .contacts {
  flex-grow: 2;
  padding-right: 30px;
  flex-direction: column;
}
.filiali-bper .detail .orario-contatti .contacts .contacts-list a {
  font-size: 20px;
  font-weight: 400;
  color: #005D44;
  text-decoration: none;
  padding-left: 40px;
  margin-right: 90px;
  margin-top: 20px;
  position: relative;
  display: inline-block;
}
.filiali-bper .detail .orario-contatti .contacts .contacts-list a:hover span {
  text-decoration: underline;
}
.filiali-bper .detail .orario-contatti .contacts .contacts-list a:before {
  content: "";
  width: 18px;
  left: 0;
  height: 18px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateX(0);
  transform: translateY(-50%);
  display: block;
}
.filiali-bper .detail .orario-contatti .contacts .contacts-list a.phone:before {
  background-image: url(../images/filiali/phone.png);
}
.filiali-bper .detail .orario-contatti .contacts .contacts-list a.fax:before {
  background-image: url(../images/filiali/fax.png);
}
.filiali-bper .detail .orario-contatti .contacts .contacts-list a.email:before {
  background-image: url(../images/filiali/email.svg);
}
.filiali-bper .detail .orario-contatti .contacts h3 {
  font-size: 42px;
  font-family: "Din-Bold", sans-serif;
  padding-bottom: 14px;
  position: relative;
  min-width: 300px;
  margin: 0;
  margin-bottom: 5px;
}
.filiali-bper .detail .orario-contatti .contacts h3:after {
  background-color: #005D44;
  width: 100%;
  max-width: 300px;
  height: 1px;
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
}
@media (max-width: 767px) {
  .filiali-bper .detail .orario-contatti .subsidiary-contact-link {
    margin-top: 30px;
  }
}
.filiali-bper .detail .orario-contatti .subsidiary-contact-link a {
  display: block;
}
@media (max-width: 767px) {
  .filiali-bper .detail .times-map-wrapper.bper-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.filiali-bper .detail .times-map-wrapper.fix-height {
  height: 300px;
  position: relative;
}
.filiali-bper .detail .times-map {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .filiali-bper .detail .times-map {
    flex-direction: column;
  }
}
.filiali-bper .detail .times-map .times {
  width: 56%;
  max-width: 56%;
  margin: 60px 0;
}
@media (max-width: 767px) {
  .filiali-bper .detail .times-map .times {
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
}
.filiali-bper .detail .times-map .times .times-content {
  background-color: var(--primary-400) !important;
  color: #fff;
  padding-top: 57px;
  padding-bottom: 90px;
  padding-right: 50px;
  margin-right: -15px;
  margin-left: calc((100vw - 1170px) / -2);
  padding-left: calc((100vw - 1170px) / 2);
  overflow: hidden;
  height: 100%;
}
.filiali-bper .detail .times-map .times .times-content .orari-wrapper {
  margin: 0;
}
@media (max-width: 1250px) {
  .filiali-bper .detail .times-map .times .times-content {
    margin-left: calc((100vw - 1170px) / -1);
    padding-left: calc((100vw - 1170px) / 1);
  }
}
@media (max-width: 1199px) and (min-width: 376px) {
  .filiali-bper .detail .times-map .times .times-content {
    margin-left: -30px;
    margin-right: -30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 768px) {
  .filiali-bper .detail .times-map .times .times-content {
    margin-left: 2.5vw;
    padding-left: 2.5vw;
  }
}
@media (max-width: 767px) {
  .filiali-bper .detail .times-map .times .times-content {
    margin: 0;
  }
}
.filiali-bper .detail .times-map .times .times-content p {
  margin: 0;
  font-size: 20px;
  margin-bottom: 20px;
}
.filiali-bper .detail .times-map .times .times-content h2 {
  font-size: 42px;
  color: white !important;
  padding-bottom: 14px;
  position: relative;
  min-width: 300px;
  margin: 0;
  margin-bottom: 25px;
}
.filiali-bper .detail .times-map .times .times-content h2:after {
  background-color: #d8d8d8;
  width: 100%;
  max-width: 300px;
  height: 1px;
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
}
.filiali-bper .detail .times-map .times .times-content table {
  line-height: 37px;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
}
.filiali-bper .detail .times-map .times .times-content table td,
.filiali-bper .detail .times-map .times .times-content table th {
  text-align: left;
}
.filiali-bper .detail .times-map .times .times-content table td:nth-child(1),
.filiali-bper .detail .times-map .times .times-content table th:nth-child(1) {
  width: 270px;
  padding-right: 45px;
}
.filiali-bper .detail .times-map .times .times-content table td:nth-child(2),
.filiali-bper .detail .times-map .times .times-content table th:nth-child(2) {
  padding-right: 45px;
  font-variant-numeric: lining-nums;
}
.filiali-bper .detail .times-map .times .times-content table td:nth-child(3),
.filiali-bper .detail .times-map .times .times-content table th:nth-child(3) {
  font-variant-numeric: lining-nums;
}
.filiali-bper .detail .times-map.CI {
  height: 100%;
}
.filiali-bper .detail .times-map.CI #map-section {
  width: 100%;
  max-width: 100%;
  height: 300px;
  margin: 0;
}
.filiali-bper .detail .times-map #map-section {
  width: 44%;
  max-width: 44%;
  margin: 0;
  height: 100%;
  display: flex;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1250px) {
  .filiali-bper .detail .times-map #map-section {
    margin-left: calc((100vw - 1170px) / -1);
  }
}
@media (max-width: 1199px) and (min-width: 376px) {
  .filiali-bper .detail .times-map #map-section {
    margin-left: -30px;
    margin-right: -30px;
  }
}
@media (max-width: 768px) {
  .filiali-bper .detail .times-map #map-section {
    margin-left: 2.5vw;
  }
}
@media (max-width: 767px) {
  .filiali-bper .detail .times-map #map-section {
    width: 100%;
    margin: 0;
    position: relative;
    height: 242px;
    max-width: 100%;
    width: 100%;
  }
}
.filiali-bper .detail .times-map #map-section .google-map {
  height: 100%;
  width: 100%;
  display: flex;
  margin-left: -15px;
  margin-right: calc((100vw - 1170px) / -2);
  padding-right: 0;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 1250px) {
  .filiali-bper .detail .times-map #map-section .google-map {
    margin-left: -60px;
  }
}
@media (max-width: 1199px) and (min-width: 376px) {
  .filiali-bper .detail .times-map #map-section .google-map {
    margin: 0;
  }
}
.filiali-bper .detail .times-map #map-section .google-map .google-map-content {
  height: auto !important;
  width: 100%;
  display: flex;
}
@media (max-width: 767px) {
  .filiali-bper .detail .times-map #map-section .google-map .google-map-content {
    height: 100% !important;
    max-height: 100% !important;
  }
}
.filiali-bper .available-services {
  margin-top: 110px;
  margin-bottom: 50px;
  padding-bottom: 30px;
  padding-top: 100px;
  position: relative;
}
@media (max-width: 767px) {
  .filiali-bper .available-services {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-bottom: 30px;
    padding-top: 50px;
  }
}
@media (max-width: 767px) {
  .filiali-bper .available-services .slick-list {
    transform: translateX(-50px);
    width: calc(100% + 50px);
  }
}
.filiali-bper .available-services.n-5 .slick-slider, .filiali-bper .available-services.n-4 .slick-slider, .filiali-bper .available-services.n-3 .slick-slider, .filiali-bper .available-services.n-2 .slick-slider, .filiali-bper .available-services.n-1 .slick-slider {
  margin-top: 80px;
}
@media (max-width: 1000px) {
  .filiali-bper .available-services.n-5 .slick-slider {
    margin-top: 120px;
  }
  .filiali-bper .available-services.n-4 .slick-slider, .filiali-bper .available-services.n-3 .slick-slider, .filiali-bper .available-services.n-2 .slick-slider, .filiali-bper .available-services.n-1 .slick-slider {
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  .filiali-bper .available-services.n-5 .slick-slider, .filiali-bper .available-services.n-4 .slick-slider, .filiali-bper .available-services.n-3 .slick-slider {
    margin-top: 120px;
  }
  .filiali-bper .available-services.n-2 .slick-slider, .filiali-bper .available-services.n-1 .slick-slider {
    margin-top: 80px;
  }
}
.filiali-bper .available-services.is-carousel-false .all-services {
  width: 100%;
  display: flex;
}
.filiali-bper .available-services.is-carousel-false .service-detail {
  width: calc(20% - 12px);
  margin-left: 15px;
}
.filiali-bper .available-services.is-carousel-false .service-detail:nth-child(1) {
  margin-left: 0;
}
@media (max-width: 1000px) {
  .filiali-bper .available-services.is-carousel-false .service-detail {
    width: calc(25% - 12px);
    margin-left: 16px;
  }
}
@media (max-width: 767px) {
  .filiali-bper .available-services.is-carousel-false .service-detail {
    width: calc(50% - 8px);
    margin-left: 16px;
  }
}
.filiali-bper .available-services:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #faf9f8;
  top: 0;
  left: 0;
  right: 0;
  height: 400px;
}
@media (max-width: 767px) {
  .filiali-bper .available-services:before {
    height: 350px;
  }
}
.filiali-bper .available-services h3 {
  font-size: 42px;
  font-family: "Din-Bold", sans-serif;
  padding-bottom: 14px;
  position: relative;
  min-width: 300px;
  margin: 0;
  margin-bottom: 60px;
  color: var(--primary-400) !important;
}
.filiali-bper .available-services h3:after {
  background-color: var(--primary-400) !important;
  width: 100%;
  max-width: 300px;
  height: 1px;
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
}
.filiali-bper .available-services .service-detail {
  box-shadow: 0 3px 10px rgba(200, 200, 200, 0.5);
  margin-bottom: 20px;
  box-sizing: border-box;
}
.filiali-bper .available-services .service-detail .top {
  padding: 27px 25px 43px 25px;
  position: relative;
  box-sizing: border-box;
  color: #005D44;
  background-color: #faf9f8;
}
.filiali-bper .available-services .service-detail .top h5 {
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  width: 100%;
  padding: 0 25px;
  bottom: 8px;
  margin: 0;
  line-height: 1;
  text-align: center;
  left: 0;
  right: 0;
  box-sizing: border-box;
  text-transform: uppercase;
}
.filiali-bper .available-services .service-detail .bottom {
  background-color: #fff;
  padding: 20px 25px;
}
.filiali-bper .available-services .service-detail .bottom h4 {
  font-family: "Din-Bold", sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
}
.filiali-bper .available-services .service-detail .bottom p {
  margin: 0;
  color: #6f747a;
  font-size: 12px;
  line-height: 21px;
}
.filiali-bper .available-services .service-detail .img {
  width: 95px;
  height: 80px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/filiali/img-servizio.png);
  margin: 0 auto;
  display: block;
}
.filiali-bper .closest-subsidiaries {
  margin-top: 0;
  margin-bottom: 50px;
  padding-bottom: 30px;
  padding-top: 100px;
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
}
.filiali-bper .closest-subsidiaries:before {
  content: "";
  display: block;
  position: absolute;
  background: #faf9f8;
  top: 0;
  left: 0;
  right: 0;
  height: 400px;
}
.filiali-bper .closest-subsidiaries h3 {
  font-size: 42px;
  font-family: "Din-Bold", sans-serif;
  padding-bottom: 14px;
  position: relative;
  min-width: 300px;
  margin: 0;
  margin-bottom: 0px;
  margin-bottom: 60px;
  color: var(--primary-400) !important;
}
@media (max-width: 767px) {
  .filiali-bper .closest-subsidiaries h3 {
    padding: 0 15px;
  }
}
.filiali-bper .closest-subsidiaries h3:after {
  background-color: #005D44;
  width: 100%;
  max-width: 300px;
  height: 1px;
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
}
@media (max-width: 767px) {
  .filiali-bper .closest-subsidiaries .slick-list {
    transform: translateX(-50px);
    width: calc(100% + 50px);
  }
}
.filiali-bper .closest-subsidiaries .slick-slider {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .filiali-bper .closest-subsidiaries .slick-slider {
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  .filiali-bper .closest-subsidiaries .slick-slider .slick-arrow.slick-prev {
    left: 25px;
  }
}
.filiali-bper .closest-subsidiaries .all-subsidiaries .subsidiary-item {
  width: calc(20% - 12px);
}
.filiali-bper .closest-subsidiaries .subsidiary-item {
  width: 100%;
  box-shadow: 0 3px 10px rgba(200, 200, 200, 0.5);
  margin-bottom: 20px;
  color: #005D44;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .map-section {
  height: 200px;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .map-section .google-map {
  height: 200px;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .map-section .google-map .google-map-content {
  height: 200px;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content {
  padding: 40px 30px 60px 30px;
  min-height: 340px;
}
@media (max-width: 767px) {
  .filiali-bper .closest-subsidiaries .subsidiary-item .text-content {
    min-height: 385px !important;
  }
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content h4,
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content h2 p {
  margin: 0;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content h4 {
  margin: 0;
  margin-bottom: 35px;
  font-size: 24px;
  font-family: "Din-Bold", sans-serif;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .address {
  font-size: 18px;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .times {
  font-size: 20px;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .times .times-content {
  font: inherit;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .times .times-content .orari-wrapper {
  margin: 0;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .times .times-content h2 {
  margin: 0;
  font: inherit;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .times .times-content p {
  font: inherit;
  margin: 0;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .buttons {
  margin-top: 45px;
  flex-grow: 2;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .filiali-bper .closest-subsidiaries .subsidiary-item .text-content .buttons {
    flex-direction: column;
    align-items: flex-start;
  }
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .buttons .button.MuiButton-containedPrimary {
  padding: 10px 12px;
  font-size: 18px;
  min-width: inherit;
  word-break: keep-all;
  white-space: nowrap;
  background: var(--primary-400) !important;
}
@media (max-width: 767px) {
  .filiali-bper .closest-subsidiaries .subsidiary-item .text-content .buttons .button.MuiButton-containedPrimary {
    padding: 10px 20px;
  }
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .buttons .directions {
  cursor: pointer;
  font-size: 16px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .filiali-bper .closest-subsidiaries .subsidiary-item .text-content .buttons .directions {
    margin-top: 15px;
    display: block;
  }
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .buttons .directions:hover {
  text-decoration: underline;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .buttons a + div {
  margin-left: 8px;
  text-align: right;
  flex-grow: 2;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .buttons a + div a {
  text-align: right;
}
.filiali-bper.is-default-values-true #store-list {
  display: none;
}
.filiali-bper.is-default-values-true.geoloc-true #store-list {
  display: block;
}
@media (max-width: 767px) {
  .filiali-bper.is-default-values-false .current-position-repeat-search, .filiali-bper.geoloc-true .current-position-repeat-search {
    display: none;
  }
  .filiali-bper.is-default-values-false .google-map-content, .filiali-bper.geoloc-true .google-map-content {
    display: none;
  }
}
.filiali-bper .popup-filiali {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 99, 105, 0.8);
  z-index: 9999;
  padding: 80px 0;
  display: flex;
}
@media (max-width: 800px) {
  .filiali-bper .popup-filiali {
    padding: 32px 15px;
  }
}
.filiali-bper .popup-filiali .popup-filiali-wrapper {
  height: 100%;
  width: 100%;
  color: #fff !important;
  display: flex;
}
.filiali-bper .popup-filiali .popup-filiali-wrapper h2 {
  font-family: "Din-Bold", sans-serif;
  color: #fff !important;
  font-size: 64px;
  margin-top: 25px;
  margin-bottom: 10px;
}
.filiali-bper .popup-filiali .popup-filiali-wrapper .bper-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}
@media (max-width: 800px) {
  .filiali-bper .popup-filiali .popup-filiali-wrapper .bper-wrapper {
    align-items: flex-end;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
.filiali-bper .popup-filiali .popup-filiali-wrapper .close {
  top: -7px;
  right: -7px;
  cursor: pointer;
  display: block;
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
  color: #fff !important;
  background-image: url(../images/filiali/close-icon.svg) !important;
  position: absolute;
  top: 15px;
  right: 15px;
  opacity: 1 !important;
}
.filiali-bper .popup-filiali .popup-filiali-wrapper .close span {
  display: none;
}
@media (max-width: 800px) {
  .filiali-bper .popup-filiali .popup-filiali-wrapper .close {
    position: relative;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    border: solid 1px #fff;
    border-radius: 100%;
    min-height: 60px;
    float: right;
  }
  .filiali-bper .popup-filiali .popup-filiali-wrapper .close span {
    display: block;
    position: absolute;
    left: -10px;
    transform: translateX(-100%);
    font-weight: 400;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 60px;
  }
}
.filiali-bper .popup-filiali .popup-filiali-wrapper .html {
  position: relative;
  overflow-y: auto;
  font-size: 20px;
  width: 100%;
  font-weight: 400;
}
.filiali-bper .popup-filiali .popup-filiali-wrapper .html a {
  text-decoration: underline;
}
.filiali-bper .popup-filiali .popup-filiali-wrapper .html a:hover {
  text-decoration: none;
}

@media (max-width: 1100px) {
  #wrapper.content-online-mobile nav.navbar {
    margin-top: 48px;
  }
}
@media (max-width: 1099px) {
  #wrapper.content-online-mobile .header #navbar {
    top: 76px;
  }
}
@media (min-width: 1100px) {
  #wrapper.content-online-mobile .header nav.navbar.affix-top .navbar-header > .bper-links-container {
    top: 7px !important;
    height: 46px;
  }
}

.header {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  z-index: 1049;
}
@media (max-width: 995px) {
  .header.has-custom-popup {
    z-index: 1;
  }
}
.header .btn-open-online {
  background-color: var(--primary-400);
}
.header .btn-open-online:hover {
  background-color: var(--primary-600);
}
.header .btn-open-online::after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("../images/icone-bper-2022/white/Icon-24pt-Arrow Right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
  margin-left: 10px;
}
.header .btn-open-online .version-small {
  display: none;
}
.header .content-button-online-mobile {
  background-color: var(--secondary-80);
  width: 100%;
  z-index: 1000;
  position: fixed;
  top: 0;
  text-align: center;
  color: white;
  height: 48px;
  overflow: hidden;
  display: none;
}
@media (max-width: 1100px) {
  .header .content-button-online-mobile {
    display: block;
  }
}
.header .content-button-online-mobile .btn-open-online {
  font-size: 18px;
  padding: 0;
  background-color: var(--secondary-80);
  line-height: 48px;
  width: 100%;
  border-radius: 0;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .content-button-online-mobile .btn-open-online:hover {
  background-color: var(--secondary-80);
}
.header .content-button-online-mobile .btn-open-online .version-small {
  display: none;
}
.header .content-button-online-mobile .btn-open-online::after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("../images/icone-bper-2022/white/Icon-24pt-Arrow Right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
  margin-left: 10px;
}
.header nav.navbar.affix .bper-links-container .bper-links a {
  margin-left: 15px;
  width: 24px;
  height: 24px;
}
.header nav.navbar.affix #navbar {
  padding-right: 160px;
}
.header nav.navbar.affix-new .bper-links-container .btn-open-online {
  display: none !important;
}
.header nav.navbar.affix-new .content-button-right .btn-open-online {
  display: block !important;
  grid-area: signin;
  width: max-content;
  padding: 10px 15px;
  margin-right: 15px;
  margin-left: 0 !important;
}
.header nav.navbar.affix-new .content-button-right .btn-open-online .version-full, .header nav.navbar.affix-new .content-button-right .btn-open-online:after {
  display: none;
}
.header nav.navbar.affix-new .content-button-right .btn-open-online .version-small {
  display: block;
}
@media (min-width: 1100px) {
  .header nav.navbar.affix-top .wrapper-navbar {
    padding-top: 60px;
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container {
    position: absolute;
    right: 0 !important;
    top: 20px !important;
    transform: translateY(0);
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container .bper-links a {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container .bper-links a .link-label {
    margin-left: 8px;
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container .search-box__button {
    display: flex;
    align-items: center;
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container .search-box__button .label-text {
    margin-left: 8px;
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container .search-box a.search-box__button > img {
    width: 22px;
    height: 22px;
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container a > .icn {
    width: 22px;
    height: 22px;
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container a .link-label {
    font-size: 18px;
    line-height: 26px;
    font-family: "Din-Bold", sans-serif;
    display: block !important;
    color: var(--secondary-80);
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container a:hover .link-label {
    color: var(--secondary-80);
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container .search-box > a .label-text {
    color: var(--secondary-80);
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-family: "Din-Bold", sans-serif;
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container .search-box > a:hover .label-text {
    color: var(--secondary-80);
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container .journal-content-article {
    width: auto;
  }
}
.header nav.navbar.affix-top .wrapper-navbar .navbar-header {
  display: flex;
  align-items: normal;
  grid-template-columns: 15% auto 16%;
  grid-template-rows: 40% 60%;
  grid-template-areas: "logo extra extra" "logo navbar signin";
}
@media (max-width: 1099px) {
  .header nav.navbar.affix-top .wrapper-navbar .navbar-header {
    align-items: center;
  }
}
.header nav.navbar.affix-top .wrapper-navbar .navbar-header .bds-sign-in {
  margin-left: 10px;
}
.header nav.navbar.affix-top .wrapper-navbar .navbar-header .navbar-collapse ul.nav .menu-item-list .menu-item {
  padding: 0 13px;
}
.header nav.navbar.affix-top .wrapper-navbar .navbar-header .navbar-collapse ul.nav .menu-item-list .menu-item:hover {
  color: var(--secondary-80);
}
.header nav.navbar.affix-top .wrapper-navbar .navbar-header .navbar-collapse ul.nav .menu-item-list .menu-item:hover .arrow {
  margin-left: 5px;
}
.header nav.navbar.affix-top .wrapper-navbar .navbar-header .btn-open-online {
  color: #fff;
  background-color: var(--primary-400);
  margin-left: 30px;
  display: flex;
  align-items: center;
  padding: 10px 30px;
  box-shadow: none;
}
@media (max-width: 1099px) {
  .header nav.navbar.affix-top .wrapper-navbar .navbar-header .btn-open-online {
    display: none !important;
  }
}
.header .navbar-inverse {
  background: none;
  border: none;
  margin-top: 0;
}
.header #navbar {
  padding: 0 15px;
  position: relative;
  display: flex;
  align-content: center;
  align-items: center;
  width: calc(100% - 450px);
  flex-grow: 2;
}
.header #navbar .child-menu-mobile {
  display: none;
  padding: 0 14px;
  list-style: none;
  padding-bottom: 0;
}
@media (min-width: 1100px) {
  .header #navbar .child-menu-mobile {
    display: none !important;
  }
}
@media (max-width: 1099px) {
  .header #navbar .child-menu-mobile li.tab {
    margin-bottom: 16px;
    width: calc(100vw - 40px);
  }
  .header #navbar .child-menu-mobile h4 {
    font-size: 16px;
    line-height: 26px;
    font-family: "Din-Bold", sans-serif;
    margin-bottom: 15px;
  }
}
.header #navbar .child-menu-mobile .back-page {
  font-size: 18px;
  line-height: 26px;
  font-family: "Din-Bold", sans-serif;
  color: var(--primary-400);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}
.header #navbar .child-menu-mobile .back-page .arrow {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("../images/icone-bper-2022/Icon-24pt-Arrow-Right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: rotate(180deg);
}
.header #navbar .child-menu-mobile .show-all {
  margin-bottom: 30px;
}
.header #navbar .child-menu-mobile .show-all a {
  padding: 10px 0;
  display: block;
  font-size: 18px;
}
@media (max-width: 1099px) {
  .header #navbar .child-menu-mobile .tab .submenu-item {
    padding: 10px 20px;
    white-space: normal;
  }
}
.header #navbar .child-menu-mobile .submenu-item {
  padding: 7px 0;
  color: var(--primary-400);
  word-break: normal;
  margin-bottom: 0;
  gap: 15px;
  display: flex;
  font-weight: 400;
  font-size: 18px;
}
.header #navbar .bper-links-container-mobile {
  display: none;
}
@media (max-width: 1099px) {
  .header #navbar {
    top: 76px;
    right: 0;
    position: fixed;
    transition: 400ms;
    background-color: #fff;
    border: none;
    overflow-x: hidden;
    height: calc(100vh - 80px);
    width: 100vw;
    left: 0;
    flex-direction: column;
    padding: 32px 7px;
    overflow-y: auto;
    transform: translateX(0);
    align-items: flex-start;
    display: block;
  }
  .header #navbar:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    background: var(--green-10);
  }
  .header #navbar .bper-links-container-mobile {
    width: 100%;
    padding: 0 12px;
    padding-top: 30px;
    position: relative;
    margin: 0;
    display: flex;
    align-items: flex-start;
    margin-top: 15px;
    flex-direction: column;
    padding-bottom: 60px;
  }
  .header #navbar .bper-links-container-mobile .btn-open-online {
    display: flex !important;
    margin-top: 20px;
    background-color: var(--primary-400);
    color: #fff;
    margin-left: 0;
  }
  .header #navbar .bper-links-container-mobile .btn-open-online:hover {
    background-color: var(--primary-400);
    color: #fff;
  }
  .header #navbar .bper-links-container-mobile .btn-open-online:after {
    display: none;
  }
  .header #navbar .bper-links-container-mobile .btn-open-online .version-small {
    display: none;
  }
  .header #navbar .bper-links-container-mobile .search-box {
    margin-bottom: 20px;
    position: relative;
    top: inherit;
    transform: none;
  }
  .header #navbar .bper-links-container-mobile .search-box .search-box__button {
    gap: 8px;
    display: flex;
    align-items: center;
  }
  .header #navbar .bper-links-container-mobile .search-box .search-box__button .label-text {
    display: block;
    color: var(--secondary-80);
    font-family: "Din-Bold", sans-serif;
    font-size: 18px;
  }
  .header #navbar .bper-links-container-mobile .search-box .search-box__button:hover .label-text {
    color: var(--secondary-80);
  }
  .header #navbar .bper-links-container-mobile .bper-sign-in {
    color: #071D1F;
    margin-left: 0;
    margin-top: 15px;
    padding: 11px 30px;
  }
  .header #navbar .bper-links-container-mobile .bper-sign-in .lock-icn {
    display: block !important;
  }
  .header #navbar .bper-links-container-mobile:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 14px;
    right: 20px;
    height: 1px;
    background-color: var(--green-10);
  }
  .header #navbar .bper-links-container-mobile .bper-links {
    display: flex !important;
    flex-direction: column;
  }
  .header #navbar .bper-links-container-mobile .bper-links a {
    gap: 10px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0 0 22px;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
  }
  .header #navbar .bper-links-container-mobile .bper-links a .link-label {
    display: block !important;
    color: var(--secondary-80);
    font-family: Din-Bold;
    font-size: 18px;
  }
  .header #navbar .bper-links-container-mobile .bper-links a:hover .link-label {
    color: var(--secondary-80);
  }
  .header #navbar ul,
  .header #navbar .nav.navbar-nav {
    margin: 0;
    padding: 0;
    width: 100% !important;
    display: flex;
    flex-direction: column;
  }
  .header #navbar ul.child-menu,
  .header #navbar .nav.navbar-nav.child-menu {
    display: none;
  }
  .header #navbar.in {
    transform: translateX(100%);
  }
}
.header #navbar .nav.navbar-nav {
  width: auto !important;
  max-width: 100%;
}
@media (max-width: 1099px) {
  .header #navbar .nav.navbar-nav > li {
    width: auto;
    margin-bottom: 20px;
  }
}
.header .bper-links-container {
  display: flex;
  align-items: center;
  margin-right: 40px;
  transition: 200ms;
}
@media (min-width: 1100px) {
  .header .bper-links-container.main {
    position: absolute;
    top: 40px;
    right: 100px;
    transform: translateY(0);
  }
}
.header .bper-links-container .label-text {
  display: none;
}
@media (max-width: 1099px) {
  .header .bper-links-container {
    flex-grow: 2;
    margin-right: 10px;
    flex-direction: row-reverse;
  }
  .header .bper-links-container .label-text {
    display: block;
  }
}
.header .bper-links-container .bper-links {
  display: flex;
}
@media (max-width: 1099px) {
  .header .bper-links-container .bper-links {
    display: none;
  }
}
.header .bper-links-container .bper-links a {
  position: relative !important;
}
.header .menu-bkg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: none;
  display: none;
}
.header .navbar-header {
  display: flex;
  width: 100%;
}
@media (max-width: 1099px) {
  .header .navbar-header {
    align-items: center;
    align-content: center;
  }
}
.header .navbar-header .btn-open-online {
  display: none;
}
.header .navbar-header .btn-open-online.hiddenItem {
  transform: translateY(-300px);
}
.header .navbar-header .content-button-right {
  display: flex;
  align-items: center;
  transition: 200ms;
}
.header .navbar-header .content-button-right .btn-open-online {
  display: none !important;
}
.header .navbar-toggle {
  display: none;
}
@media (max-width: 1099px) {
  .header .navbar-toggle {
    display: block;
    position: relative;
    order: 4;
    width: 32px;
    height: 32px;
    margin: 0;
    transform: none;
    top: inherit;
  }
}
.header nav.navbar {
  display: flex;
  flex-direction: column;
  /* FIXED */
  padding-left: 0;
  padding-right: 0;
}
.header nav.navbar .wrapper-navbar {
  padding: 25px 40px 18px;
  background-color: #fff;
  transition: all 0.2s ease-in-out;
  margin-bottom: 0;
  display: flex;
  border: none;
  position: relative;
  box-shadow: 0px 16px 24px rgba(126, 140, 141, 0.16);
  width: 100%;
}
@media (max-width: 1099px) {
  .header nav.navbar .wrapper-navbar {
    padding: 14px 16px 14px 16px;
    height: 76px;
  }
}
.header nav.navbar.cookie {
  margin-top: 0 !important;
}
.header nav.navbar .logo img {
  height: 55px;
}
@media (max-width: 1099px) {
  .header nav.navbar .logo img {
    height: 35px;
  }
}
.header nav.navbar .tab {
  margin: 0;
  padding: 0;
  display: block;
}
.header nav.navbar .tab a {
  background: var(--neutral-5);
  height: 100%;
  padding: 9px 15px;
  border: solid 1px;
  border-color: var(--secondary-10);
  border-radius: 24px;
  display: flex;
  align-items: center;
  word-wrap: break-word;
  white-space: pre;
  gap: 8px;
  color: var(--primary-400);
}
.header nav.navbar .tab a:hover {
  border: 1px solid var(--secondary-80);
  box-shadow: 0 12px 24px rgba(126, 140, 141, 0.16);
}
.header nav.navbar .tab a:hover span {
  color: var(--secondary-80);
}
.header nav.navbar .tab a:hover > span.icon img {
  display: none;
}
.header nav.navbar .tab a:hover > span.icon img.image-hover {
  display: block;
}
.header nav.navbar .tab a > span {
  line-height: 26px;
  font-size: 18px;
}
.header nav.navbar .tab a > span.icon {
  width: 40px;
  height: 40px;
  display: flex;
}
.header nav.navbar .tab a > span.icon img {
  max-width: 40px;
  max-height: 40px;
}
.header nav.navbar .tab a > span.icon img.image-hover {
  display: none;
}
.header nav.navbar .submenu-container {
  position: absolute;
  top: 100%;
  width: 100%;
  background: #fff;
  z-index: 100 !important;
  left: 0;
  display: none;
  box-shadow: 0 12px 24px rgba(126, 140, 141, 0.16);
  padding: 32px 0 45px 0;
  padding-bottom: 20px;
}
@media (max-width: 1099px) {
  .header nav.navbar .submenu-container {
    display: none !important;
    height: 0 !important;
    opacity: 0 !important;
    width: 0 !important;
    visibility: hidden !important;
  }
}
.header nav.navbar .submenu-container .close {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 1;
  transform: rotate(45deg);
}
.header nav.navbar .submenu-container .close:after {
  width: 4px;
  height: 28px;
  background-color: var(--primary-600);
  display: block;
  content: "";
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.header nav.navbar .submenu-container .close:before {
  width: 28px;
  height: 4px;
  background-color: var(--primary-600);
  display: block;
  content: "";
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.header nav.navbar .submenu-container .submenu {
  overflow-y: auto;
}
.header nav.navbar .submenu-container .menu-elements {
  max-height: 80vh !important;
  float: left;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
}
.header nav.navbar .submenu-container .menu-elements h4 {
  margin-bottom: 10px;
  margin-top: 0;
  font-size: 16px;
  line-height: 24px;
  font-family: "Din-Bold", sans-serif;
  color: var(--primary-600);
}
.header nav.navbar .submenu-container .menu-elements .column-right {
  width: calc(100% - 260px);
  padding-left: 30px;
  padding-right: 30px;
  margin-right: -30px;
}
.header nav.navbar .submenu-container .menu-elements .column-left {
  margin-right: 0;
  width: 230px;
}
.header nav.navbar .submenu-container .menu-elements .info-box-default {
  background: var(--primary-400);
  border: solid 1px #5d6f70;
  border-color: #ddd;
  border-radius: 24px;
  width: 100% !important;
  margin: 0;
  margin-right: 0px;
  display: flex;
  overflow: hidden;
  align-items: center;
  position: relative;
  box-shadow: 0px 16px 24px rgba(126, 140, 141, 0.16);
  margin-bottom: 35px;
}
.header nav.navbar .submenu-container .menu-elements .info-box-default > .journal-content-article {
  padding-left: 213px;
}
.header nav.navbar .submenu-container .menu-elements .info-box-default .top-img {
  position: absolute;
  height: 100%;
  width: 213px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.header nav.navbar .submenu-container .menu-elements .info-box-default .info {
  padding: 24px 30px;
  width: 100%;
  color: #fff;
}
.header nav.navbar .submenu-container .menu-elements .info-box-default .info h3 {
  font-size: 28px;
  line-height: 36px;
  color: #fff;
  font-family: "Din-Bold", sans-serif;
  margin: 0;
}
.header nav.navbar .submenu-container .menu-elements .info-box-default .info h3 + p {
  margin-top: 12px;
}
.header nav.navbar .submenu-container .menu-elements .info-box-default .info p {
  margin: 0;
  font-size: 18px;
  display: block;
  font-weight: 400;
  line-height: 26px;
}
.header nav.navbar .submenu-container .menu-elements .info-box-default .info p + a {
  margin-top: 16px;
}
.header nav.navbar .submenu-container .menu-elements .info-box-default .info a.link-cta {
  display: block;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  font-family: "Din-Bold", sans-serif;
}
.header nav.navbar .submenu-container .menu-elements .submenu-tab {
  margin: 23px 0 0;
  padding: 0;
  gap: 30px;
  padding: 0;
  display: grid;
  grid-template-columns: calc(33.33% - 20px) calc(33.33% - 20px) calc(33.33% - 20px);
}
.header nav.navbar .submenu-container .menu-elements .submenu-tab .tab a {
  color: var(--primary-400);
  font-weight: 400;
  white-space: normal !important;
  padding: 15px;
}
.header nav.navbar .submenu-container .info-box-parent {
  float: left;
  width: 100%;
  margin-top: 40px;
}
.header nav.navbar .submenu-container .info-box {
  overflow-y: auto;
}
.header nav.navbar .submenu-container .info-box h3 {
  line-height: 1;
}
.header nav.navbar .submenu-container .info-box p {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.header nav.navbar .submenu-container .info-box .top-img {
  margin-top: 0px;
  height: 240px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.header nav.navbar .submenu-container .info-box .info {
  padding: 0 30px 30px;
}
.header nav.navbar .submenu-container .submenu {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
.header nav.navbar .submenu-container .submenu > li {
  padding: 0;
}
.header nav.navbar .submenu-container .submenu > li > a {
  display: block;
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
}
.header nav.navbar .submenu-container .submenu > li > a:not(.link-cta) {
  color: var(--primary-400);
}
.header nav.navbar .submenu-container .submenu > li > a:hover {
  color: var(--secondary-80);
}
.header nav.navbar .submenu-container .submenu > li.show-all {
  margin-bottom: 20px;
  margin-top: 3px;
}
.header nav.navbar .navbar-header .navbar-toggle {
  padding: 0;
  margin-left: 10px;
  margin-top: 0;
  transition: 0.5s ease-in-out;
  border: none;
  outline: none !important;
  background: none !important;
  box-shadow: none !important;
}
@media (max-width: 360px) {
  .header nav.navbar .navbar-header .navbar-toggle {
    margin-left: 10px;
  }
}
.header nav.navbar .navbar-header .navbar-toggle > span {
  transition: 0.5s ease-in-out;
}
.header nav.navbar .navbar-header .navbar-toggle .icon-bar {
  background-color: var(--secondary-80);
  width: 24px;
  height: 3px;
  left: 50%;
  border-radius: 4px;
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  margin: 0 !important;
}
.header nav.navbar .navbar-header .navbar-toggle .icon-bar:nth-child(1) {
  top: calc(50% - 8px);
}
.header nav.navbar .navbar-header .navbar-toggle .icon-bar:nth-child(3) {
  top: calc(50% + 8px);
}
.header nav.navbar .navbar-collapse {
  float: left;
}
.header nav.navbar .navbar-collapse ul.nav {
  transition: 200ms;
  position: relative;
}
@media (min-width: 1100px) {
  .header nav.navbar .navbar-collapse ul.nav .menu-item-list {
    display: block !important;
  }
}
.header nav.navbar .navbar-collapse ul.nav > li.selected > a.menu-item span {
  border-color: var(--primary-400);
}
.header nav.navbar .navbar-collapse ul.nav > li > a.menu-item {
  position: relative;
  line-height: 1;
  padding: 0 13px;
  cursor: pointer;
  color: var(--primary-400);
  background: transparent;
  display: block;
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 26px;
}
@media (min-width: 1100px) {
  .header nav.navbar .navbar-collapse ul.nav > li > a.menu-item {
    display: block !important;
    line-height: 30px;
    margin-bottom: 0;
    border: none !important;
  }
}
@media (min-width: 1100px) and (max-width: 1300px) {
  .header nav.navbar .navbar-collapse ul.nav > li > a.menu-item {
    padding: 0 7px;
    font-size: 16px;
  }
}
@media (max-width: 1099px) {
  .header nav.navbar .navbar-collapse ul.nav > li > a.menu-item {
    word-break: normal;
    margin-bottom: 0;
    gap: 10px;
    display: flex;
    align-items: center;
    font-family: "Din-Bold", sans-serif;
  }
  .header nav.navbar .navbar-collapse ul.nav > li > a.menu-item .open-element-over {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.header nav.navbar .navbar-collapse ul.nav > li > a.menu-item span {
  display: block;
  transition: 200ms;
}
@media (max-width: 1099px) {
  .header nav.navbar .navbar-collapse ul.nav > li > a.menu-item span {
    padding: 0;
    margin: 0;
    width: auto;
    border: none;
  }
}
.header nav.navbar .navbar-collapse ul.nav > li > a.menu-item.marked {
  font-weight: 400;
  color: var(--secondary-80);
}
@media (max-width: 1099px) {
  .header nav.navbar .navbar-collapse ul.nav > li > a.menu-item.marked {
    font-weight: 400;
  }
}
.header nav.navbar .navbar-collapse ul.nav > li > a.menu-item.marked::after {
  display: none;
}
.header nav.navbar .navbar-collapse ul.nav > li > a.menu-item:hover, .header nav.navbar .navbar-collapse ul.nav > li > a.menu-item:focus {
  background-color: transparent;
}
.header nav.navbar .navbar-collapse ul.nav > li > a.menu-item .arrow {
  display: none;
  width: 22px;
  height: 22px;
  background-image: url("../images/icone-bper-2022/Icon-24pt-Arrow-Right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 1099px) {
  .header nav.navbar .navbar-collapse ul.nav > li > a.menu-item .arrow {
    display: block;
  }
}
.header nav.navbar .navbar-collapse ul.nav > li ul.child-menu {
  display: none;
  list-style-type: none;
}
.header nav.navbar .navbar-collapse ul.nav > li ul.child-menu > li {
  padding: 25px 0;
}
.header nav.navbar .navbar-collapse ul.nav > li ul.child-menu > li > a {
  word-break: break-word;
  color: var(--primary-400);
  font-size: 46px;
}
.header nav.navbar .navbar-collapse ul.nav > li:hover > .menu-item, .header nav.navbar .navbar-collapse ul.nav > li.hover > .menu-item {
  color: var(--secondary-80);
}
.header nav.navbar .navbar-collapse ul.nav > li:hover > a.menu-item, .header nav.navbar .navbar-collapse ul.nav > li.hover > a.menu-item {
  background-color: initial;
}
@media (min-width: 1100px) {
  .header nav.navbar .navbar-collapse ul.nav > li:hover > a.menu-item:after, .header nav.navbar .navbar-collapse ul.nav > li.hover > a.menu-item:after {
    background: var(--secondary-80);
    position: absolute;
    content: "";
    display: block;
    left: 0;
    right: 0;
    height: 2px;
    bottom: -30px;
    position: absolute;
  }
}
@media (min-width: 1100px) {
  .header nav.navbar .navbar-collapse ul.nav > li:hover > a.menu-item.marked:after, .header nav.navbar .navbar-collapse ul.nav > li.hover > a.menu-item.marked:after {
    background: var(--secondary-80);
  }
}
.header nav.navbar .bper-links-container .bper-links a {
  margin-left: 22px;
  padding: 0;
  display: block;
  width: 32px;
  height: 32px;
  font-family: kievit;
}
.header nav.navbar .bper-links-container a {
  margin-left: 30px;
  color: var(--primary-400);
  float: left;
}
.header nav.navbar .bper-links-container a > .icn {
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.header nav.navbar .bper-links-container a .link-label {
  display: none !important;
}
.header nav.navbar #sign-in {
  gap: 6px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
}
@media (max-width: 768px) {
  .header nav.navbar #sign-in {
    padding: 13px;
  }
}
.header nav.navbar .bper-sign-in .sign_in_label_small {
  display: none;
  color: #005D44;
}
@media (max-width: 1440px) {
  .header nav.navbar .bper-sign-in .sign_in_label_small {
    display: block;
  }
}
.header nav.navbar .bper-sign-in .sign_in_label {
  display: block;
  color: #005D44;
}
@media (max-width: 1440px) {
  .header nav.navbar .bper-sign-in .sign_in_label {
    display: none;
  }
}
.header nav.navbar .bper-sign-in > .lock-icn {
  background-image: url("../images/icone-bper-2022/Icon-24pt-Privato.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  display: inline-block;
}
@media (max-width: 768px) {
  .header nav.navbar .bper-sign-in > .lock-icn {
    display: none;
  }
}
.header nav.navbar .bper-sign-in > .bper-sign-in-label {
  font-size: 18px;
  line-height: 26px;
  font-family: "Din-Bold", sans-serif;
  display: block;
}

@media (max-width: 1099px) {
  body.has-control-menu.signed-in .header #navbar {
    top: 124px !important;
    height: calc(100vh - 124px);
  }
}

body.menuOpen .header nav.navbar .navbar-header > .bper-links-container {
  transform: translateY(-200px);
}
body.menuOpen .header nav.navbar .navbar-header > .content-button-right {
  transform: translateY(-200px);
}
body.menuOpen .header nav.navbar .navbar-header > #sign-in {
  transform: translateY(-200px);
}
body.menuOpen .header nav.navbar .navbar-header .navbar-toggle .icon-bar {
  background-color: var(--secondary-80);
  height: 4px;
}
body.menuOpen .header nav.navbar .navbar-header .navbar-toggle .icon-bar:nth-child(1) {
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
body.menuOpen .header nav.navbar .navbar-header .navbar-toggle .icon-bar:nth-child(2) {
  width: 0;
  height: 0;
}
body.menuOpen .header nav.navbar .navbar-header .navbar-toggle .icon-bar:nth-child(3) {
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
@media (max-width: 1100px) {
  body.menuOpen #wrapper.content-online-mobile nav.navbar {
    margin-top: 0;
    z-index: 11000;
  }
}
@media (max-width: 1100px) {
  body.menuOpen.signed-in.has-control-menu .page-wrapper#wrapper.content-online-mobile .navbar {
    margin-top: 0 !important;
  }
}

.layout-cover {
  float: left;
  width: 100%;
  padding-bottom: 50px;
  margin-bottom: 0;
  position: relative;
  padding-bottom: 0;
}
.layout-cover.bkg-green-20 {
  background-color: var(--primary-20);
}
.layout-cover.bkg-green-10 {
  background-color: var(--primary-10);
}
.layout-cover.bkg-green-200 {
  background-color: var(--primary-200);
}
.layout-cover.bkg-green-5 {
  background-color: var(--neutral-5);
}
.layout-cover.bkg-white {
  background-color: #fff;
}
.layout-cover .hidden {
  display: none;
}
.layout-cover .layout-info {
  padding-top: 60px;
  padding-bottom: 65px;
  z-index: 1;
}
@media (max-width: 767px) {
  .layout-cover .layout-info {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .layout-cover .layout-info {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.layout-cover .layout-info .title,
.layout-cover .layout-info .subtitle {
  margin: 0;
}
@media (max-width: 767px) {
  .layout-cover .layout-info .title,
  .layout-cover .layout-info .subtitle {
    margin: 0;
    line-height: 1em;
  }
}
@media (max-width: 767px) {
  .layout-cover .layout-info .subtitle {
    font-size: 32px;
  }
}
.layout-cover .layout-info .title + .subtitle {
  margin-top: 16px;
}
.layout-cover.overlay-title.light .layout-cover-inner .layout-info .title,
.layout-cover.overlay-title.light .layout-cover-inner .layout-info .subtitle {
  color: #fff;
}
.layout-cover.overlay-title .layout-cover-inner .layout-info {
  padding-top: 30px;
}
.layout-cover .page-title-wrapper {
  position: relative;
  margin-top: -70px;
  left: 0;
  right: 0;
}
@media (max-width: 768px) {
  .layout-cover .page-title-wrapper {
    left: 25px;
    right: 25px;
    max-width: calc(100% - 50px);
  }
}
.layout-cover .page-title-wrapper .layout-info {
  position: relative;
  background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
  box-shadow: rgba(126, 140, 141, 0.32) 0px 16px 24px 0px;
  padding: 46px 40px 48px 40px;
  border-radius: 24px;
  opacity: 1;
  display: flex;
}
@media (max-width: 767px) {
  .layout-cover .page-title-wrapper .layout-info {
    padding: 48px 24px;
    flex-direction: column;
    row-gap: 24px;
  }
}
.layout-cover .page-title-wrapper .layout-info .banner-additional-information {
  position: absolute;
  left: 40px;
  border-radius: 16px;
  top: 35px;
  max-width: calc(100% - 80px);
  padding: 22px 30px;
  transform: translateY(-100%);
  background-color: var(--primary-20);
  overflow: hidden;
}
.layout-cover .page-title-wrapper .layout-info .banner-additional-information.is-banner-promo {
  padding-right: 100px;
}
@media (max-width: 767px) {
  .layout-cover .page-title-wrapper .layout-info .banner-additional-information {
    max-width: calc(100% - 50px);
    left: 25px;
    padding: 24px 27px 28px 24px;
  }
  .layout-cover .page-title-wrapper .layout-info .banner-additional-information.is-banner-promo {
    padding-right: 50px;
  }
}
.layout-cover .page-title-wrapper .layout-info .banner-additional-information span {
  font-size: 20px;
  line-height: 28px;
  font-family: Din-Bold;
}
.layout-cover .page-title-wrapper .layout-info .banner-additional-information .flag {
  background-color: #fff;
  color: var(--secondary-80);
  font-size: 16px;
  font-family: "Din-Bold", sans-serif;
  line-height: 32px;
  height: 32px;
  position: absolute;
  right: -36px;
  width: 140px;
  text-align: center;
  align-content: center;
  align-items: center;
  transform: rotate(45deg);
  top: 11px;
}
.layout-cover .page-title-wrapper .layout-info .banner-additional-information.is-banner-promo {
  background-color: var(--warning-30);
}
.layout-cover .page-title-wrapper .layout-info .text-wrapper {
  flex-grow: 2;
}
.layout-cover .page-title-wrapper .layout-info .text-wrapper + .layout-info-button {
  margin-left: 30px;
}
.layout-cover .page-title-wrapper .layout-info .layout-info-button-wrapper {
  display: flex;
  align-content: center;
  align-items: center;
}
.layout-cover .page-title-wrapper .layout-info .title {
  color: #fff;
  font-size: 48px;
  line-height: 56px;
}
@media (max-width: 767px) {
  .layout-cover .page-title-wrapper .layout-info .title {
    font-size: 36px;
    line-height: 48px;
    letter-spacing: 0;
  }
}
.layout-cover .page-title-wrapper .layout-info .subtitle {
  margin-top: 20px;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
}
@media (max-width: 767px) {
  .layout-cover .page-title-wrapper .layout-info .subtitle {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
    margin-top: 10px;
  }
}
.layout-cover .layout-cover-inner {
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  height: 380px;
  position: relative;
}
.layout-cover .layout-cover-inner.title-shadow:after {
  /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  left: 0;
  height: 210px;
  width: 100%;
  content: "";
  display: block;
  z-index: 0;
  //top: 40px;
  top: 0;

  @media (max-width: $breakpoint-tablet-landscape) {
  	top: 0;
  	height: 260px;
  }*/
}
@media (max-width: 767px) {
  .layout-cover .layout-cover-inner {
    height: 280px !important;
  }
}
@media (max-width: 768px) {
  .layout-cover .layout-cover-inner {
    background: none !important;
    position: relative;
  }
}
.layout-cover .layout-cover-inner .cover-mobile {
  display: none;
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
}
@media (max-width: 768px) {
  .layout-cover .layout-cover-inner .cover-mobile {
    display: block;
  }
}
.layout-cover .layout-cover-inner .layout-info {
  padding: 0;
}
.layout-cover .layout-cover-inner .layout-info .title {
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 48px;
  line-height: 56px;
  letter-spacing: -0.19px;
}
@media (max-width: 767px) {
  .layout-cover .layout-cover-inner .layout-info .title {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.layout-cover .layout-cover-inner .layout-info .subtitle {
  margin-top: 0;
  font-size: 20px;
  line-height: 28px;
  margin-top: 28px;
}
@media (max-width: 767px) {
  .layout-cover .layout-cover-inner .layout-info .subtitle {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.layout-cover.light .title,
.layout-cover.light .subtitle {
  color: var(--primary-400);
}
.layout-cover + .journal-content-article {
  z-index: 1000;
}

.lancio-area-comunicazione {
  background-color: #005D44;
  color: #fff;
  overflow: hidden;
  padding-top: 112px;
  padding-bottom: 112px;
  min-height: 480px;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .lancio-area-comunicazione {
    padding: 75px 30px 55px;
    margin-bottom: 15px;
  }
  .lancio-area-comunicazione .row {
    margin: 0;
  }
  .lancio-area-comunicazione .row > div {
    padding: 0;
  }
}
.lancio-area-comunicazione .row-comunication {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .lancio-area-comunicazione .row-comunication {
    display: block;
  }
}
.lancio-area-comunicazione .col-left {
  float: left;
  width: 25%;
  position: relative;
}
@media (max-width: 1100px) {
  .lancio-area-comunicazione .col-left {
    width: 40%;
  }
}
@media (max-width: 991px) {
  .lancio-area-comunicazione .col-left {
    width: 100%;
  }
}
.lancio-area-comunicazione .col-right {
  float: right;
  width: 66.7%;
  position: relative;
}
@media (max-width: 1100px) {
  .lancio-area-comunicazione .col-right {
    width: 55%;
  }
}
@media (max-width: 768px) {
  .lancio-area-comunicazione .col-right {
    width: 100%;
  }
}
.lancio-area-comunicazione.white {
  background-color: #fff;
  color: #005D44;
}
.lancio-area-comunicazione .row-flex {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.lancio-area-comunicazione .bper-wrapper .launch-title {
  height: auto;
  float: left;
  width: 100%;
  position: relative;
}
.lancio-area-comunicazione .bper-wrapper .launch-title .launch-bper-logo {
  height: 362px;
  width: 148px;
  left: calc(50% - 84px);
  background-size: cover;
  background-repeat: no-repeat;
  top: 0 !important;
  position: relative;
}
@media (max-width: 991px) {
  .lancio-area-comunicazione .bper-wrapper .launch-title .launch-bper-logo {
    height: 305px;
    width: 124px;
    left: calc(50% - 62px);
  }
}
.lancio-area-comunicazione .bper-wrapper .launch-title .launch-title-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}
.lancio-area-comunicazione .bper-wrapper .launch-title .launch-title-text * {
  word-break: break-all;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  font-weight: 700;
  font-size: 56px;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .lancio-area-comunicazione .bper-wrapper .launch-title .launch-title-text * {
    font-size: 52px;
    font-weight: 500;
  }
}
@media (max-width: 991px) {
  .lancio-area-comunicazione .bper-wrapper .launch-title .launch-title-text * {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .lancio-area-comunicazione .bper-wrapper .launch-title .launch-title-text * {
    margin-left: -20px;
  }
}
.lancio-area-comunicazione .bper-wrapper .launch-description {
  height: auto;
  margin-top: 75px;
  margin-bottom: 35px;
}
@media (max-width: 991px) {
  .lancio-area-comunicazione .bper-wrapper .launch-description {
    text-align: center;
    margin-top: 45px;
    margin-bottom: 20px;
  }
}
.lancio-area-comunicazione .bper-wrapper .launch-description .text-description {
  margin-left: 30px;
}
@media (max-width: 991px) {
  .lancio-area-comunicazione .bper-wrapper .launch-description .text-description {
    margin-left: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .lancio-area-comunicazione .bper-wrapper .launch-description .text-description {
    font-size: 37.8px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .lancio-area-comunicazione .bper-wrapper .launch-description .text-description {
    font-size: 33.6px;
  }
}
@media (max-width: 767px) {
  .lancio-area-comunicazione .bper-wrapper .launch-description .text-description {
    font-size: 29.4px;
  }
}
.lancio-area-comunicazione .bper-wrapper .launch-buttonContainer {
  height: auto;
  text-align: right;
  margin-right: 0;
}
@media (max-width: 991px) {
  .lancio-area-comunicazione .bper-wrapper .launch-buttonContainer {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .lancio-area-comunicazione .bper-wrapper .launch-buttonContainer .btn {
    margin-top: 30px;
  }
}

.news {
  overflow: hidden;
  color: #fff;
}
.news .wrapper-main-news {
  background-color: #005D44;
  overflow: hidden;
  float: left;
  width: 100%;
}
.news .bper-wrapper .title-main-news {
  background-color: #005D44;
  padding-top: 30px;
  padding-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
  margin: 0;
  height: 56px;
}
@media (max-width: 767px) {
  .news .bper-wrapper .title-main-news {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.news .bper-wrapper .slick-slider {
  background-color: #005D44;
  width: 100%;
  float: left;
  height: calc(100% - 56px);
}
.news .bper-wrapper .slick-slider .slick-list {
  height: 100%;
}
.news .bper-wrapper .slick-slider .slick-list .slick-track {
  height: 100%;
}
.news .bper-wrapper .slider .item {
  background-color: #005D44;
  padding: 20px 25px 20px 30px;
  position: relative;
}
@media (max-width: 767px) {
  .news .bper-wrapper .slider .item {
    padding: 20px;
    padding-top: 5px;
    padding-bottom: 0;
  }
}
.news .bper-wrapper .slider .item .asset-abstract .asset-content .asset-summary .title {
  margin-bottom: 0;
  padding-bottom: 25px;
}
@media (max-width: 767px) {
  .news .bper-wrapper .slider .item .asset-abstract .asset-content .asset-summary .title {
    padding-bottom: 10px;
  }
}
.news .bper-wrapper .slider .item .asset-abstract .asset-content .asset-summary .subtitle {
  margin-bottom: 40px;
  padding-right: 40px;
}
@media (max-width: 767px) {
  .news .bper-wrapper .slider .item .asset-abstract .asset-content .asset-summary .subtitle {
    margin-bottom: 18px;
  }
}
.news .bper-wrapper .slider .item .asset-abstract .asset-content .asset-summary .link-container {
  text-align: right;
}
.news .bper-wrapper .slider .item .asset-abstract .asset-content .asset-summary .link-container a {
  margin-right: 10px;
  position: absolute;
  right: 20px;
  bottom: 22px;
}
.news .bper-wrapper .slider .slick-dots {
  position: absolute;
  text-align: left;
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  width: 30%;
  bottom: 25px;
  margin-left: 30px;
  float: left;
}
@media (max-width: 767px) {
  .news .bper-wrapper .slider .slick-dots {
    margin-left: 15px;
    margin-top: 7px;
  }
}
.news .bper-wrapper .slider .slick-dots button::before {
  font-size: 40px;
}

.partner-site {
  overflow: hidden;
}
@media (max-width: 767px) {
  .partner-site {
    padding: 0 25px;
  }
}
.partner-site .wrapper-all-partner {
  display: flex;
  margin-left: -15px;
}
@media (max-width: 767px) {
  .partner-site .wrapper-all-partner {
    flex-direction: column;
    margin-left: 0;
  }
}
.partner-site .wrapper-all-partner .partner-container-wrapper {
  width: 100%;
  flex-grow: 1;
  padding: 0 15px;
}
@media (max-width: 767px) {
  .partner-site .wrapper-all-partner .partner-container-wrapper {
    padding: 0;
  }
  .partner-site .wrapper-all-partner .partner-container-wrapper .partner-container {
    margin: 0;
  }
  .partner-site .wrapper-all-partner .partner-container-wrapper + .partner-container-wrapper {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .partner-site.allineamento-verticale {
    margin-bottom: 30px;
  }
}
.partner-site.allineamento-verticale .partner-container {
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  height: calc(100% - 30px);
  margin-top: 0;
}
.partner-site.allineamento-verticale .partner-container:hover .link-cta.link-cta-right-arrow:after {
  transform: none;
}
.partner-site.allineamento-verticale .partner-container .logos-bkg,
.partner-site.allineamento-verticale .partner-container .logos {
  width: auto;
  height: 56px;
}
@media (max-width: 991px) {
  .partner-site.allineamento-verticale .partner-container .partner-text p,
  .partner-site.allineamento-verticale .partner-container .partner-title h4 {
    height: auto !important;
  }
}
.partner-site.allineamento-verticale .partner-container .title-and-text + .partner-button {
  margin-left: 0;
  width: 100%;
}
.partner-site.allineamento-verticale .partner-container .title-and-text + .partner-button .partner-link {
  display: block;
  float: right;
}
.partner-site.allineamento-verticale .partner-container .title-and-text + .partner-button .partner-link span {
  display: none;
}
.partner-site.allineamento-verticale .partner-container .partner-text-area {
  flex-direction: column;
  align-items: flex-start;
}
.partner-site.allineamento-verticale .partner-image-area {
  margin-bottom: 5px;
}
.partner-site .partner-container {
  display: flex;
  align-items: center;
  position: relative;
  padding: 32px;
  background: #fff;
  border: solid 1px #CAF0DE;
  border-radius: 24px;
  margin: 30px 0;
  gap: 40px;
  box-shadow: 0 8px 16px rgba(126, 140, 141, 0.0008);
  position: relative;
}
.partner-site .partner-container:hover .link-cta.link-cta-right-arrow:after {
  transform: none;
}
.partner-site .partner-container .link-all-card {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.partner-site .partner-container:hover {
  box-shadow: 0 8px 16px rgba(126, 140, 141, 0.0016);
}
.partner-site .partner-container:hover .partner-title h4 {
  color: var(--secondary-80);
}
@media (max-width: 767px) {
  .partner-site .partner-container {
    padding: 32px 24px;
  }
}
@media (max-width: 767px) {
  .partner-site .partner-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}
.partner-site .partner-container > div {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 25px;
}
@media (max-width: 767px) {
  .partner-site .partner-container > div {
    gap: 10px;
  }
}
.partner-site .partner-container .partner-text-area .partner-title {
  margin-bottom: 4px;
}
.partner-site .partner-container .partner-text-area .partner-title h4 {
  margin: 0;
  color: var(--secondary-80);
  font-size: 24px;
  line-height: 1.2;
}
.partner-site .partner-container .partner-text-area .partner-text p {
  margin: 0;
}
.partner-site .partner-container .logos-bkg,
.partner-site .partner-container .logos {
  width: 164px;
}
@media (max-width: 767px) {
  .partner-site .partner-container .logos-bkg,
  .partner-site .partner-container .logos {
    width: auto;
    max-width: auto;
    max-height: 40px;
  }
}
.partner-site .partner-container .partner-text-area {
  flex-grow: 2;
  flex-direction: row;
  font-size: 18px;
  width: 100%;
  line-height: 26px;
  color: var(--primary-400);
}
@media (max-width: 767px) {
  .partner-site .partner-container .partner-text-area {
    align-items: flex-start;
    flex-direction: column;
  }
}
.partner-site .partner-container .partner-text-area .partner-title {
  color: var(--secondary-80);
  font-family: "Din-Bold", sans-serif;
  line-height: 32px;
}
.partner-site .partner-container .partner-text-area .title-and-text {
  flex-grow: 2;
}
.partner-site .partner-container .partner-link {
  font-family: "Din-Bold";
  white-space: nowrap;
}
@media (max-width: 767px) {
  .partner-site .partner-container .partner-link {
    width: 24px;
    height: 24px;
    display: block;
    float: right;
    text-indent: -999px;
    overflow: hidden;
    position: relative;
    margin: 0;
  }
  .partner-site .partner-container .partner-link:after {
    display: none;
  }
  .partner-site .partner-container .partner-link:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    content: "";
    display: block;
    background-image: url(../images/icone-bper-2022/Icon-24pt-Arrow-Right.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
}
.partner-site .partner-container .partner-button {
  display: ruby;
}
@media (max-width: 767px) {
  .partner-site .partner-container .partner-button {
    margin-top: 5px;
    width: 100%;
    text-align: -999px;
    overflow: hidden;
  }
}
.partner-site .partner-container .title-and-text {
  margin: 0;
  padding: 0;
}
.partner-site .partner-container .logos-container-center {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  float: left;
  justify-content: center;
  padding-top: 0 !important;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .partner-site .partner-container .logos-container-center {
    align-items: flex-start;
  }
}
.partner-site .partner-blocks {
  display: flex;
  width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .partner-site .partner-blocks {
    display: block;
    float: left;
  }
}
@media (max-width: 480px) {
  .partner-site .partner-blocks {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .partner-site .partner-blocks .logos-container-center {
    background-color: #faf9f8;
    display: flex;
  }
}
.partner-site .partner-blocks .partner-container {
  display: flex;
  position: relative;
  width: calc(50% - 15px);
}
@media (max-width: 991px) {
  .partner-site .partner-blocks .partner-container {
    width: 100%;
    float: left;
  }
}
@media (max-width: 768px) {
  .partner-site .partner-blocks .partner-container {
    display: block;
  }
}
.partner-site .partner-blocks .partner-container + .partner-container {
  margin-left: 30px;
}
@media (max-width: 991px) {
  .partner-site .partner-blocks .partner-container + .partner-container {
    margin-left: 0;
    margin-top: 15px;
  }
}
.partner-site .partner-blocks .partner-container > div {
  padding-left: 0;
  padding-right: 0;
}

.sub-footer {
  width: 100%;
  background-color: #377D6A;
}
.sub-footer .sub-footer-container {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
  color: #fff;
  font-size: 16px;
  min-height: 90px;
  padding-left: 80px;
  padding-right: 80px;
  max-width: 1440px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .sub-footer .sub-footer-container {
    padding: 24px 35px 56px 25px;
    justify-content: center;
    grid-gap: 26px;
    margin-top: -1px;
  }
}
.sub-footer .sub-footer-container .social {
  display: inline-block;
}
.sub-footer .sub-footer-container .social .link-ref {
  margin-left: 20px;
  display: inline-block;
  max-width: 25px;
}
.sub-footer .sub-footer-container .social .link-ref .image-link {
  height: 1.125rem;
  fill: #fff;
  vertical-align: middle;
}
.sub-footer .sub-footer-container .links {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 27px;
  color: #fff;
}
@media (max-width: 768px) {
  .sub-footer .sub-footer-container .links {
    grid-gap: 19px 26px;
    justify-content: center;
  }
}
.sub-footer .sub-footer-container .links > a,
.sub-footer .sub-footer-container .links > a:hover,
.sub-footer .sub-footer-container .links > .link-cta,
.sub-footer .sub-footer-container .links > .link-cta:hover {
  font-weight: normal;
  text-decoration: none;
  color: #fff;
}

.branch-image-block {
  float: left;
  width: 100%;
}

.header nav.navbar .bper-links a {
  float: none;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  z-index: 1000000;
}
.header nav.navbar .bper-links a > img {
  margin-top: 0;
}

a.search-box__button > img {
  display: block !important;
}
a.search-box__button > img.hover {
  display: none !important;
}
a.search-box__button:hover > img {
  display: none !important;
}
a.search-box__button:hover > img.hover {
  display: block !important;
}

.header nav.navbar .bper-links-container .search-box {
  float: left;
}
.header nav.navbar .bper-links-container .search-box > a {
  margin-left: 0;
}
.header nav.navbar .bper-links-container .search-box > a .label-text {
  display: none;
}
@media (max-width: 768px) {
  .header nav.navbar .bper-links-container .search-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
.header nav.navbar .bper-links-container .search-box a.search-box__button .label-text {
  display: none;
}
@media (max-width: 1099px) {
  .header nav.navbar .bper-links-container .search-box a.search-box__button .label-text {
    display: none;
  }
}
.header nav.navbar .bper-links-container .search-box a.search-box__button > img {
  margin-right: 0;
  width: 24px;
  height: 24px;
}

.search-box__close-button {
  position: absolute;
  top: 20px;
  right: 24px;
  z-index: 2;
  display: none;
}
.search-box__close-button .show {
  display: block;
}

.search-box-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  display: block;
}
.search-box-wrapper .portlet-topper {
  display: none !important;
}
.search-box-wrapper .portlet-search .search-input-group {
  position: relative;
}
.search-box-wrapper .portlet-search .search-input-group .input-group-inset-item {
  position: absolute;
  right: 0;
  top: calc(50% - 20px);
  transform: translateY(-50%);
  border: none;
  background: transparent;
}
.search-box-wrapper .portlet-search .search-input-group .input-group-inset-item button {
  background: transparent;
}
.search-box-wrapper .portlet-search .search-input-group .input-group-inset-item button svg.lexicon-icon-search {
  width: 40px;
  height: 40px;
  color: #00b97f;
}

.search-box {
  position: relative;
}

.search-box__close-button {
  display: none;
}

.search-box-wrapper {
  display: none;
}

.search-box__selected {
  display: block;
}
.search-box__selected .search-box__close-button {
  display: block;
}
.search-box__selected form {
  position: fixed;
  top: -200%;
  left: 0;
  bottom: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background: rgba(247, 250, 250, 0.97);
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-box__selected form .input-container {
  width: 100%;
  max-width: 780px;
  position: relative;
  padding: 0 25px;
}
.search-box__selected form .input-container .fieldset {
  position: relative;
}
.search-box__selected form .input-container .fieldset > div {
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
}
.search-box__selected form .input-container .fieldset > div > .form-group {
  width: 100%;
}
.search-box__selected form .input-container .fieldset > div svg {
  display: none;
}
.search-box__selected form .input-container .fieldset > div img {
  display: none;
}
.search-box__selected form .input-container .fieldset > div .lfr-ddm-field-group {
  float: none;
  width: 44px;
  height: 44px;
  margin-bottom: 20px;
  position: absolute;
  right: 15px;
  display: block;
  top: 0;
}
.search-box__selected form .input-container .fieldset > div .lfr-ddm-field-group .icon-monospaced {
  width: 44px;
  height: 44px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/icone-bper-2022/Icon-24pt-Search.svg);
}
.search-box__selected form .input-container .fieldset > div .lfr-ddm-field-group .icon-monospaced:hover {
  background-image: url(../images/icone-bper-2022/Icon-24pt-Search.svg);
}
.search-box__selected form .input-container .fieldset > div .lfr-ddm-field-group .icon-monospaced a {
  margin: 0;
  display: block;
  height: 44px;
  width: 44px;
}
.search-box__selected form .input-container .fieldset .input-text-wrapper {
  width: 100%;
}
.search-box__selected form .input-container .fieldset .input-text-wrapper .search-input {
  width: 100%;
  max-width: inherit;
  font-size: 45px;
  background: transparent;
  border-bottom: 2px solid #005D44;
  border-radius: 0;
}

.product-features {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1250px) {
  .product-features .bper-wrapper-small, .product-features .bper-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.product-features .title {
  font-size: 36px;
  line-height: 44px;
  letter-spacing: 0px;
  margin-bottom: 26px;
}
.product-features .title p {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  margin: 0;
}
.product-features .title strong,
.product-features .title b {
  color: var(--secondary-80);
}
.product-features .title.position-center {
  padding-left: 95px;
  padding-right: 95px;
}
.product-features .description {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  color: var(--primary-400);
  margin-top: 32px;
}
.product-features .description p {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  margin: 0;
}
.product-features .description a {
  color: var(--secondary-80);
}
.product-features .description.position-center {
  padding-left: 95px;
  padding-right: 95px;
}
.product-features .cols-container {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 30px;
  color: var(--primary-400);
}
.product-features .cols-container.position-center {
  padding-left: 95px;
  padding-right: 95px;
}
.product-features .cols-container .first-col .first-col-element,
.product-features .cols-container .second-col .second-col-element {
  display: grid;
  grid-template-areas: "title" "description";
  margin-top: 28px;
}
.product-features .cols-container .first-col .first-col-element.with-bullet-icon,
.product-features .cols-container .second-col .second-col-element.with-bullet-icon {
  display: grid;
  grid-template-areas: "icon title" ". description";
  grid-template-columns: 40px auto;
  column-gap: 16px;
  margin-top: 14px;
  align-items: center;
}
.product-features .cols-container .first-col .first-col-element .list-title,
.product-features .cols-container .second-col .second-col-element .list-title {
  grid-area: title;
  font-family: "Din-Bold", sans-serif;
}
.product-features .cols-container .first-col .first-col-element .list-title p,
.product-features .cols-container .second-col .second-col-element .list-title p,
.product-features .cols-container .first-col .first-col-element .list-description p,
.product-features .cols-container .second-col .second-col-element .list-description p {
  margin-bottom: 10px;
}
.product-features .cols-container .first-col .first-col-element .list-description,
.product-features .cols-container .second-col .second-col-element .list-description {
  grid-area: description;
  margin-top: -8px;
  font-size: 18px;
  line-height: 26px;
}
.product-features .cols-container .first-col .first-col-element .list-description p,
.product-features .cols-container .second-col .second-col-element .list-description p {
  font-size: inherit;
  line-height: inherit;
}
.product-features .cols-container .first-col .first-col-element .list-icon,
.product-features .cols-container .second-col .second-col-element .list-icon {
  grid-area: icon;
}
.product-features .cols-container .first-col .first-col-element .list-icon img,
.product-features .cols-container .second-col .second-col-element .list-icon img {
  max-width: 40px;
}
.product-features .product-features-call-to-action {
  margin-top: 36px;
}
.product-features .product-features-call-to-action.position-center {
  padding-left: 95px;
  padding-right: 95px;
}
@media (max-width: 767px) {
  .product-features {
    padding: 56px 25px;
  }
  .product-features .title {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0;
    margin-bottom: 40px;
  }
  .product-features .title.position-center {
    padding-left: 0;
    padding-right: 0;
  }
  .product-features .description {
    margin-top: 32px;
  }
  .product-features .description.position-center {
    padding-left: 0;
    padding-right: 0;
  }
  .product-features .cols-container {
    display: block;
  }
  .product-features .cols-container.position-center {
    padding-left: 0;
    padding-right: 0;
  }
  .product-features .product-features-call-to-action.position-center {
    padding-left: 0;
    padding-right: 0;
  }
}

.bkg-top-green-20 .product-features .description,
.bkg-top-green-40 .product-features .description,
.bkg-top-green-50 .product-features .description,
.bkg-top-green-60 .product-features .description,
.bkg-top-green-80 .product-features .description,
.bkg-bottom-green-20 .product-features .description,
.bkg-bottom-green-40 .product-features .description,
.bkg-bottom-green-50 .product-features .description,
.bkg-bottom-green-60 .product-features .description,
.bkg-bottom-green-80 .product-features .description,
.bkg-full-green .product-features .description {
  color: var(--primary-400);
}

.portlet-nested-portlets .product-features {
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 0;
}

.product-page-title h1 {
  margin-bottom: 0;
}
.product-page-title h2 {
  margin-top: 0;
}
.product-page-title .product-page-title-img-cover {
  margin-top: 38px;
  min-height: 500px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 768px) {
  .product-page-title .product-page-title-img-cover {
    margin-top: 64px;
  }
}

/*
<div class="bper-wrapper">
    <div class="container product-services">
        <div class="row product-services__row-eq-height">
            <!--1st column start-->
            <div class="col-xs-12 col-lg-6 product-services__description">
                <h3>Pensata per chi non vuole pensieri</h3>
                <p>Ti sei mai messo in tasca una banca? Con Bper puoi farlo davvero! Scopri Carta Conto, la carta con codice
                    IBAN con cui effettui le principali operazioni bancarie ma senza aprire un conto corrente. Leggera e
                    versatile, si adatterà a tutte le tue esigenze: shopping online, viaggi all’estero, servizi: tutto in
                    uno, per tutti.
                </p>
            </div>
            <!--1st column end-->
            <!--2nd column start-->
            <div class="col-xs-12 col-lg-6 product-services__services-list">
                <h4>Cosa puoi fare, anche online</h4>
                <div class="row">
                    <!--1st column of list start-->
                    <div class="col-xs-12 col-md-6">
                        <div class="row">
                            <div class="col-xs-12 product-services__services-list__item"> Bonifici </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 product-services__services-list__item"> Bonifici internazionali </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 product-services__services-list__item"> MAV </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 product-services__services-list__item"> F24 </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 product-services__services-list__item"> Ricariche telefoniche </div>
                        </div>
                    </div>
                    <!--1st column of list end-->
                    <!--2nd column of list start-->
                    <div class="col-xs-12 col-md-6">
                        <div class="row">
                            <div class="col-xs-12 product-services__services-list__item"> Pagamento canone RAI </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 product-services__services-list__item"> Bollo auto </div>
                        </div>
                        <!--2nd column of list end-->
                    </div>
                </div>
            </div>
            <!--2nd column end-->
        </div>
    </div>
</div>
*/
.product-services {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .product-services {
    margin-top: 0;
    margin-bottom: 60px;
  }
}
.product-services.bper-wrapper {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .product-services.bper-wrapper {
    margin-top: 0;
    margin-bottom: 60px;
  }
}
.product-services .container {
  padding-left: 0;
  padding-right: 0;
}
.product-services .container .product-services-row-eq-height {
  display: flex;
  align-items: stretch;
  /*margin-right: calc((100vw - 1170px) / -2);
  margin-left: calc((100vw - 1170px) / -2);*/
  margin-right: calc((100vw - 1170px) / -2);
  margin-left: calc((100vw - 1170px) / -2);
}
@media (max-width: 767px) {
  .product-services .container .product-services-row-eq-height {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.product-services .container .product-services-row-eq-height > .product-services-list {
  padding-right: calc((100vw - 1170px) / 2) !important;
}
.product-services .container .product-services-row-eq-height > .description-container {
  padding-left: calc((100vw - 1170px) / 2) !important;
}
.product-services .container .product-services-row-eq-height .description-container {
  display: flex;
  align-items: center;
  padding: 80px 70px 80px 165px;
  color: var(--primary-400);
}
@media (max-width: 767px) {
  .product-services .container .product-services-row-eq-height .description-container {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}
.product-services .container .product-services-row-eq-height .description-container .product-services-description .title {
  font-size: 36px;
  font-weight: normal;
}
.product-services .container .product-services-row-eq-height .description-container .product-services-description .title p {
  letter-spacing: 0px;
  line-height: 48px;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .product-services .container .product-services-row-eq-height .description-container .product-services-description .title p {
    font-size: 28px;
    line-height: 36px;
  }
}
.product-services .container .product-services-row-eq-height .description-container .product-services-description .title p strong {
  color: var(--secondary-80);
}
.product-services .container .product-services-row-eq-height .description-container .product-services-description .description {
  font-size: 18px;
  line-height: 26px;
}
.product-services .container .product-services-row-eq-height .description-container .product-services-description .description p {
  line-height: inherit;
  font-size: inherit;
}
.product-services .container .product-services-row-eq-height .product-services-list {
  display: flex;
  align-items: center;
  padding: 80px 165px 80px 70px;
  background-color: var(--neutral-5);
  border-radius: 24px 0 0 24px;
  color: var(--primary-400);
}
@media (max-width: 767px) {
  .product-services .container .product-services-row-eq-height .product-services-list {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}
.product-services .container .product-services-row-eq-height .product-services-list .product-services-list-wrapper .title {
  font-size: 28px;
  line-height: 34px;
  font-family: "Din-Bold", sans-serif;
}
@media (max-width: 767px) {
  .product-services .container .product-services-row-eq-height .product-services-list .product-services-list-wrapper .title {
    font-size: 28px;
    line-height: 36px;
  }
}
.product-services .container .product-services-row-eq-height .product-services-list .product-services-list-wrapper .title p {
  letter-spacing: 0;
  line-height: inherit;
  font-size: inherit;
  margin-bottom: 40px;
}
.product-services .container .product-services-row-eq-height .product-services-list .product-services-list-wrapper .title p strong {
  color: var(--secondary-80);
}
.product-services .container .product-services-row-eq-height .product-services-list .product-services-list-wrapper .description {
  font-size: 18px;
  line-height: 26px;
}
.product-services .container .product-services-row-eq-height .product-services-list .product-services-list-wrapper .description p {
  line-height: inherit;
  font-size: inherit;
}
.product-services .container .product-services-row-eq-height .product-services-list .product-services-list-wrapper .product-services-list-item ul {
  padding-inline-start: 35px;
}
@media (max-width: 1100px) {
  .product-services .container .product-services-row-eq-height {
    flex-direction: column;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px;
  }
  .product-services .container .product-services-row-eq-height .description-container {
    padding: 56px 35px 60px 35px;
    max-width: 100%;
  }
  .product-services .container .product-services-row-eq-height .product-services-list {
    padding: 56px 35px;
    border-radius: 0;
    max-width: 100%;
  }
}
@media (max-width: 1199px) and (min-width: 376px) {
  .product-services.bper-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .product-services.bper-wrapper .container .product-services-row-eq-height > .description-container {
    padding-left: 25px !important;
  }
  .product-services.bper-wrapper .container .product-services-row-eq-height > .product-services-list {
    padding-right: 25px !important;
  }
  .product-services.bper-wrapper .product-services-row-eq-height {
    margin: 0;
  }
}

.comparative-table {
  margin-bottom: 80px;
}
.comparative-table td.comparative-table-fixed-col {
  padding-right: 10px;
}
.comparative-table .table-notes {
  color: var(--primary-400);
  margin-top: 30px;
}
@media (max-width: 768px) {
  .comparative-table .table-notes {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.comparative-table .title {
  color: var(--primary-400);
  max-width: 70%;
}
.comparative-table .title p {
  font-size: 36px;
  letter-spacing: 0px;
  line-height: 48px;
  text-align: center;
}
.comparative-table .title p:last-child {
  margin-bottom: 40px;
}
.comparative-table .title strong {
  color: var(--secondary-80);
}
.comparative-table .comparative-table-table-wrap .subtitle {
  color: var(--green-100);
  text-align: center;
  margin-bottom: 41px;
  max-width: 70%;
}
.comparative-table .comparative-table-table-wrap .comparative-table-grid {
  display: grid;
  grid-template-columns: minmax(min-content, 190px) 1fr;
}
.comparative-table .comparative-table-table-wrap .comparative-table-grid .rowName-value {
  padding: 9px 30px 9px 8px;
  vertical-align: top;
  color: var(--primary-400);
  min-height: 43px;
}
.comparative-table .comparative-table-table-wrap .comparative-table-grid .rowName-value:nth-child(even) {
  background-color: var(--neutral-5);
}
.comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid {
  display: grid;
}
.comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid .grid-cols .header-value {
  text-align: left;
  padding: 8px 30px 8px 8px;
}
.comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid .grid-cols .header-value strong {
  color: var(--secondary-80);
}
.comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid .grid-cols .header-value span {
  color: #7e8c8d;
  font-size: 16px;
  font-weight: normal;
}
.comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid .grid-cols .header-value span p {
  margin-bottom: 0;
}
.comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid .grid-cols .rowData-value {
  min-height: 43px;
  padding: 9px 30px 9px 8px;
  vertical-align: top;
  color: var(--primary-400);
}
.comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid .grid-cols .rowData-value:nth-child(even) {
  background-color: var(--neutral-5);
}
.comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid .grid-cols .rowData-value p {
  margin-bottom: 0;
}
.comparative-table .comparative-table-table-wrap-2-cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  align-items: flex-start;
}
.comparative-table .comparative-table-table-wrap-2-cols .subtitle {
  color: var(--green-100);
  text-align: left;
}
.comparative-table .comparative-table-table-wrap-2-cols .comparative-table-table table {
  width: 100%;
}
.comparative-table .comparative-table-table-wrap-2-cols .comparative-table-table table thead tr th {
  text-align: left;
  padding: 14px 8px;
}
.comparative-table .comparative-table-table-wrap-2-cols .comparative-table-table table tbody tr {
  height: 48px;
}
.comparative-table .comparative-table-table-wrap-2-cols .comparative-table-table table tbody tr:nth-child(odd) {
  background-color: var(--neutral-5);
}
.comparative-table .comparative-table-table-wrap-2-cols .comparative-table-table table tbody tr td {
  padding: 14px 8px;
  vertical-align: top;
}
.comparative-table .comparative-table-table-wrap-2-cols .comparative-table-table table tbody tr td p {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .comparative-table {
    margin-bottom: 56px;
  }
  .comparative-table.bper-wrapper {
    margin-left: 25px;
    margin-right: 25px;
  }
  .comparative-table .title {
    max-width: 100%;
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .comparative-table .title p {
    font-size: 28px;
    letter-spacing: 0;
    line-height: 36px;
    text-align: left;
  }
  .comparative-table .title p:last-child {
    margin-bottom: 38px;
  }
  .comparative-table .comparative-table-table-wrap p {
    font-size: 18px;
    line-height: 26px;
  }
  .comparative-table .comparative-table-table-wrap .subtitle {
    max-width: 100%;
    margin-left: 25px;
    margin-right: 25px;
    text-align: left;
  }
  .comparative-table .comparative-table-table-wrap .comparative-table-grid {
    grid-template-columns: minmax(min-content, 108px) 1fr;
    margin-left: 25px;
  }
}
@media (max-width: 768px) and (max-width: 480px) {
  .comparative-table .comparative-table-table-wrap .comparative-table-grid {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (max-width: 768px) {
  .comparative-table .comparative-table-table-wrap .comparative-table-grid .rowName {
    z-index: 1;
  }
  .comparative-table .comparative-table-table-wrap .comparative-table-grid .rowName .rowName-value {
    box-shadow: 8px 0px 16px rgba(126, 140, 141, 0.08);
    padding: 8px;
  }
  .comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid.table-carousel {
    grid-template-columns: auto !important;
    margin-bottom: 70px;
  }
  .comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid.table-carousel .grid-cols .header-value {
    padding: 8px 30px 8px 26px;
  }
  .comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid.table-carousel .grid-cols .rowData-value {
    padding: 8px 8px 8px 24px;
  }
  .comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid.table-carousel .slick-prev,
  .comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid.table-carousel .slick-next,
  .comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid.table-carousel .slick-prev:hover,
  .comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid.table-carousel .slick-next:hover {
    background-color: #fff;
    box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
    border-radius: 20px;
    width: 40px;
    height: 40px;
    background-image: url(../images/icone-bper-2022/Icon-24pt-Arrow-Right.svg);
  }
  .comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid.table-carousel .slick-dots {
    bottom: -37px;
    left: 28%;
  }
}
@media (max-width: 768px) and (max-width: 480px) {
  .comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid.table-carousel .slick-dots {
    left: 23%;
    bottom: -55px;
  }
}
@media (max-width: 768px) {
  .comparative-table .comparative-table-table-wrap-2-cols {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, auto);
    margin-right: 25px;
    margin-left: 25px;
  }
  .comparative-table .comparative-table-table-wrap-2-cols .subtitle {
    margin-bottom: 40px;
  }
}

.banner-full-size {
  color: #fff;
  overflow: hidden;
}
.banner-full-size.green {
  color: #015256;
}
.banner-full-size .banner-container {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 500px;
  background-position-x: 50%;
  background-position-y: 50%;
}
@media (max-width: 1199px) {
  .banner-full-size .banner-container {
    background-size: 150%;
    background-position-x: 20%;
    height: 250px;
  }
}
.banner-full-size .banner-container .bper-wrapper h6 {
  margin-top: 0;
}
.banner-full-size .banner-container .bper-wrapper h2 + h6 {
  margin-top: -20px;
}
.banner-full-size .banner-container .bper-wrapper .title {
  padding-top: 0;
  font-size: 56px;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .banner-full-size .banner-container .bper-wrapper .title {
    padding-top: 25px;
  }
}

.digital-service {
  overflow: hidden;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .digital-service {
    margin-bottom: 20px;
  }
}
.digital-service.after .digital-service-container::after {
  content: "";
  height: 30px;
  width: 30px;
  position: absolute;
  left: calc(50% - 15px);
  bottom: -15px;
  background-color: #faf9f8;
  transform: rotateZ(45deg);
  z-index: 100;
}
.digital-service .bper-wrapper .digital-service-solution {
  background-color: #005D44;
  float: left;
  width: 100%;
  padding: 5px 30px 25px;
}
@media (max-width: 1199px) {
  .digital-service .bper-wrapper .digital-service-solution {
    padding-bottom: 40px;
    padding-top: 30px;
  }
}
.digital-service .bper-wrapper .digital-service-solution h3,
.digital-service .bper-wrapper .digital-service-solution p,
.digital-service .bper-wrapper .digital-service-solution .description {
  color: #fff;
}
.digital-service .bper-wrapper .digital-service-solution .description {
  padding-top: 15px;
  margin-bottom: 0;
}
.digital-service .bper-wrapper .digital-service-solution .link-container {
  margin-top: 55px;
}
@media (max-width: 1199px) {
  .digital-service .bper-wrapper .digital-service-solution .link-container {
    margin-top: 20px;
  }
}
.digital-service .bper-wrapper .digital-service-solution .link-container .btn {
  float: right;
}
.digital-service .bper-wrapper .digital-service-container {
  padding: 5px 30px 25px;
  background-color: #faf9f8;
}
.digital-service .bper-wrapper .digital-service-container .description {
  padding-top: 15px;
  padding-bottom: 30px;
}
@media (max-width: 1199px) {
  .digital-service .bper-wrapper .digital-service-container .description {
    padding-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .digital-service .bper-wrapper .digital-service-container .block {
    margin-bottom: 25px;
  }
}
.digital-service .bper-wrapper .digital-service-container .block .block-title {
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .digital-service .bper-wrapper .digital-service-container .block .block-title {
    padding-top: 15px;
  }
}
@media (max-width: 768px) {
  .digital-service .bper-wrapper .digital-service-container .block .block-icons {
    display: block;
  }
}
.digital-service .bper-wrapper .digital-service-container .block .plus {
  text-align: center;
  position: absolute;
  display: block;
  right: -10px;
  top: calc(40% - 10px);
  width: 20px;
  height: 20px;
  background-image: url(../images/plus.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.digital-service .bper-wrapper .digital-service-container .block .icon-container {
  text-align: center;
  position: relative;
  display: inline-block;
  vertical-align: text-top;
}
.digital-service .bper-wrapper .digital-service-container .block .icon-container.first {
  width: 33%;
}
.digital-service .bper-wrapper .digital-service-container .block .icon-container.first .icon {
  margin-left: 0;
}
.digital-service .bper-wrapper .digital-service-container .block .icon-container.first p {
  max-width: 135px;
}
.digital-service .bper-wrapper .digital-service-container .block .icon-container.second {
  width: calc(33% - 15px);
  margin-right: 15px;
}
.digital-service .bper-wrapper .digital-service-container .block .icon-container.third {
  width: calc(33% - 30px);
  padding-left: 15px;
  margin-right: 15px;
  border-left: 1px solid #005D44;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .digital-service .bper-wrapper .digital-service-container .block .icon-container.first .icon {
    margin-left: auto;
  }
  .digital-service .bper-wrapper .digital-service-container .block .icon-container.first p {
    max-width: initial;
  }
}
@media (max-width: 768px) {
  .digital-service .bper-wrapper .digital-service-container .block .icon-container.first {
    width: 49%;
    padding-right: 15px;
  }
  .digital-service .bper-wrapper .digital-service-container .block .icon-container.first .icon {
    margin-left: auto;
  }
  .digital-service .bper-wrapper .digital-service-container .block .icon-container.first p {
    max-width: initial;
  }
  .digital-service .bper-wrapper .digital-service-container .block .icon-container.second {
    width: 49%;
    padding-left: 15px;
    margin-right: 0;
  }
  .digital-service .bper-wrapper .digital-service-container .block .icon-container.third {
    margin: auto;
    border-left: none;
    border-top: 1px solid #005D44;
    width: 100%;
    padding-left: 25%;
    padding-right: 25%;
    margin-top: 15px;
    padding-top: 15px;
  }
  .digital-service .bper-wrapper .digital-service-container .block .icon-container.third .icon {
    width: 100%;
  }
}
.digital-service .bper-wrapper .digital-service-container .block .icon-container .icon {
  clear: both;
  margin: auto;
  float: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  max-height: 95px;
  max-width: 135px;
}
.digital-service .bper-wrapper .digital-service-container .block .icon-container .icon:after {
  content: "";
  padding-top: 74%;
  display: block;
}
.digital-service .bper-wrapper .digital-service-container .block .icon-container .icon + p {
  margin-top: 15px;
  word-break: break-word;
}
.digital-service .bper-wrapper .digital-service-container .block .icon-container p {
  margin: 0;
}
.digital-service .bper-wrapper .digital-service-container .link-container {
  padding-top: 80px;
  text-align: right;
}
@media (max-width: 1199px) {
  .digital-service .bper-wrapper .digital-service-container .link-container {
    padding-top: 0;
  }
}

.launch-area {
  overflow: hidden;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .launch-area {
    margin-bottom: 10px;
  }
}
.launch-area.white {
  background-color: #fff;
  color: #015256;
}
.launch-area.green {
  background-color: #64B054;
  color: #fff;
}
.launch-area.blue {
  background-color: #071d1f;
  color: #fff;
}
@media (max-width: 480px) {
  .launch-area {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.launch-area .bper-wrapper .launch-area-container {
  padding: 12px 30px 20px;
  float: left;
  width: 100%;
}
@media (max-width: 1199px) {
  .launch-area .bper-wrapper .launch-area-container {
    padding-top: 25px;
    padding-bottom: 40px;
  }
}
.launch-area .bper-wrapper .launch-area-container.no-padding {
  padding-left: 0;
  padding-right: 0;
}
.launch-area .bper-wrapper .launch-area-container.white {
  background-color: #fff;
  color: #015256;
}
.launch-area .bper-wrapper .launch-area-container.green {
  background-color: #64B054;
  color: #fff;
}
.launch-area .bper-wrapper .launch-area-container.blue {
  background-color: #071d1f;
  color: #fff;
}
.launch-area .bper-wrapper .launch-area-container .description {
  padding-top: 10px;
  padding-bottom: 40px;
}
@media (max-width: 1199px) {
  .launch-area .bper-wrapper .launch-area-container .description {
    padding-bottom: 15px;
  }
}
.launch-area .bper-wrapper .launch-area-container .button-right {
  float: right;
}
.launch-area .bper-wrapper .launch-area-container .button-container {
  text-align: right;
}
.launch-area .bper-wrapper .launch-area-container .button-container .btn {
  margin-left: 20px;
}
.launch-area .bper-wrapper .launch-area-container .button-container .btn:first-child {
  margin-left: 0;
}
.launch-area .bper-wrapper .launch-area-container .button-container .btn.blue {
  background-color: #005D44;
}
.launch-area .bper-wrapper .launch-area-container .button-container .btn.blue:hover {
  background-color: #ea862c;
}
@media (max-width: 767px) {
  .launch-area .bper-wrapper .launch-area-container .button-container .btn {
    margin-top: 10px;
  }
  .launch-area .bper-wrapper .launch-area-container .button-container .btn:nth-child(2n+1) {
    margin-left: 20px;
  }
}

.privates-certainties {
  margin-bottom: 64px;
  margin-top: 64px;
}
.privates-certainties .bper-wrapper .certainties-container .title {
  color: var(--primary-400);
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -0.07px;
  font-weight: 400;
  margin-bottom: 40px;
  margin-top: 0;
}
@media (max-width: 767px) {
  .privates-certainties .bper-wrapper .certainties-container .title {
    margin-bottom: 24px;
  }
}
.privates-certainties .bper-wrapper .certainties-container .title p {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
.privates-certainties .bper-wrapper .certainties-container .title b,
.privates-certainties .bper-wrapper .certainties-container .title strong {
  color: var(--secondary-80);
  font-family: "Din-Bold", sans-serif;
}
.privates-certainties .bper-wrapper .certainties-container .title.position-center {
  padding-left: 95px;
  padding-right: 95px;
}
.privates-certainties .bper-wrapper .certainties-container .description {
  font-size: 18px;
  line-height: 26px;
  color: var(--primary-400);
}
.privates-certainties .bper-wrapper .certainties-container .description.position-center {
  padding: 0px 95px;
}
@media (max-width: 767px) {
  .privates-certainties .bper-wrapper .certainties-container .description.position-center {
    padding: 0px;
  }
}
.privates-certainties .bper-wrapper .certainties-container .description a {
  color: var(--secondary-80);
  font-family: "Din-Bold", sans-serif;
  text-decoration: underline;
}
.privates-certainties .bper-wrapper .certainties-container .description p {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 24px;
}
.privates-certainties .bper-wrapper .certainties-container .description p:last-child {
  margin-bottom: 0;
}
.privates-certainties .bper-wrapper .certainties-container .button-readmore {
  text-decoration: none;
}
.privates-certainties .bper-wrapper .certainties-container .button-readmore:hover:after {
  transform: none;
}
.privates-certainties .bper-wrapper .certainties-container .button-readmore:after {
  margin-left: 15px;
  width: 10px;
  height: 10px;
  background-image: url("../images/icone-bper-2022/icon-caret-down.svg");
}
.privates-certainties .bper-wrapper .certainties-container.with-logo-image {
  display: grid;
  grid-template-areas: "logo title" "logo description";
  column-gap: 30px;
  grid-template-columns: minmax(auto, 96px) auto;
}
.privates-certainties .bper-wrapper .certainties-container.with-logo-image .logo-image {
  grid-area: logo;
}
.privates-certainties .bper-wrapper .certainties-container.with-logo-image .logo-image img {
  max-width: 96px;
}
.privates-certainties .bper-wrapper .certainties-container.with-logo-image .title {
  grid-area: title;
  margin-bottom: 12px;
  font-size: 28px;
  line-height: 36px;
  font-family: "Din-Bold", sans-serif;
}
.privates-certainties .bper-wrapper .certainties-container.with-logo-image .description {
  grid-area: description;
}
.privates-certainties.with-logo-image {
  padding-top: 80px;
  padding-bottom: 80px;
  background: var(--primary-200);
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .privates-certainties.with-logo-image {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
.privates-certainties.with-logo-image .certainties-container .title,
.privates-certainties.with-logo-image .certainties-container .description {
  color: #fff;
}
@media (max-width: 767px) {
  .privates-certainties {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
@media (max-width: 480px) {
  .privates-certainties {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .privates-certainties .bper-wrapper {
    width: auto;
    padding: 0;
    margin-left: 25px;
    margin-right: 25px;
  }
  .privates-certainties .bper-wrapper .certainties-container .title {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0;
    margin-bottom: 17px;
  }
  .privates-certainties .bper-wrapper .certainties-container .title.position-center {
    padding-left: 0;
    padding-right: 0;
  }
  .privates-certainties .bper-wrapper .certainties-container .description.position-center {
    padding: 15px 0;
  }
  .privates-certainties .bper-wrapper .certainties-container.with-logo-image {
    grid-template-areas: "logo" "title" "description";
    row-gap: 24px;
    grid-template-columns: auto;
  }
  .privates-certainties .bper-wrapper .certainties-container.with-logo-image .title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0px;
    font-weight: 400;
    margin-bottom: 0;
  }
}

.loan-blocks {
  margin-top: 80px;
  margin-bottom: 80px;
}
.loan-blocks .wc-title {
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 1199px) {
  .loan-blocks .wc-title {
    padding-bottom: 0;
  }
}
@media (max-width: 799px) {
  .loan-blocks .wc-title {
    padding-top: 0;
    margin-top: 0;
  }
}
.loan-blocks .nota {
  position: absolute;
  top: 0;
  background: var(--secondary-10);
  border-radius: 16px;
  left: 44px;
  line-height: 48px;
  padding-left: 20px;
  padding-right: 20px;
  transform: translateY(-50%);
  color: var(--primary-400);
}
@media (max-width: 1199px) {
  .loan-blocks .nota {
    left: 36px;
  }
}
.loan-blocks .bper-wrapper .blocks-container .loan-blocks-title {
  font-size: 36px;
  line-height: 48px;
  letter-spacing: 0px;
  margin-bottom: 57px;
}
.loan-blocks .bper-wrapper .blocks-container .loan-blocks-title strong {
  color: var(--secondary-80);
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block {
  background-color: var(--primary-400);
  box-shadow: 0px 16px 24px rgba(126, 140, 141, 0.32);
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block.squircle-icon {
  background: url(../images/Squircle_green_2.png) top 40px right -30px no-repeat var(--primary-400);
  background-size: auto 224px;
}
.loan-blocks .bper-wrapper .blocks-container .loan-right-block {
  background-color: var(--primary-600);
  box-shadow: 0px 16px 24px rgba(126, 140, 141, 0.32);
}
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.squircle-icon {
  background: url(../images/Squircle_green_1.png) top 40px right -30px no-repeat var(--primary-600);
  background-size: auto 224px;
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block {
  display: flex;
  flex-direction: column;
  padding: 40px 32px 40px 32px;
  color: #fff;
  border-radius: 24px;
  height: 100%;
}
@media (max-width: 767px) {
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block {
    margin-bottom: 30px;
  }
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block.bkg-primary-400 .title-text, .loan-blocks .bper-wrapper .blocks-container .loan-left-block.bkg-primary-600 .title-text,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bkg-primary-400 .title-text,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bkg-primary-600 .title-text {
  color: #fff;
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block.bkg-primary-400 a.link-cta.link-cta-right-arrow, .loan-blocks .bper-wrapper .blocks-container .loan-left-block.bkg-primary-400 a.link-cta.link-cta-right-arrow:hover, .loan-blocks .bper-wrapper .blocks-container .loan-left-block.bkg-primary-600 a.link-cta.link-cta-right-arrow, .loan-blocks .bper-wrapper .blocks-container .loan-left-block.bkg-primary-600 a.link-cta.link-cta-right-arrow:hover,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bkg-primary-400 a.link-cta.link-cta-right-arrow,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bkg-primary-400 a.link-cta.link-cta-right-arrow:hover,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bkg-primary-600 a.link-cta.link-cta-right-arrow,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bkg-primary-600 a.link-cta.link-cta-right-arrow:hover {
  color: #fff;
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block.bkg-primary-400 a.link-cta.link-cta-right-arrow:after, .loan-blocks .bper-wrapper .blocks-container .loan-left-block.bkg-primary-400 a.link-cta.link-cta-right-arrow:hover:after, .loan-blocks .bper-wrapper .blocks-container .loan-left-block.bkg-primary-600 a.link-cta.link-cta-right-arrow:after, .loan-blocks .bper-wrapper .blocks-container .loan-left-block.bkg-primary-600 a.link-cta.link-cta-right-arrow:hover:after,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bkg-primary-400 a.link-cta.link-cta-right-arrow:after,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bkg-primary-400 a.link-cta.link-cta-right-arrow:hover:after,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bkg-primary-600 a.link-cta.link-cta-right-arrow:after,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bkg-primary-600 a.link-cta.link-cta-right-arrow:hover:after {
  background-image: url(../images/svg/arrow-right-white.svg);
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block.bg-white,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bg-white {
  color: #7e8c8d;
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block.bg-white .title-text,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bg-white .title-text {
  color: #005D44 !important;
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-loan-title,
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-loan-title,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-loan-title,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-loan-title {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-loan-title,
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-loan-title,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-loan-title,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-loan-title {
    margin-bottom: 16px;
  }
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-loan-title .title-text,
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-loan-title .title-text,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-loan-title .title-text,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-loan-title .title-text {
  font-size: 28px;
  font-family: Din-Bold;
  line-height: 36px;
  letter-spacing: 0;
  margin: 0;
  color: #fff;
}
@media (max-width: 767px) {
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-loan-title .title-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-loan-title .title-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-loan-title .title-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-loan-title .title-text {
    height: auto !important;
  }
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-description-text,
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-description-text,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-description-text,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-description-text {
  margin-bottom: 32px;
  line-height: 26px;
  font-size: 18px;
}
@media (max-width: 767px) {
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-description-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-description-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-description-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-description-text {
    height: auto !important;
    margin-bottom: 0;
  }
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-description-text p,
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-description-text p,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-description-text p,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-description-text p {
  margin: 0;
  line-height: inherit;
  font-size: inherit;
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-description-text + .blocks-link, .loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-description-text + .link-wrapper,
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-description-text + .blocks-link,
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-description-text + .link-wrapper,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-description-text + .blocks-link,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-description-text + .link-wrapper,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-description-text + .blocks-link,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-description-text + .link-wrapper {
  margin-top: auto;
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .blocks-link img,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .blocks-link img {
  margin-left: 8px;
}
@media (max-width: 767px) {
  .loan-blocks {
    margin: 56px 25px !important;
  }
  .loan-blocks .blocks-container {
    row-gap: 0;
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .loan-blocks {
    margin: 56px 0;
  }
  .loan-blocks .bper-wrapper .blocks-container {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
  }
  .loan-blocks .bper-wrapper .blocks-container .row {
    row-gap: 30px;
  }
  .loan-blocks .bper-wrapper .blocks-container .loan-blocks-title {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0;
    margin-bottom: 16px;
  }
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block {
    display: flex;
    flex-direction: column;
    padding: 40px 61px 40px 24px;
    background-size: auto 174px;
    height: 100%;
    margin-bottom: 30px;
  }
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-loan-title .title-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-loan-title .title-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-loan-title .title-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-loan-title .title-text {
    font-size: 24px;
    font-family: "Din-Bold", sans-serif;
    line-height: 32px;
    letter-spacing: 0;
  }
}
@media (max-width: 1199px) and (max-width: 767px) {
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-loan-title .title-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-loan-title .title-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-loan-title .title-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-loan-title .title-text {
    height: auto !important;
  }
}
@media (max-width: 1199px) {
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-description-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-description-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-description-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-description-text {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
  }
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .link-wrapper,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .link-wrapper {
    width: calc(100% + 50px);
  }
}

.loan-video-story {
  overflow: hidden;
  margin-bottom: 70px;
}
@media (max-width: 991px) {
  .loan-video-story {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .loan-video-story {
    margin-bottom: 0 !important;
  }
}
.loan-video-story .row {
  margin: 0;
  position: relative;
}
.loan-video-story .product-cover:before {
  content: "";
  display: block;
  border-radius: 24px;
  background: rgba(0, 93, 68, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.loan-video-story .product-cover .popup {
  width: 80px;
  height: 80px;
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 40px);
  transition: 1s;
}
.loan-video-story .product-cover .popup:hover {
  opacity: 0.7;
}
.loan-video-story .product-cover .popup .play {
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.loan-video-story .product-cover .img {
  background-size: cover;
  border-radius: 24px;
  overflow: hidden;
}
.loan-video-story .product-cover .img:after {
  content: "";
  display: block;
  border-radius: 24px;
  background: rgba(0, 93, 68, 0.6);
}
.loan-video-story .product-cover .img .bkg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 24px;
}
@media (max-width: 991px) {
  .loan-video-story .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .loan-video-story .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .loan-video-story .bper-wrapper {
    margin-bottom: 0 !important;
  }
}
.loan-video-story .bper-wrapper .wrapper-video {
  position: relative;
  width: 59%;
  margin: 0;
  height: auto;
}
@media (max-width: 767px) {
  .loan-video-story .bper-wrapper .wrapper-video {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.loan-video-story .bper-wrapper .wrapper-video .video-thumb {
  position: relative;
  width: 100%;
  height: auto;
}
.loan-video-story .bper-wrapper .loan-story {
  background-color: #fff;
  position: absolute;
  margin-top: 0;
  top: 50%;
  width: 57%;
  transform: translateY(-50%);
  border-radius: 24px;
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
  margin-bottom: 33px;
  padding: 32px 40px 38px 40px;
  right: 0;
}
@media (max-width: 767px) {
  .loan-video-story .bper-wrapper .loan-story {
    margin-bottom: 0;
    position: relative;
    margin-top: 0 !important;
    top: 0 !important;
    transform: translateY(-50px) !important;
    left: 10px !important;
    right: 10px !important;
    width: calc(100% - 20px) !important;
    padding: 32px 24px 38px 24px;
  }
}
.loan-video-story .bper-wrapper .loan-story .loan-story-category {
  margin-bottom: 16px;
}
.loan-video-story .bper-wrapper .loan-story .loan-story-category .category {
  font-size: 14px;
  font-weight: normal;
  color: var(--primary-400);
  padding: 9px 18px;
  border-radius: 12px;
  background-color: var(--primary-20);
}
.loan-video-story .bper-wrapper .loan-story .loan-story-title {
  margin-bottom: 16px;
}
.loan-video-story .bper-wrapper .loan-story .loan-story-title h4 {
  color: var(--secondary-80);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  margin: 0;
}
.loan-video-story .bper-wrapper .loan-story .loan-story-subtitle {
  padding-left: 40px;
  width: 100%;
  margin-top: 25px;
  padding-bottom: 0;
  padding-right: 40px;
  display: none;
}
@media (max-width: 767px) {
  .loan-video-story .bper-wrapper .loan-story .loan-story-subtitle {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.loan-video-story .bper-wrapper .loan-story .loan-story-description {
  width: 100%;
  color: var(--primary-400);
  text-align: left;
  font-weight: 400;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0px;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .loan-video-story .bper-wrapper .loan-story .loan-story-description {
    font-size: 24px;
    line-height: 32px;
  }
}
.loan-video-story .bper-wrapper .loan-story .loan-story-description p {
  margin: 0;
  color: inherit;
  font: inherit;
  line-height: inherit;
}
.loan-video-story .bper-wrapper .loan-story .link-container {
  text-align: left;
  font-size: 18px;
  line-height: 26px;
  font-family: "Din-Bold", sans-serif;
}
.loan-video-story.left .wrapper-video {
  margin-left: 41%;
}
@media (max-width: 767px) {
  .loan-video-story.left .wrapper-video {
    margin-left: 0;
  }
}
.loan-video-story.left .loan-story {
  left: 0;
  right: unset;
}
@media (max-width: 767px) {
  .loan-video-story.left .loan-story {
    left: 10px;
  }
}
.loan-video-story.no-abs .bper-wrapper .loan-story {
  top: 100px;
  transform: none;
}
@media (max-width: 767px) {
  .loan-video-story.no-abs .bper-wrapper .loan-story {
    top: unset;
  }
}

.portlet-asset-publisher .asset-full-content:nth-of-type(2n + 1) .loan-video-story.left .wrapper-video, .portlet-asset-publisher .asset-full-content:nth-of-type(2n + 1) .loan-video-story.right .wrapper-video {
  left: auto;
  right: 0;
}
.portlet-asset-publisher .asset-full-content:nth-of-type(2n + 2) .loan-video-story.left .wrapper-video, .portlet-asset-publisher .asset-full-content:nth-of-type(2n + 2) .loan-video-story.right .wrapper-video {
  left: 0;
  right: auto;
}

.loan-advertising {
  margin-bottom: 80px;
  color: var(--neutral-100);
}
@media (max-width: 767px) {
  .loan-advertising {
    margin-bottom: 40px;
    margin-top: 0;
  }
}
@media (max-width: 480px) {
  .loan-advertising {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.loan-advertising .bper-wrapper,
.loan-advertising .bper-wrapper-small {
  height: 100%;
}
@media (max-width: 767px) {
  .loan-advertising .bper-wrapper,
  .loan-advertising .bper-wrapper-small {
    padding-top: 0;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.loan-advertising p,
.loan-advertising ul,
.loan-advertising li,
.loan-advertising b,
.loan-advertising em,
.loan-advertising i {
  font-size: 16px;
  line-height: 24px;
  color: var(--neutral-100);
}
.loan-advertising p a,
.loan-advertising ul a,
.loan-advertising li a,
.loan-advertising b a,
.loan-advertising em a,
.loan-advertising i a {
  text-decoration: underline;
  cursor: pointer;
  color: var(--secondary-80);
}
.loan-advertising p a:hover,
.loan-advertising ul a:hover,
.loan-advertising li a:hover,
.loan-advertising b a:hover,
.loan-advertising em a:hover,
.loan-advertising i a:hover {
  text-decoration: none;
}

.loan-contacts {
  background: none;
}
@media (max-width: 991px) {
  .loan-contacts {
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 480px) {
  .loan-contacts {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.loan-contacts.section-comunication .section-comunication-wrapper {
  border-radius: 24px;
  z-index: 1;
}
.loan-contacts.section-comunication .section-comunication-wrapper .bds-wrapper {
  max-width: 1110px;
}
.loan-contacts.section-comunication .section-comunication-wrapper:after {
  background-image: url(../images/Squircle-contatti.svg);
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
@media (max-width: 767px) {
  .loan-contacts.section-comunication {
    padding: 0;
    margin-bottom: 56px;
  }
  .loan-contacts.section-comunication .section-comunication-wrapper {
    border-radius: 0;
  }
  .loan-contacts.section-comunication .section-comunication-wrapper:after, .loan-contacts.section-comunication .section-comunication-wrapper:before {
    border-radius: 0;
  }
  .loan-contacts.section-comunication .bds-wrapper-big {
    padding: 0;
  }
}
.loan-contacts.section-comunication .section-comunication-wrapper::after {
  height: 285px;
  width: 340px;
}
@media (max-width: 767px) {
  .loan-contacts.section-comunication .section-comunication-wrapper::after {
    height: calc(100% - 50px) !important;
    background-position: right;
  }
}
@media (max-width: 992px) {
  .loan-contacts .wrapper-cards {
    gap: 15px;
  }
}
.loan-contacts .section-comunication-wrapper:before {
  border-radius: 24px;
  height: 285px !important;
  content: "";
  background-color: var(--primary-500) !important;
}
@media (max-width: 767px) {
  .loan-contacts .section-comunication-wrapper:before {
    height: calc(100% - 50px) !important;
  }
}
.loan-contacts h3,
.loan-contacts .loan-subtitle {
  color: #fff;
}
.loan-contacts.section-comunication .wrapper-title {
  padding-left: 25px;
  padding-right: 25px;
}
.loan-contacts.section-comunication .wrapper-title h3 {
  font-size: 36px;
  line-height: 48px;
  font-weight: normal;
}
@media (max-width: 767px) {
  .loan-contacts.section-comunication .wrapper-title h3 {
    height: auto;
    font-size: 28px;
    line-height: 36px;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .loan-contacts .wrapper-cards {
    flex-direction: column;
  }
}
.loan-contacts.section-comunication .wrapper-cards .generic-card {
  padding: 0;
  position: relative;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card.type-map .wrapper-logo-svg {
  bottom: 23px !important;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card.type-faq .wrapper-logo-svg {
  bottom: 10px !important;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card:hover .link-cta.link-cta-right-arrow:after {
  transform: translateX(5px) !important;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .logo {
  background-image: url(../images/bkg.contatti.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 153px;
  height: 104px;
  transition: 400ms linear;
  border-bottom-right-radius: 24px;
  opacity: 1;
}
@media (max-width: 992px) {
  .loan-contacts.section-comunication .wrapper-cards .generic-card .logo {
    transform: scale(0.7);
    transform-origin: bottom right;
    right: -6px;
    bottom: -6px;
  }
}
@media (max-width: 767px) {
  .loan-contacts.section-comunication .wrapper-cards .generic-card .logo {
    transform: scale(1);
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .loan-contacts.section-comunication .wrapper-cards .generic-card .logo {
    width: 135px;
    height: 100px;
    background-size: contain;
  }
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .text-content {
  position: relative;
  z-index: 2;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg {
  position: absolute;
  width: 60px;
  height: 60px;
  right: 32px;
  bottom: 18px;
  margin: 0;
}
@media (max-width: 767px) {
  .loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg {
    bottom: 14px;
    right: 27px;
  }
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg span {
  display: block;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg.chat .chat-1 {
  background-image: url(../images/svg-contatti/chat1.svg);
  width: 36px;
  height: 34px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 3px;
  left: 2px;
  transition: 400ms ease-in-out;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg.chat .chat-2 {
  background-image: url(../images/svg-contatti/chat2.svg);
  width: 37px;
  height: 37px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 400ms ease-in-out;
  transform-origin: center;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg.chat .chat-3 {
  background-image: url(../images/svg-contatti/chat3.svg);
  width: 14px;
  height: 7px;
  top: 12px;
  left: 12.5px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: 400ms ease-in-out;
  opacity: 0;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg.faq .faq-1 {
  background-image: url(../images/svg-contatti/faq.svg);
  top: 8px;
  left: 2px;
  width: 56px;
  position: absolute;
  height: 19px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg.faq .faq-2 {
  background-image: url(../images/svg-contatti/faq.svg);
  top: 50%;
  transform: translateY(-50%);
  left: 2px;
  width: 56px;
  position: absolute;
  height: 19px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: 400ms ease-in-out;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg.faq .faq-3 {
  background-image: url(../images/svg-contatti/faq.svg);
  bottom: 8px;
  left: 2px;
  width: 56px;
  position: absolute;
  height: 19px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg.map .map-1 {
  width: 38px;
  height: 35px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 0;
  right: 0;
  transition: 400ms ease-in-out;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg.map .map-1 * {
  transition: 400ms ease-in-out;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg.map .map-1 svg {
  width: 100%;
  height: 100%;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg.map .map-2 {
  background-image: url(../images/svg-contatti/map2.svg);
  width: 40px;
  height: 37px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
  position: absolute;
  top: -2px;
  right: -5px;
  transition: 400ms ease-in-out;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg.map .map-3 {
  background-image: url(../images/svg-contatti/map3.svg);
  opacity: 0;
  transition: 400ms ease-in-out;
  width: 25px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
  position: absolute;
  top: 7px;
  left: 14px;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo {
  overflow: visible;
  background-color: var(--neutral-5);
  width: 150px;
  height: 94px;
  position: absolute;
  bottom: 0;
  transition: 400ms;
  right: 0;
  z-index: 1;
  border-top-left-radius: 500px;
  border-bottom-right-radius: 24px;
}
@media (max-width: 992px) {
  .loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo {
    width: 113px;
    height: 73px;
  }
}
@media (max-width: 767px) {
  .loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo {
    width: 135px;
    height: 94px;
  }
}
.loan-contacts.section-comunication .wrapper-cards .generic-card:hover .wrapper-logo {
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  border-top-left-radius: 24px;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card:hover .wrapper-logo .wrapper-logo-svg.faq .faq-2 {
  transform: translateY(-50%) translateX(4px);
}
.loan-contacts.section-comunication .wrapper-cards .generic-card:hover .wrapper-logo .wrapper-logo-svg.chat .chat-2 {
  transform: rotate(-13deg) translateY(-2px);
}
.loan-contacts.section-comunication .wrapper-cards .generic-card:hover .wrapper-logo .wrapper-logo-svg.chat .chat-3 {
  opacity: 1;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card:hover .wrapper-logo .wrapper-logo-svg.map .map-1 {
  width: 44px;
  height: 42px;
  transform: translateY(3px);
}
.loan-contacts.section-comunication .wrapper-cards .generic-card:hover .wrapper-logo .wrapper-logo-svg.map .map-1 svg {
  transform: translateX(-2px);
  width: 100%;
  height: 90%;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card:hover .wrapper-logo .wrapper-logo-svg.map .map-2 {
  top: -5px;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card:hover .wrapper-logo .wrapper-logo-svg.map .map-3 {
  opacity: 1;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card:hover .generic-card-wrapper span.link-cta.link-cta-icon:after {
  transform: translateX(5px);
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper {
  padding: 36px 33px 30px 30px !important;
  color: var(--primary-500);
  margin-top: 0 !important;
  display: block;
  padding: 0;
  margin-bottom: 20px;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper {
    padding: 20px !important;
  }
}
@media (max-width: 767px) {
  .loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper {
    padding: 32px 32px 32px 32px !important;
    margin-bottom: 0;
  }
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper h5 {
  color: var(--green-100);
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin-top: 8px;
  margin-bottom: 24px;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper span.link-cta {
  font-weight: 700;
  color: var(--accent-90);
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper span.link-cta.link-cta-icon:after {
  content: "\f105";
  font-family: fontawesome-alloy;
  padding-left: 10px;
  position: relative;
  left: 0;
  transition: all 1s ease;
  transform: translateX(0);
  vertical-align: baseline;
  display: inline-block;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper span.link-cta.link-cta-icon:hover::after {
  transform: translateX(5px);
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper span.link-cta.link-cta-right-arrow {
  position: relative;
  font-weight: bold;
  color: var(--accent-90);
}
@media (max-width: 992px) {
  .loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper span.link-cta.link-cta-right-arrow {
    padding-right: 25px;
  }
}
@media (max-width: 767px) {
  .loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper span.link-cta.link-cta-right-arrow {
    padding-right: 0;
  }
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper span.link-cta.link-cta-right-arrow:after {
  content: "";
  background-image: url("../images/icone-bper-2022/Icon-24pt-ArrowRight-orange.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  transform: translateX(0);
  transition: all 0.2s ease;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper span.link-cta.link-cta-right-arrow:hover {
  color: var(--accent-100);
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper span.link-cta.link-cta-right-arrow:hover::after {
  transform: translateX(5px);
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper span.link-cta.link-cta-right-arrow.white {
  color: #fff;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper span.link-cta.link-cta-right-arrow.white:after {
  background-image: url("../images/svg/arrow-right-white.svg");
}
.loan-contacts .bds-wrapper .loan-title {
  text-align: center;
}
@media (max-width: 991px) {
  .loan-contacts .bds-wrapper .loan-title {
    text-align: left;
    padding-bottom: 10px;
  }
}
.loan-contacts .bds-wrapper .loan-subtitle {
  text-align: center;
}
.loan-contacts .bds-wrapper .contacts-area {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
}
@media (max-width: 991px) {
  .loan-contacts .bds-wrapper .contacts-area {
    display: block;
    float: left;
    width: 100%;
  }
}
.loan-contacts .bds-wrapper .contacts-area a {
  cursor: pointer;
}
.loan-contacts .bds-wrapper .contacts-area .contact-container {
  text-align: center;
  float: left;
  width: 25%;
  box-sizing: border-box;
  padding-top: 15px;
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  .loan-contacts .bds-wrapper .contacts-area .contact-container {
    width: 100%;
    margin: 0;
    text-align: left;
    display: flex;
    padding-bottom: 0;
    padding-top: 35px;
  }
  .loan-contacts .bds-wrapper .contacts-area .contact-container:last-child {
    padding-bottom: 60px;
  }
}
.loan-contacts .bds-wrapper .contacts-area .contact-container .contact-link-element {
  opacity: 0;
}
.loan-contacts .bds-wrapper .contacts-area .contact-container .contact-link-element.opacity {
  opacity: 1;
}
.loan-contacts .bds-wrapper .contacts-area .contact-container .logo {
  vertical-align: super;
}
@media (max-width: 991px) {
  .loan-contacts .bds-wrapper .contacts-area .contact-container.telephone {
    display: block;
  }
}
@media (max-width: 991px) {
  .loan-contacts .bds-wrapper .contacts-area .contact-container.telephone .link-cta {
    display: inline-block;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .loan-contacts .bds-wrapper .contacts-area .contact-container.telephone .name {
    display: none;
  }
}
.loan-contacts .bds-wrapper .contacts-area .contact-container.telephone .contact-link {
  display: block;
  text-align: center;
  padding-top: 0;
}
@media (max-width: 991px) {
  .loan-contacts .bds-wrapper .contacts-area .contact-container.telephone .contact-link {
    display: none;
  }
}
.loan-contacts .bds-wrapper .contacts-area .contact-container.telephone .tel {
  padding-left: 15px;
  white-space: nowrap;
  margin: auto;
  display: inline-block;
}
@media (min-width: 768px) and (max-width: 991px) {
  .loan-contacts .bds-wrapper .contacts-area .contact-container.telephone .tel {
    position: absolute;
    left: 25%;
    padding-left: 0;
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .loan-contacts .bds-wrapper .contacts-area .contact-container.telephone .tel {
    position: absolute;
    left: 35%;
    padding-left: 0;
    margin-top: 12px;
  }
}
.loan-contacts .bds-wrapper .contacts-area .contact-container a {
  color: #fff;
  float: left;
  display: block;
  width: 100%;
}
@media (max-width: 991px) {
  .loan-contacts .bds-wrapper .contacts-area .contact-container a {
    width: 100%;
  }
}
.loan-contacts .bds-wrapper .contacts-area .contact-container .name {
  font-size: 28px;
  margin-bottom: 5px;
  padding-top: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .loan-contacts .bds-wrapper .contacts-area .contact-container .name {
    left: 25%;
    padding-top: 0;
    position: absolute;
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .loan-contacts .bds-wrapper .contacts-area .contact-container .name {
    padding-top: 0;
    position: absolute;
    left: 35%;
    display: inline-block;
  }
}
.loan-contacts .bds-wrapper .contacts-area .contact-container .contact-link {
  white-space: inherit;
  float: left;
  display: block;
  width: 100%;
  text-align: center;
  word-break: break-all;
}
@media (max-width: 991px) {
  .loan-contacts .bds-wrapper .contacts-area .contact-container .contact-link {
    display: none;
  }
}
.loan-contacts .bds-wrapper .contacts-area .contact-container img {
  max-height: 55px;
}

@media (max-width: 991px) {
  html.mobile.touch.bper-safari-8 .loan-contacts .bds-wrapper .contacts-area .contact-container, html.mobile.touch.bper-safari-7 .loan-contacts .bds-wrapper .contacts-area .contact-container {
    float: left;
    display: block;
  }
  html.mobile.touch.bper-safari-8 .loan-contacts .bds-wrapper .contacts-area .contact-container .logo, html.mobile.touch.bper-safari-7 .loan-contacts .bds-wrapper .contacts-area .contact-container .logo {
    float: left;
    display: block;
  }
}

.app-download.with-cover-image {
  margin-bottom: 174px;
}
.app-download .image-container {
  background-color: var(--primary-400);
  border-radius: 24px;
  max-width: 60%;
  height: 536px;
  position: relative;
}
.app-download .image-container .image {
  border-radius: 24px;
  max-width: none;
  height: 100%;
  position: absolute;
  right: 0;
}
.app-download .text-container {
  position: absolute;
  top: 134px;
  right: 0;
  max-width: 60%;
  background: var(--primary-400);
  border-radius: 24px;
  padding: 56px 40px;
  color: #fff;
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
}
.app-download .text-container .title-container h3 {
  margin: 0;
  font-size: 28px;
  font-family: "Din-Bold", sans-serif;
  letter-spacing: 0;
  line-height: 36px;
}
.app-download .text-container .description-container {
  margin-top: 16px;
  font-size: 16px;
  line-height: 26px;
}
.app-download .text-container .description-container p,
.app-download .text-container .description-container li,
.app-download .text-container .description-container ul,
.app-download .text-container .description-container b {
  font-size: inherit;
  line-height: inherit;
}
.app-download .button-container {
  display: flex;
  column-gap: 22px;
  margin-top: 32px;
}
.app-download .app-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  border-radius: 24px;
  padding: 76px 90px 76px 32px;
  background-color: var(--primary-600);
  background-size: auto 224px;
}
.app-download .app-block .title h3 {
  margin: 0;
  font-size: 28px;
  font-family: "Din-Bold", sans-serif;
  letter-spacing: 0;
  line-height: 36px;
}
@media (max-width: 767px) {
  .app-download .image-container {
    border-radius: 0;
    height: 440px;
    max-width: calc(100% + 50px);
    display: flex;
    justify-content: center;
    margin-left: -25px;
    margin-right: -25px;
  }
  .app-download .image-container .image {
    transform: translate(-86px, 0);
    border-radius: 0;
    height: auto;
    max-height: 300px;
    position: relative;
    right: unset;
  }
  .app-download .text-container {
    margin: 0 25px;
    padding: 32px 24px;
    top: 254px;
    max-width: 100%;
  }
  .app-download .text-container .title-container h3 {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px;
  }
  .app-download .button-container {
    display: flex;
    flex-direction: column;
    row-gap: 22px;
    margin-top: 40px;
  }
  .app-download .app-block {
    padding: 40px 60px 40px 24px;
    background-size: auto 174px;
  }
  .app-download .app-block .title h3 {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px;
  }
}

.banner-three-columns {
  overflow: hidden;
  background-color: #08191e;
  color: #fff;
  padding-bottom: 25px;
  padding-top: 20px;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .banner-three-columns {
    padding-bottom: 50px;
    margin-bottom: 15px;
  }
}
@media (max-width: 480px) {
  .banner-three-columns {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.banner-three-columns .bper-wrapper .title {
  color: #11d0ce;
  margin-bottom: 35px;
}
@media (max-width: 991px) {
  .banner-three-columns .bper-wrapper .title {
    display: none;
  }
}
.banner-three-columns .bper-wrapper .column {
  background-color: #005D44;
  padding: 3px 30px 20px;
  margin-bottom: 30px;
  float: left;
  width: 100%;
}
@media (max-width: 991px) {
  .banner-three-columns .bper-wrapper .column {
    width: 100%;
  }
}
.banner-three-columns .bper-wrapper .column .column-text {
  background-color: inherit;
}
.banner-three-columns .bper-wrapper .column .column-text p {
  margin-bottom: 0;
}

.generic-service {
  overflow: hidden;
  color: #fff;
}
@media (min-width: 992px) {
  .generic-service {
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .generic-service {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .generic-service .bper-wrapper .services {
    display: flex;
  }
  .generic-service .bper-wrapper .services .col-xs-12.col-md-4 {
    display: flex;
  }
}
.generic-service .bper-wrapper .service-container {
  background-color: #005D44;
  position: relative;
  width: 100%;
}
@media (max-width: 991px) {
  .generic-service .bper-wrapper .service-container {
    margin-bottom: 10px;
  }
}
.generic-service .bper-wrapper .service-container.black {
  background-color: black;
}
.generic-service .bper-wrapper .service-container .image-container {
  background-size: cover;
  height: 270px;
  background-position: center;
}
@media (max-width: 991px) {
  .generic-service .bper-wrapper .service-container .image-container {
    height: auto;
  }
  .generic-service .bper-wrapper .service-container .image-container::after {
    height: auto;
    display: block;
    content: "";
    padding-top: 72%;
  }
}
.generic-service .bper-wrapper .service-container .text-container {
  padding-left: 30px;
  padding-right: 30px;
  height: 100%;
}
.generic-service .bper-wrapper .service-container .text-container .title {
  margin-top: 30px;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .generic-service .bper-wrapper .service-container .text-container .title {
    margin-bottom: 10px;
  }
}
.generic-service .bper-wrapper .service-container .text-container .subtitle {
  padding-bottom: 55px;
}
@media (max-width: 991px) {
  .generic-service .bper-wrapper .service-container .text-container .subtitle {
    padding-bottom: 50px;
  }
}
.generic-service .bper-wrapper .service-container .link-container {
  position: absolute;
  bottom: 25px;
  right: 30px;
}
@media (max-width: 991px) {
  .generic-service .bper-wrapper .service-container .link-container {
    right: 25px;
  }
}
.generic-service .bper-wrapper .service-container .link-container a.blue {
  color: #11d0ce;
}
.generic-service .bper-wrapper .service-container .link-container a.blue:hover {
  color: #ea862c;
}

.people-wall {
  overflow: hidden;
  background-color: #071d1f;
  color: #fff;
}
.people-wall .title {
  color: #11d0ce;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .people-wall .title {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .people-wall .title {
    display: block;
    width: 83%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 991px) {
  .people-wall .scrollable {
    overflow-x: auto;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .people-wall .scrollable {
    overflow-x: auto;
    width: 290px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 991px) {
  .people-wall .scrollable .elements-container {
    display: flex;
    position: relative;
  }
  .people-wall .scrollable .elements-container .col-md-3:first-child {
    padding-left: 0;
  }
  .people-wall .scrollable .elements-container .col-md-3:last-child {
    padding-right: 0;
  }
}
.people-wall .profile {
  height: auto;
  background-size: cover;
  margin-bottom: 30px;
  background-position: center;
}
.people-wall .profile::after {
  height: auto;
  content: "";
  display: block;
  padding-top: 100%;
}
@media (max-width: 991px) {
  .people-wall .profile {
    width: 290px;
    margin-bottom: 0;
  }
}
.people-wall .description {
  padding-top: 10px;
}
@media (max-width: 991px) {
  .people-wall .description {
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .people-wall .description {
    width: 83%;
    margin-left: auto;
    margin-right: auto;
  }
}
.people-wall .link-container {
  text-align: right;
  padding-top: 25px;
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  .people-wall .link-container {
    padding-top: 15px;
    padding-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .people-wall .link-container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.people-wall .link-container a {
  color: #11d0ce;
}
.people-wall .link-container a:hover {
  color: #ea862c;
}

.simple-element-list {
  overflow: hidden;
  color: #fff;
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .simple-element-list {
    margin-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .simple-element-list .bper-wrapper .blocks-container {
    display: flex;
  }
}
.simple-element-list .bper-wrapper .blocks-container .left-block {
  background-color: var(--primary-400);
  margin-right: -15px;
  margin-left: calc((100vw - 1170px) / -2);
  padding: 80px 80px 80px calc((100vw - 1170px) / 2);
  overflow: hidden;
  height: 100%;
}
@media (max-width: 1199px) {
  .simple-element-list .bper-wrapper .blocks-container .left-block {
    margin-left: -30px;
    margin-right: -30px;
    padding: 56px 55px;
  }
}
.simple-element-list .bper-wrapper .blocks-container .left-block .left-title {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 40px;
}
.simple-element-list .bper-wrapper .blocks-container .left-block .left-description {
  margin-top: 0;
  font-size: 18px;
  line-height: 26px;
}
.simple-element-list .bper-wrapper .blocks-container .left-block .left-description ul {
  padding-left: 16px;
}
.simple-element-list .bper-wrapper .blocks-container .right-block {
  background-color: var(--primary-600);
  margin-left: -15px;
  margin-right: calc((100vw - 1170px) / -2);
  padding: 80px calc((100vw - 1170px) / 2) 80px 80px;
  overflow: hidden;
  height: 100%;
}
@media (max-width: 1199px) {
  .simple-element-list .bper-wrapper .blocks-container .right-block {
    margin-left: -30px;
    margin-right: -30px;
    padding: 56px 55px;
  }
}
.simple-element-list .bper-wrapper .blocks-container .right-block .right-title {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 40px;
}
.simple-element-list .bper-wrapper .blocks-container .right-block .right-description {
  margin-top: 0;
  font-size: 18px;
  line-height: 26px;
}
.simple-element-list .bper-wrapper .blocks-container .right-block .right-description ul {
  padding-left: 16px;
}

.simple-element-list-with-link {
  overflow: hidden;
}
.simple-element-list-with-link.default {
  color: #fff;
}
.simple-element-list-with-link.default .left-block {
  background-color: var(--primary-400);
}
.simple-element-list-with-link.default .right-block {
  background-color: var(--primary-600);
}
.simple-element-list-with-link.default .right-link a.link-cta,
.simple-element-list-with-link.default .left-link a.link-cta {
  color: #fff;
}
.simple-element-list-with-link.alternate .left-block {
  background-color: var(--primary-600);
  color: #fff;
}
.simple-element-list-with-link.alternate .left-block .left-link a.link-cta {
  color: #fff;
}
.simple-element-list-with-link.alternate .right-block {
  background-color: #fff;
  color: var(--green-black);
}
@media (max-width: 480px) {
  .simple-element-list-with-link {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .simple-element-list-with-link .bper-wrapper .blocks-container {
    display: flex;
  }
}
.simple-element-list-with-link .bper-wrapper .blocks-container .left-block {
  margin-right: -15px;
  margin-left: calc((100vw - 1170px) / -2);
  padding: 80px 80px 80px calc((100vw - 1170px) / 2);
  overflow: hidden;
  height: 100%;
}
@media (max-width: 1199px) {
  .simple-element-list-with-link .bper-wrapper .blocks-container .left-block {
    margin-left: -30px;
    margin-right: -30px;
    padding: 56px 55px;
  }
}
.simple-element-list-with-link .bper-wrapper .blocks-container .left-block .left-title {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 40px;
}
.simple-element-list-with-link .bper-wrapper .blocks-container .left-block .left-title p {
  line-height: inherit;
}
.simple-element-list-with-link .bper-wrapper .blocks-container .left-block .left-description {
  margin-top: 0;
  font-size: 18px;
  line-height: 26px;
}
.simple-element-list-with-link .bper-wrapper .blocks-container .left-block .left-link {
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 38px;
}
@media (max-width: 1200px) {
  .simple-element-list-with-link .bper-wrapper .blocks-container .left-block .left-link {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
}
.simple-element-list-with-link .bper-wrapper .blocks-container .left-block .left-link-left {
  white-space: initial;
}
@media (max-width: 1200px) {
  .simple-element-list-with-link .bper-wrapper .blocks-container .left-block .left-link-left {
    margin-bottom: 32px;
  }
}
.simple-element-list-with-link .bper-wrapper .blocks-container .left-block .left-link-right {
  white-space: initial;
}
.simple-element-list-with-link .bper-wrapper .blocks-container .right-block {
  margin-left: -15px;
  margin-right: calc((100vw - 1170px) / -2);
  padding: 80px calc((100vw - 1170px) / 2) 80px 80px;
  overflow: hidden;
  height: 100%;
}
@media (max-width: 1199px) {
  .simple-element-list-with-link .bper-wrapper .blocks-container .right-block {
    margin-left: -30px;
    margin-right: -30px;
    padding: 56px 55px;
  }
}
.simple-element-list-with-link .bper-wrapper .blocks-container .right-block .right-title {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 40px;
}
.simple-element-list-with-link .bper-wrapper .blocks-container .right-block .right-title p {
  line-height: inherit;
}
.simple-element-list-with-link .bper-wrapper .blocks-container .right-block .right-description {
  margin-top: 0;
  font-size: 18px;
  line-height: 26px;
}
.simple-element-list-with-link .bper-wrapper .blocks-container .right-block .right-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
  margin-top: 38px;
}
@media (max-width: 1200px) {
  .simple-element-list-with-link .bper-wrapper .blocks-container .right-block .right-link {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
}
@media (max-width: 376px) {
  .simple-element-list-with-link .bper-wrapper .blocks-container .right-block .right-link {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
.simple-element-list-with-link .bper-wrapper .blocks-container .right-block .right-link-left {
  white-space: initial;
}
@media (max-width: 1200px) {
  .simple-element-list-with-link .bper-wrapper .blocks-container .right-block .right-link-left {
    text-align: right;
  }
}
.simple-element-list-with-link .bper-wrapper .blocks-container .right-block .right-link-right {
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .simple-element-list-with-link .bper-wrapper .blocks-container .right-block .right-link-right {
    white-space: initial;
  }
}
.simple-element-list-with-link .bper-wrapper .blocks-container .right-link img,
.simple-element-list-with-link .bper-wrapper .blocks-container .left-link img {
  max-width: 26px;
  max-height: 26px;
  margin-right: 10px;
}
.simple-element-list-with-link .bper-wrapper .blocks-container .right-link a.link-cta,
.simple-element-list-with-link .bper-wrapper .blocks-container .left-link a.link-cta {
  letter-spacing: -0.4px;
  font-family: "Din-Bold", sans-serif;
}

.faq-detail {
  overflow: hidden;
}
.faq-detail .question-container {
  font-size: 60px;
  line-height: 1;
  font-family: "Din-Bold", sans-serif;
  margin-bottom: 65px;
  width: 70%;
}
@media (max-width: 767px) {
  .faq-detail .question-container {
    font-size: 35px;
    margin-bottom: 30px;
    width: 100%;
  }
}
.faq-detail .question-container * {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.faq-detail .image-container {
  background-size: cover;
  background-position: center;
}
.faq-detail .image-container:after {
  content: "";
  display: block;
  padding-top: 70%;
}
.faq-detail .name {
  color: #64B054;
  margin-bottom: 0;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .faq-detail .name {
    margin-top: 30px;
  }
}
.faq-detail .answer-container {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .faq-detail .answer-container {
    margin-top: 35px;
  }
}

.faq {
  overflow: hidden;
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .faq {
    margin-bottom: 35px;
    padding: 0 10px;
  }
}
@media (max-width: 991px) {
  .faq .bper-wrapper {
    margin-right: 0;
    padding-right: 0;
  }
}
.faq .asset-title {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .faq .asset-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .faq .scrollable {
    overflow-x: auto;
    margin: 0;
  }
}
.faq .scrollable .element-container {
  display: flex;
}
@media (max-width: 991px) {
  .faq .scrollable .element-container {
    position: relative;
    width: 1033px;
  }
  .faq .scrollable .element-container .col-xs-4 {
    padding: 0;
    margin-right: 20px;
  }
  .faq .scrollable .element-container .col-xs-4:last-child {
    padding-right: 0;
  }
}
.faq .scrollable .element-container .col-xs-4 {
  display: flex;
}
.faq .scrollable .element-container .element {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}
.faq .scrollable .element-container .element .image-container {
  background-size: cover;
  background-position-x: 50%;
  background-position-y: 50%;
}
.faq .scrollable .element-container .element .image-container::after {
  content: "";
  display: block;
  padding-top: 100%;
}
@media (max-width: 991px) {
  .faq .scrollable .element-container .element .image-container {
    display: none;
  }
}
.faq .scrollable .element-container .element .name-container {
  background: transparent;
  margin-top: -160px;
  margin-bottom: 20px;
  text-align: center;
  opacity: 0;
}
@media (max-width: 1199px) {
  .faq .scrollable .element-container .element .name-container {
    margin-top: -125px;
  }
}
@media (max-width: 991px) {
  .faq .scrollable .element-container .element .name-container {
    display: none;
  }
}
.faq .scrollable .element-container .element .question-container {
  background-color: #005D44;
  color: #fff;
  width: 90%;
  margin: auto;
  padding: 20px 30px 15px;
  flex-grow: 1;
}
@media (max-width: 991px) {
  .faq .scrollable .element-container .element .question-container {
    margin: 0;
    width: 331px;
  }
}
.faq .scrollable .element-container .element .question-container .question {
  margin-bottom: 45px;
  line-height: 1.2;
}
.faq .scrollable .element-container .element .question-container .question p {
  line-height: inherit;
}
.faq .scrollable .element-container .element .question-container .button-container {
  position: absolute;
  right: 60px;
  bottom: 15px;
}
@media (max-width: 991px) {
  .faq .scrollable .element-container .element .question-container .button-container {
    right: 40px;
  }
}
.faq .page-link {
  text-align: right;
  padding-top: 35px;
}
@media (max-width: 991px) {
  .faq .page-link {
    padding-top: 25px;
    margin-right: 12px;
  }
}

body.fixedTopProductNavbar .product-list .product-navbar.product-navbar-sticky {
  position: fixed;
  z-index: 9999;
  left: 0 !important;
  width: 100%;
  position: fixed;
  background: var(--primary-10) 0% 0% no-repeat padding-box;
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16) !important;
  display: block !important;
  opacity: 1;
  margin: 0;
  height: 50px;
  transform: translateY(-1px);
}
body.fixedTopProductNavbar .product-list .product-navbar.product-navbar-sticky .menu {
  height: 50px;
}
body.fixedTopProductNavbar .product-list .product-navbar.product-navbar-sticky .menu .link-parent {
  height: 50px;
  line-height: 50px;
  min-width: fit-content;
}
body.fixedTopProductNavbar .product-list .product-navbar.product-navbar-sticky .menu .link-parent .link {
  height: 50px;
  white-space: nowrap;
  line-height: 50px !important;
}
body.fixedTopProductNavbar .product-navbar {
  opacity: 0;
}

.product-list {
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .product-list .bper-wrapper {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (max-width: 1199px) {
  .product-list {
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
    margin-bottom: 5px;
  }
}
.product-list .product-navbar {
  box-shadow: none !important;
  border: none !important;
  background-color: var(--primary-10);
  overflow: hidden;
  overflow-x: auto;
  display: block;
  padding: 0;
  width: 100%;
  overflow: hidden;
  margin: 0;
  height: 80px;
  display: block;
}
.product-list .product-navbar.mobile {
  display: block !important;
}
.product-list .product-navbar.fixed {
  left: 0;
  background-color: #fff;
  z-index: 1000;
  position: fixed;
  width: 100%;
}
.product-list .product-navbar .menu {
  padding-top: 0;
  display: flex;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  /* Firefox */
}
.product-list .product-navbar .menu:-webkit-scrollbar {
  display: none;
}
.product-list .product-navbar .link {
  height: 80px;
  line-height: 100px !important;
  margin: 0 !important;
  font-size: 18px;
  line-height: 26px;
  display: ruby;
}
.product-list .product-navbar.bottom {
  position: relative;
  left: 0 !important;
}
.product-list .product-navbar .menu {
  padding-top: 10px;
  float: left;
  overflow-x: auto;
  overflow-y: hidden;
  align-items: center;
  height: 80px;
  display: flex;
  width: 100%;
}
.product-list .product-navbar .menu .link-parent {
  display: block;
  float: left;
  cursor: pointer;
  position: relative;
  margin-right: 40px;
  height: 80px;
  line-height: 80px;
}
.product-list .product-navbar .menu .link-parent:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 36px;
  background: var(--secondary-80);
  height: 2px;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%);
}
.product-list .product-navbar .menu .link-parent .link {
  color: #015256;
  line-height: 45px;
  display: ruby;
  white-space: nowrap;
  width: auto;
}
.product-list .product-navbar .menu .link-parent:hover, .product-list .product-navbar .menu .link-parent.active {
  color: var(--secondary-80);
}
.product-list .product-navbar .menu .link-parent:hover:after, .product-list .product-navbar .menu .link-parent.active:after {
  opacity: 1;
}
.product-list .product-navbar .menu .link-parent:hover .link, .product-list .product-navbar .menu .link-parent.active .link {
  color: var(--secondary-80);
}
.product-list .product-navbar.product-navbar-sticky {
  display: none !important;
}
.product-list .bper-wrapper .external .category-description {
  padding-top: 30px;
  padding-bottom: 20px;
}
@media (max-width: 1199px) {
  .product-list .bper-wrapper .external .category-description {
    padding-bottom: 10px;
  }
}
.product-list .bper-wrapper .external .blocks-area .element {
  margin-bottom: 15px;
}
.product-list .bper-wrapper .external .blocks-area .element:nth-child(3n+1) {
  clear: left;
}
.product-list .bper-wrapper .external .blocks-area .block {
  padding-bottom: 50px;
  margin-top: 20px;
  float: left;
  padding-top: 24px;
  border-bottom: 1px solid #ddd;
  width: 100%;
}
@media (max-width: 1199px) {
  .product-list .bper-wrapper .external .blocks-area .block {
    padding-bottom: 24px;
    margin-top: 12px;
  }
}
.product-list .bper-wrapper .external .blocks-area .block:first-child {
  padding-top: 0;
}
.product-list .bper-wrapper .external .blocks-area .block .block-column {
  padding: 0;
}
.product-list .bper-wrapper .external .blocks-area .block .block-column + .row {
  float: left;
  width: calc(100% + 30px);
}
.product-list .bper-wrapper .external .blocks-area .block .block-title {
  padding-top: 0;
  color: var(--primary-600);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0px;
}
.product-list .bper-wrapper .external .blocks-area .block .block-subtitle {
  margin-top: 0;
  margin-bottom: 12px;
  color: var(--primary-600);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  margin-bottom: 10px;
}
.product-list .bper-wrapper .external .blocks-area .block .block-description {
  text-align: left;
  font-weight: 400;
  color: var(--neutral-100);
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  letter-spacing: 0px;
}
.product-list .bper-wrapper .external .blocks-area .block .product {
  padding-top: 15px;
  height: 100%;
}
.product-list .bper-wrapper .external .blocks-area .block .product > a {
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
  padding: 25px;
  padding-bottom: 32px;
  border-radius: 24px;
  display: block;
  width: 100%;
  height: inherit;
}
.product-list .bper-wrapper .external .blocks-area .block .product > a:hover {
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.32);
}
.product-list .bper-wrapper .external .blocks-area .block .product > a:hover .product-title {
  color: var(--secondary-80) !important;
}
@media (max-width: 1199px) {
  .product-list .bper-wrapper .external .blocks-area .block .product > a {
    padding-bottom: 38px;
  }
}
@media (max-width: 767px) {
  .product-list .bper-wrapper .external .blocks-area .block .product > a .wrapper-product {
    height: auto !important;
  }
}
@media (max-width: 1199px) {
  .product-list .bper-wrapper .external .blocks-area .block .product {
    padding-top: 0;
    padding-bottom: 20px;
  }
}
.product-list .bper-wrapper .external .blocks-area .block .product .product-image {
  background-size: cover;
  background-position: center;
  margin-bottom: 35px;
  border-radius: 12px !important;
  width: 100%;
  box-shadow: 0px 3px 6px rgba(7, 29, 31, 0.06) !important;
}
.product-list .bper-wrapper .external .blocks-area .block .product .product-image::after {
  content: "";
  display: block;
  padding-top: 61%;
}
@media (max-width: 1199px) {
  .product-list .bper-wrapper .external .blocks-area .block .product .product-image {
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 28px;
  }
}
.product-list .bper-wrapper .external .blocks-area .block .product .product-text-area {
  width: 100%;
}
@media (max-width: 1199px) {
  .product-list .bper-wrapper .external .blocks-area .block .product .product-text-area {
    display: inline-block;
  }
}
.product-list .bper-wrapper .external .blocks-area .block .product .product-text-area .tag-wrapper {
  width: 100%;
  float: left;
  clear: both;
}
@media (max-width: 767px) {
  .product-list .bper-wrapper .external .blocks-area .block .product .product-text-area .tag-wrapper {
    height: auto !important;
  }
}
.product-list .bper-wrapper .external .blocks-area .block .product .product-text-area .tag-wrapper .tag {
  background: var(--primary-20) 0% 0% no-repeat padding-box;
  border-radius: 12px;
  line-height: 32px;
  color: var(--primary-400);
  text-align: left;
  font-size: 14px;
  line-height: 32px;
  letter-spacing: 0px;
  padding: 0 16px;
  margin-bottom: 16px;
  width: auto;
  float: left;
  clear: both;
}
@media (max-width: 1199px) {
  .product-list .bper-wrapper .external .blocks-area .block .product .product-text-area .tag-wrapper .tag {
    margin-bottom: 14px;
  }
}
.product-list .bper-wrapper .external .blocks-area .block .product .product-text-area .product-title {
  color: var(--primary-400);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
  margin-top: 0;
  letter-spacing: 0px;
}
.product-list .bper-wrapper .external .blocks-area .block .product .product-text-area .product-title + .product-description {
  margin-bottom: 7px;
}
.product-list .bper-wrapper .external .blocks-area .block .product .product-text-area .product-title + .product-description p {
  margin: 0;
}
.product-list .bper-wrapper .external .blocks-area .block .product .product-text-area .product-description {
  font-weight: 400;
  color: var(--neutral-100);
  text-align: left;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
}
.product-list.padding-solo-testo .bper-wrapper .external .blocks-area .block .product > a {
  width: 100%;
  padding: 0 0 25px 0;
  overflow: hidden;
}
.product-list.padding-solo-testo .bper-wrapper .external .blocks-area .block .product > a .product-image {
  box-shadow: none !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.product-list.padding-solo-testo .bper-wrapper .external .blocks-area .block .product > a .product-image:after {
  padding-top: 140px;
}
.product-list.padding-solo-testo .bper-wrapper .external .blocks-area .block .product > a .product-text-area {
  padding: 0 25px;
}

.product-list-adt {
  /*overflow: hidden;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 60px;

  @media (max-width: $screen-md-max) {
  	padding-left: calc((100vw - 1170px) / -40);
  	padding-right: calc((100vw - 1170px) / -40);
  	margin-bottom: 5px;
  }

  .category-description {
  	padding-top: 30px;
  	padding-bottom: 20px;

  	@media (max-width: $screen-md-max) {
  		padding-bottom: 10px;
  	}
  }

  .blocks-area {
  	.element {
  		&:nth-child(2n + 1) {
  			clear: left;
  		}
  	}

  	.block {
  		padding-top: 10px;
  		border-bottom: 1px solid $bper-grey-line;

  		@media (max-width: $screen-md-max) {
  			margin-left: 15px;
  			margin-right: 15px;
  			padding-bottom: 10px;
  		}

  		&:first-child {
  			padding-top: 0;
  		}

  		&:last-child {
  			border-bottom: none;
  		}

  		.block-column {
  			padding: 0;
  		}

  		.block-title {
  			padding-top: 30px;
  			margin-bottom: -1px;
  			text-transform: uppercase;

  			@media (max-width: $screen-md-max) {
  				padding-top: 0;
  			}
  		}

  		&:first-child {
  			.block-title {
  				padding-top: 0;
  				margin-bottom: 0;
  			}
  		}

  		.block-subtitle {
  			margin-top: 0;
  			margin-bottom: 12px;

  			@media (max-width: $screen-md-max) {
  				margin-bottom: 20px;
  			}
  		}

  		.block-description {
  			margin-bottom: 15px;

  			@media (max-width: $screen-md-max) {
  				margin-bottom: 30px;
  			}
  		}

  		.product {
  			padding-top: 15px;

  			&>a {
  				background: $bper-white 0% 0% no-repeat padding-box;
  				box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
  				padding: 25px;
  				padding-bottom: 50px;
  				border-radius: 24px;
  				display: block;
  				width: 100%;

  				&:hover {
  					box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.32);

  					.product-title {
  						color: var(--accent-90) !important;
  					}
  				}
  			}

  			@media (max-width: $screen-md-max) {
  				padding-top: 0;
  				padding-bottom: 32px;
  			}

  			&.left {
  				padding-right: 15px;

  				@media (max-width: $screen-md-max) {
  					padding-right: 0;
  				}
  			}

  			&.right {
  				padding-left: 15px;

  				@media (max-width: $screen-md-max) {
  					padding-left: 0;
  				}
  			}

  			.product-image {
  				background-size: cover;
  				background-position: center;

  				&::after {
  					content: "";
  					display: block;
  					padding-top: 61%;
  				}

  				@media (max-width: $screen-md-max) {
  					width: 100%;
  					height: 220px;
  				}
  			}

  			.product-text-area {
  				width: 95%;
  				text-align: left;

  				@media (max-width: $screen-md-max) {
  					display: inline-block;
  				}

  				.product-title {
  					color: $bper-green;
  					padding-left: 15px;
  					margin-top: 30px;
  					margin-bottom: 5px;

  					@media (max-width: $screen-md-max) {
  						margin-top: 26px;
  						margin-bottom: 6px;
  					}
  				}

  				.product-description {
  					margin-bottom: 18px;
  					padding-left: 15px;
  					color: $text-color;
  					font-weight: normal;

  					@media (max-width: $screen-md-max) {
  						margin-bottom: 0;
  					}
  				}
  			}
  		}
  	}
  }*/
}

.rich-navigation-menu-adt {
  float: left;
  width: 100%;
  margin-bottom: 40px;
  /*div.even {
  	padding-left: 0;
  	clear: left;

  	@media (max-width: 992px) {
  		padding-left: 0;
  		padding-right: 0;
  	}
  }

  div.odd {
  	padding-right: 0;

  	@media (max-width: 992px) {
  		padding-left: 0;
  		padding-right: 0;
  	}
  }*/
}
.rich-navigation-menu-adt .slick-track {
  display: flex;
  margin-bottom: 30px;
}
.rich-navigation-menu-adt h4.wrapper-subtitle {
  line-height: 19px;
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 10px;
  color: var(--secondary-80);
}
.rich-navigation-menu-adt .rich-navigation-description h3 + p {
  margin-bottom: 24px;
}
.rich-navigation-menu-adt .rich-navigation-description .link-cta {
  margin-top: auto !important;
}
.rich-navigation-menu-adt .rich-navigation-item {
  box-shadow: 0 12px 24px rgba(126, 140, 141, 0.32);
}
.rich-navigation-menu-adt .rich-navigation-description {
  padding-bottom: 32px !important;
  height: calc(100% - 140px);
  display: flex;
  flex-direction: column;
}
@media (max-width: 480px) {
  .rich-navigation-menu-adt.rich-navigation-carousel.product.type-offerta .bper-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .rich-navigation-menu-adt.rich-navigation-carousel.product.type-offerta .slick-dots {
    bottom: -10px;
  }
}
.rich-navigation-menu-adt.rich-navigation-carousel.product.type-offerta .rich-navigation-description {
  border: none !important;
}
@media (max-width: 480px) {
  .rich-navigation-menu-adt .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 767px) {
  .rich-navigation-menu-adt {
    padding-left: 0;
    padding-right: 0;
  }
  .rich-navigation-menu-adt .bper-wrapper-big {
    padding: 0;
  }
}
.rich-navigation-menu-adt .rich-navigation-description h3 {
  font-family: "Din-Bold", sans-serif;
}
@media (max-width: 767px) {
  .rich-navigation-menu-adt:not(.product).rich-navigation-item-wrapper:not(.slick-slide) .rich-navigation-description h3 {
    height: auto !important;
  }
}
.rich-navigation-menu-adt.rich-navigation-white .rich-navigation-item {
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
  border-radius: 24px;
}
.rich-navigation-menu-adt.rich-navigation-white .rich-navigation-item .rich-navigation-description h4 {
  color: var(--primary-400);
}
.rich-navigation-menu-adt.rich-navigation-white .rich-navigation-item .rich-navigation-description h3 {
  color: var(--primary-400);
}
.rich-navigation-menu-adt.rich-navigation-white .rich-navigation-item .rich-navigation-description p {
  color: var(--green-100);
}
.rich-navigation-menu-adt.rich-navigation-white .rich-navigation-description .link-cta {
  color: var(--secondary-80);
}
.rich-navigation-menu-adt.rich-navigation-white .rich-navigation-description .link-cta:hover {
  color: var(--secondary-80);
}
.rich-navigation-menu-adt.rich-navigation-carousel {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .rich-navigation-menu-adt.rich-navigation-carousel {
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .rich-navigation-menu-adt.rich-navigation-carousel .bper-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.rich-navigation-menu-adt.rich-navigation-carousel .slick-dots {
  bottom: -20px;
}
@media (max-width: 767px) {
  .rich-navigation-menu-adt.rich-navigation-carousel .slick-dots {
    bottom: 0;
  }
}
.rich-navigation-menu-adt.rich-navigation-carousel .slick-prev {
  left: -80px;
}
@media (max-width: 1400px) {
  .rich-navigation-menu-adt.rich-navigation-carousel .slick-prev {
    left: -40px;
  }
}
@media (max-width: 1400px) {
  .rich-navigation-menu-adt.rich-navigation-carousel .slick-prev {
    display: none !important;
  }
}
.rich-navigation-menu-adt.rich-navigation-carousel .slick-prev:before {
  color: var(--secondary-70);
}
.rich-navigation-menu-adt.rich-navigation-carousel .slick-next {
  right: -80px;
}
@media (max-width: 1400px) {
  .rich-navigation-menu-adt.rich-navigation-carousel .slick-next {
    right: -40px;
  }
}
@media (max-width: 1400px) {
  .rich-navigation-menu-adt.rich-navigation-carousel .slick-next {
    display: none !important;
  }
}
.rich-navigation-menu-adt.rich-navigation-carousel .slick-next:before {
  color: var(--secondary-70);
}
.rich-navigation-menu-adt.rich-navigation-carousel .slick-slide {
  padding: 0 15px 15px;
  margin-left: 0 !important;
}
.rich-navigation-menu-adt.rich-navigation-carousel .n-elements-3, .rich-navigation-menu-adt.rich-navigation-carousel .n-elements-2, .rich-navigation-menu-adt.rich-navigation-carousel n-elements-1 {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .rich-navigation-menu-adt.rich-navigation-carousel .n-elements-3, .rich-navigation-menu-adt.rich-navigation-carousel .n-elements-2, .rich-navigation-menu-adt.rich-navigation-carousel n-elements-1 {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .rich-navigation-menu-adt.rich-navigation-carousel .n-elements-3.rich-navigation-list-image {
    padding: 0 25px !important;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .rich-navigation-menu-adt.rich-navigation-carousel .n-elements-3.rich-navigation-list-image .slider {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .rich-navigation-menu-adt.rich-navigation-carousel .n-elements-3.rich-navigation-list-image .slider .rich-navigation-item-wrapper {
    margin-bottom: 30px;
    width: 100%;
  }
}
.rich-navigation-menu-adt .wc-title {
  margin-top: 0;
}
.rich-navigation-menu-adt .rich-navigation-item {
  padding: 0;
  margin-bottom: 30px;
  border-radius: 24px;
  box-shadow: 0 12px 24px rgba(126, 140, 141, 0.16);
  height: calc(100% - 30px);
}
@media (max-width: 992px) {
  .rich-navigation-menu-adt .rich-navigation-item {
    margin-bottom: 15px;
  }
}
.rich-navigation-menu-adt .rich-navigation-item.bper-wrapper-inverse {
  margin-bottom: 30px;
  height: calc(100% - 30px);
}
@media (max-width: 992px) {
  .rich-navigation-menu-adt .rich-navigation-item.bper-wrapper-inverse {
    margin-bottom: 32px;
  }
}
.rich-navigation-menu-adt .rich-navigation-item-img {
  background-position: top center;
  background-size: cover;
  position: relative;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.rich-navigation-menu-adt .rich-navigation-item-img:after {
  content: "";
  display: block;
  height: 140px;
}
.rich-navigation-menu-adt .rich-navigation-item-img > a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
}
.rich-navigation-menu-adt .rich-navigation-item-img .tag {
  position: absolute;
  top: 24px;
  padding: 0 15px;
  background-color: var(--warning-30) !important;
  color: #fff;
  float: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.rich-navigation-menu-adt .keyword-icona {
  position: absolute;
  top: 0;
  left: 25px;
  border-radius: 16px;
  width: 64px;
  height: 64px;
  background: transparent linear-gradient(180deg, #9ECC95 0%, #64B054 100%) 0% 0% no-repeat padding-box;
  transform: translateY(-50%);
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
}
.rich-navigation-menu-adt .keyword-icona img {
  width: 48px;
  height: auto;
  max-height: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.rich-navigation-menu-adt .rich-navigation-description {
  position: relative;
  padding: 32px 24px 40px 24px;
}
@media (max-width: 767px) {
  .rich-navigation-menu-adt .rich-navigation-description {
    padding-bottom: 32px;
  }
}
.rich-navigation-menu-adt .rich-navigation-description.is-icon {
  padding-top: 52px;
}
.rich-navigation-menu-adt .rich-navigation-description p {
  min-height: 0;
  margin-bottom: 0;
}
.rich-navigation-menu-adt .rich-navigation-description h3 {
  margin: 0;
  letter-spacing: 0px;
  color: #fff;
  text-align: left;
  font-family: "Din-Bold";
  font-size: 28px;
  line-height: 36px;
}
.rich-navigation-menu-adt .rich-navigation-description h3 + p {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .rich-navigation-menu-adt .rich-navigation-description h3 + p {
    height: auto !important;
  }
}
.rich-navigation-menu-adt .rich-navigation-description .link-cta-main {
  margin-top: 20px;
  display: block;
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
  color: #fff;
  opacity: 1;
  margin-top: 24px;
}
.rich-navigation-menu-adt .col-md-4:nth-child(3n+1) {
  clear: left;
}
.rich-navigation-menu-adt .rich-navigation-list .col-md-4,
.rich-navigation-menu-adt .rich-navigation-list .col-md-6 {
  padding-left: 15px;
  padding-right: 15px;
  /*&:first-child {
  	padding-left: 0;
  }
  &:last-child {
  	padding-right: 0;
  }*/
}
.rich-navigation-menu-adt .rich-navigation-list .col-md-4:nth-child(3n+1) {
  padding-left: 0;
}
.rich-navigation-menu-adt .rich-navigation-list .col-md-4:nth-child(3n+3) {
  padding-right: 0;
}
.rich-navigation-menu-adt .rich-navigation-list .col-md-6:nth-child(2n+1) {
  padding-left: 0;
}
.rich-navigation-menu-adt .rich-navigation-list .col-md-6:nth-child(2n+2) {
  padding-right: 0;
}
.rich-navigation-menu-adt .rich-navigation-list .col-md-3:nth-child(3n+1) {
  padding-left: 0;
}
.rich-navigation-menu-adt .rich-navigation-list .col-md-3:nth-child(3n+3) {
  padding-right: 0;
}
@media (max-width: 992px) {
  .rich-navigation-menu-adt .rich-navigation-list .col-md-4,
  .rich-navigation-menu-adt .rich-navigation-list .col-md-6,
  .rich-navigation-menu-adt .rich-navigation-list .col-md-3 {
    padding-left: 0;
    padding-right: 0;
  }
}
.rich-navigation-menu-adt .rich-navigation-list .rich-navigation-item {
  min-height: 250px;
}
.rich-navigation-menu-adt .rich-navigation-list .rich-navigation-item .rich-navigation-description p {
  position: relative;
  float: left;
  width: 100%;
}
.rich-navigation-menu-adt .rich-navigation-list .rich-navigation-item .rich-navigation-description a {
  position: absolute;
  bottom: 33px;
  right: 33px;
}
@media (min-width: 992px) {
  .rich-navigation-menu-adt .rich-navigation-menu .col-md-6.even,
  .rich-navigation-menu-adt .rich-navigation-menu .col-md-6.odd {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .rich-navigation-menu-adt .rich-navigation-list-image div.even,
  .rich-navigation-menu-adt .rich-navigation-list-image div.odd,
  .rich-navigation-menu-adt .rich-navigation-list div.even,
  .rich-navigation-menu-adt .rich-navigation-list div.odd {
    margin: 0;
  }
  .rich-navigation-menu-adt .rich-navigation-list-image .triple-blocks .odd,
  .rich-navigation-menu-adt .rich-navigation-list-image .triple-blocks .even,
  .rich-navigation-menu-adt .rich-navigation-list .triple-blocks .odd,
  .rich-navigation-menu-adt .rich-navigation-list .triple-blocks .even {
    margin: 0;
    padding: 0;
  }
}

.rich-navigation-simple {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  margin-top: 30px;
  position: relative;
  z-index: 1;
}
.rich-navigation-simple .container {
  padding-left: 0;
  padding-right: 0;
}
.rich-navigation-simple .rich-navigation-list-image {
  float: left;
  width: 100%;
  margin: 0;
}
.rich-navigation-simple .rich-navigation-list-image .col3 {
  float: left;
  width: calc(33.33% - 20px);
  margin-left: 30px;
  margin-bottom: 40px;
  background-color: var(--primary-400);
  box-shadow: 0 12px 24px rgba(126, 140, 141, 0.16);
  border-radius: 24px;
}
.rich-navigation-simple .rich-navigation-list-image .col3:hover {
  box-shadow: 0 12px 24px rgba(126, 140, 141, 0.32);
}
.rich-navigation-simple .rich-navigation-list-image .col3 > a:hover .rich-navigation-description h3 {
  color: var(--secondary-80);
}
.rich-navigation-simple .rich-navigation-list-image .col3 .rich-navigation-item-img {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.rich-navigation-simple .rich-navigation-list-image .col3 a {
  outline: none !important;
}
.rich-navigation-simple .rich-navigation-list-image .col3 a .rich-navigation-item-img .tag {
  position: relative;
  top: 24px;
  padding: 0 15px;
  background-color: var(--primary-400) !important;
  color: #fff;
  float: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.rich-navigation-simple .rich-navigation-list-image .col3:nth-child(3n+1) {
  margin-left: 0;
  clear: left;
}
@media (max-width: 768px) {
  .rich-navigation-simple .rich-navigation-list-image .col3 {
    margin-bottom: 20px;
    width: 100%;
    margin-left: 0;
  }
}
.rich-navigation-simple .rich-navigation-list-image .col3 a {
  float: left;
  width: 100%;
}
.rich-navigation-simple .rich-navigation-list-image .col3 a .rich-navigation-item-img {
  float: left;
  width: 100%;
  position: relative;
  min-height: 0;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.rich-navigation-simple .rich-navigation-list-image .col3 a .rich-navigation-item-img:after {
  padding-top: 140px;
  display: block;
  content: "";
}
.rich-navigation-simple .rich-navigation-list-image .col3 a .rich-navigation-item-img .tag {
  position: relative;
  top: 20px;
  padding: 0 15px;
  background-color: var(--primary-400);
  color: #fff;
  float: left;
  font-weight: 300;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  line-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
}
.rich-navigation-simple .rich-navigation-list-image .col3 a .rich-navigation-description {
  padding: 32px 24px 40px 24px;
  float: left;
  width: 100%;
}
.rich-navigation-simple .rich-navigation-list-image .col3 a .rich-navigation-description.is-icon {
  padding-top: 50px;
}
.rich-navigation-simple .rich-navigation-list-image .col3 a .rich-navigation-description h3 {
  float: left;
  width: 100%;
  font-size: 24px;
  line-height: 36px;
  margin: 0;
  margin-bottom: 10px;
}
.rich-navigation-simple .rich-navigation-list-image .col3 a .rich-navigation-description p {
  float: left;
  width: 100%;
  margin: 0;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  min-height: inherit;
  font-weight: 400;
}
.rich-navigation-simple.rich-navigation-simple-white .rich-navigation-list-image .col3 {
  background-color: #fff;
}
.rich-navigation-simple.rich-navigation-simple-white .rich-navigation-description h3,
.rich-navigation-simple.rich-navigation-simple-white .rich-navigation-list-image .col3 a .rich-navigation-description p {
  color: var(--primary-400);
}
.rich-navigation-simple.rich-navigation-simple-white .rich-navigation-description h3.paragraph,
.rich-navigation-simple.rich-navigation-simple-white .rich-navigation-list-image .col3 a .rich-navigation-description p.paragraph {
  color: var(--neutral-100);
}
.rich-navigation-simple .categories-wrapper {
  float: left;
  width: 100%;
}
.rich-navigation-simple .categories {
  margin-bottom: 8px;
  float: left;
}
.rich-navigation-simple .categories .category {
  float: left;
  background: #E1EBE8;
  padding: 0 16px;
  line-height: 32px;
  width: auto;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 400;
  color: var(--primary-400);
  margin-right: 4px;
  margin-bottom: 4px;
}

.request-status {
  /*
  &.with-button {
  	text-align: center;

  	.title {
  		margin-bottom: 0;
  	}

  	.request-container {
  		@media (min-width: $screen-md-min) {
  			display: block;
  		}
  	}

  	.text {
  		display: block;
  		margin-bottom: 30px;
  	}

  	.link-container {
  		display: block;
  	}
  }
  */
}
.request-status.green {
  background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
  color: #fff;
}
.request-status.green .title {
  color: #fff;
}
.request-status.white {
  background-color: var(--neutral-5);
  color: var(--primary-400);
}
@media (max-width: 991px) {
  .request-status.no-mobile {
    display: none;
  }
}
.request-status .title {
  margin-bottom: 16px;
  margin-top: 0;
  font-family: "Din-Bold", sans-serif;
  font-size: 32px;
  line-height: 36px;
  letter-spacing: 0;
}
@media (max-width: 992px) {
  .request-status .title {
    font-size: 24px;
    margin-top: 0;
    line-height: 32px;
    letter-spacing: 0px;
  }
  .request-status .title p {
    font-size: inherit;
    line-height: inherit;
    margin: 0;
  }
}
.request-status .title p {
  line-height: inherit;
}
.request-status .text {
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 991px) {
  .request-status .text {
    margin-bottom: 36px;
  }
}
.request-status .text p {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0;
}
.request-status.full-width {
  overflow: hidden;
  padding-top: 80px;
  padding-bottom: 84px;
}
@media (max-width: 480px) {
  .request-status.full-width {
    width: 100%;
    padding: 56px 25px;
  }
}
@media (min-width: 992px) {
  .request-status.full-width .request-container {
    display: flex;
    align-items: center;
  }
}
.request-status.full-width .request-container.with-description {
  align-items: baseline;
}
.request-status.full-width .request-container .link-container {
  text-align: right;
}
@media (max-width: 992px) {
  .request-status.full-width .request-container .link-container {
    text-align: left;
  }
}
.request-status.bordered {
  background-color: transparent;
}
.request-status.bordered .bordered-wrapper {
  background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
  border-radius: 24px;
  color: white;
  padding: 40px 32px 40px 32px;
  margin-top: 80px;
  margin-bottom: 77px;
  box-shadow: 0px 15px 24px rgba(126, 140, 141, 0.32);
  margin-top: 0;
  overflow: hidden;
}
.request-status.bordered .bordered-wrapper > .row {
  display: flex;
  align-items: center;
}
.request-status.bordered .bordered-wrapper .link-container {
  text-align: right;
}
.request-status.bordered .bordered-wrapper .title {
  color: #fff;
}
@media (max-width: 992px) {
  .request-status.bordered .bordered-wrapper {
    padding: 40px 24px;
    margin: 0px 0 64px;
    margin-top: 0;
    overflow: hidden;
  }
  .request-status.bordered .bordered-wrapper > .row {
    flex-direction: column;
  }
  .request-status.bordered .bordered-wrapper > .row .title {
    margin: 0;
    margin-bottom: 16px;
    font-size: 24px;
    font-family: "Din-Bold", sans-serif;
  }
  .request-status.bordered .bordered-wrapper > .row .title p {
    margin: 0;
    line-height: inherit;
    font-size: inherit;
  }
  .request-status.bordered .bordered-wrapper > .row .text {
    margin-bottom: 32px;
  }
  .request-status.bordered .bordered-wrapper > .row .text p {
    margin-bottom: 0;
  }
  .request-status.bordered .bordered-wrapper > .row .link-container {
    text-align: left;
  }
}
.request-status.bordered-with-image {
  background-color: transparent;
}
.request-status.bordered-with-image .bordered-wrapper {
  border-radius: 24px;
  color: white;
  padding: 40px 32px 40px 32px;
  margin-top: 80px;
  margin-bottom: 77px;
  box-shadow: 0px 15px 24px rgba(126, 140, 141, 0.32);
  margin-top: 0;
  overflow: hidden;
  background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
}
.request-status.bordered-with-image .bordered-wrapper > .row {
  display: grid;
  grid-template-areas: "image title" "image text" "image button";
}
.request-status.bordered-with-image .bordered-wrapper > .row .title {
  grid-area: title;
  color: #fff;
}
.request-status.bordered-with-image .bordered-wrapper > .row .text {
  grid-area: text;
}
.request-status.bordered-with-image .bordered-wrapper > .row .text p {
  margin-bottom: 0;
}
.request-status.bordered-with-image .bordered-wrapper > .row .link-area {
  grid-area: button;
}
.request-status.bordered-with-image .bordered-wrapper > .row .link-area .link-container {
  margin-top: 37px;
}
@media (max-width: 767px) {
  .request-status.bordered-with-image .bordered-wrapper > .row .link-area .link-container {
    margin-top: 32px;
  }
}
.request-status.bordered-with-image .bordered-wrapper > .row .image {
  grid-area: image;
  margin-left: -32px;
  margin-bottom: -42px;
}
.request-status.bordered-with-image .bordered-wrapper > .row .image img {
  max-height: 300px;
}
.request-status.bordered-with-image .bordered-wrapper > .row .image-mobile {
  display: none;
}
.request-status.bordered-with-image .bordered-wrapper.squircle-right {
  background: linear-gradient(180deg, #29696f 0%, #183f42 100%) 0% 0% no-repeat padding-box;
}
.request-status.bordered-with-image .bordered-wrapper.squircle-right > .row {
  display: grid;
  grid-template-areas: "title  image" "text   image" "button image";
}
.request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .title {
  grid-area: title;
}
.request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .text {
  grid-area: text;
}
.request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .text p {
  margin-bottom: 0;
}
.request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .link-area {
  grid-area: button;
}
.request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .link-area .link-container {
  margin-top: 37px;
}
@media (max-width: 767px) {
  .request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .link-area .link-container {
    margin-top: 32px;
  }
}
.request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .image {
  grid-area: image;
  margin-right: -32px;
  margin-bottom: -42px;
}
.request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .image img {
  max-height: 300px;
}
.request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .image-mobile {
  display: none;
}
@media (max-width: 992px) {
  .request-status.bordered-with-image .bordered-wrapper {
    padding: 40px 24px;
    margin: 0px 0 64px 0;
    margin-top: 0;
  }
  .request-status.bordered-with-image .bordered-wrapper.squircle-right, .request-status.bordered-with-image .bordered-wrapper.squircle-left {
    background: linear-gradient(180deg, #29696f 0%, #183f42 100%) 0% 0% no-repeat padding-box;
  }
  .request-status.bordered-with-image .bordered-wrapper.squircle-right > .row, .request-status.bordered-with-image .bordered-wrapper.squircle-left > .row {
    grid-template-areas: "title" "text" "button" "image";
  }
  .request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .title, .request-status.bordered-with-image .bordered-wrapper.squircle-left > .row .title {
    margin: 0;
    margin-bottom: 16px;
    font-size: 24px;
    font-family: "Din-Bold", sans-serif;
  }
  .request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .text, .request-status.bordered-with-image .bordered-wrapper.squircle-left > .row .text {
    margin-bottom: 32px;
  }
  .request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .link-container, .request-status.bordered-with-image .bordered-wrapper.squircle-left > .row .link-container {
    text-align: left;
  }
  .request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .image, .request-status.bordered-with-image .bordered-wrapper.squircle-left > .row .image {
    display: none;
  }
  .request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .image-mobile, .request-status.bordered-with-image .bordered-wrapper.squircle-left > .row .image-mobile {
    display: block;
    grid-area: image;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: -42px;
  }
  .request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .image-mobile img, .request-status.bordered-with-image .bordered-wrapper.squircle-left > .row .image-mobile img {
    max-height: 220px;
  }
}
@media (max-width: 767px) {
  .request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .text, .request-status.bordered-with-image .bordered-wrapper.squircle-left > .row .text {
    margin-bottom: 0;
  }
}

.card-color {
  overflow: hidden;
}
.card-color .bper-wrapper {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
}
@media (max-width: 1199px) {
  .card-color .bper-wrapper {
    width: 95%;
  }
}
@media (min-width: 991px) {
  .card-color .bper-wrapper .card-color-container {
    display: flex;
  }
}
.card-color .bper-wrapper .card-color-container .left-content {
  margin-right: -30px;
  margin-left: calc((100vw - 1170px) / -2);
  overflow: hidden;
  height: 100%;
}
@media (min-width: 991px) and (max-width: 1199px) {
  .card-color .bper-wrapper .card-color-container .left-content {
    margin-left: calc((1270px - 100vw) / -2);
  }
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .left-content {
    margin-left: -40px;
    margin-right: -40px;
  }
}
.card-color .bper-wrapper .card-color-container .left-content .slider {
  height: 100%;
}
.card-color .bper-wrapper .card-color-container .left-content .slider .slick-track,
.card-color .bper-wrapper .card-color-container .left-content .slider .slick-list {
  height: 100%;
}
.card-color .bper-wrapper .card-color-container .left-content .slider .slick-dots {
  position: relative;
  bottom: 115px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
  padding-left: calc((100vw - 1170px) / 2 - 85px);
}
@media (min-width: 991px) and (max-width: 1200px) {
  .card-color .bper-wrapper .card-color-container .left-content .slider .slick-dots {
    padding-left: calc((1270px - 100vw) / 2);
  }
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .left-content .slider .slick-dots {
    bottom: 90px;
    left: 0;
    padding-left: 0;
  }
}
.card-color .bper-wrapper .card-color-container .left-content .slider .slick-dots li {
  margin-left: 12px;
  margin-right: 12px;
  border-radius: 25px;
  height: 50px;
  width: 50px;
  background-size: cover;
  box-shadow: 0 15px 50px -15px #bcb6af;
  border: solid 1px transparent;
}
.card-color .bper-wrapper .card-color-container .left-content .slider .slick-dots li.slick-active {
  box-shadow: -6px 10px 20px -9px rgb(20, 20, 20);
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .left-content .slider .slick-dots li {
    height: 30px;
    width: 30px;
    margin-left: 7px;
    margin-right: 7px;
  }
}
.card-color .bper-wrapper .card-color-container .left-content .slider .slick-dots li button::before {
  content: "";
}
.card-color .bper-wrapper .card-color-container .left-content .slider .item {
  height: 100%;
}
.card-color .bper-wrapper .card-color-container .left-content .slider .item.slick-active .carousel-background .bkg, .card-color .bper-wrapper .card-color-container .left-content .slider .item.slick-current .carousel-background .bkg {
  opacity: 1;
}
.card-color .bper-wrapper .card-color-container .left-content .slider .item.slick-active .carousel-background .over-content {
  transform: translateX(0);
  opacity: 1;
}
.card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background {
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #faf9f8;
}
.card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .bkg {
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  left: 0;
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  opacity: 1;
  transition: 2s;
  /*
  @media (min-width: $single-column-breakpoint) {
  	height: 100% !important;
  	top: 0 !important;
  }
  */
}
.card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content {
  transform: translateX(-30%);
  opacity: 0;
  transition: all 1s ease-in-out;
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content {
    padding-bottom: 100px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
.card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .left-title {
  padding-left: calc((100vw - 1170px) / 2);
  padding-top: 60px;
  padding-right: 40px;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 100;
}
.card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .left-title * {
  font-size: 42px;
  line-height: 1.2;
  font-weight: 100;
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .left-title * {
    line-height: 1;
  }
}
@media (min-width: 991px) and (max-width: 1200px) {
  .card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .left-title {
    padding-left: calc((1270px - 100vw) / 2);
  }
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .left-title {
    padding-left: 5%;
    padding-right: 0;
    padding-top: 30px;
  }
}
.card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .left-text {
  padding-left: calc((100vw - 1170px) / 2);
}
@media (min-width: 991px) and (max-width: 1200px) {
  .card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .left-text {
    padding-left: calc((1270px - 100vw) / 2);
  }
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .left-text {
    padding-left: 5%;
  }
}
.card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .card-container {
  margin-left: calc((100vw - 1170px) / 2 + 50px);
  background-size: cover;
  margin-top: 80px;
  margin-bottom: 120px;
  width: 400px;
  border-radius: 20px;
  box-shadow: 0 15px 0px -15px #bcb6af;
}
@media (min-width: 991px) and (max-width: 1200px) {
  .card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .card-container {
    margin-left: calc((1270px - 100vw) / 2 + 50px);
  }
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .card-container {
    width: 235px;
    border-radius: 12px;
    margin-top: 25px;
    margin: 25px;
    margin-left: auto;
    margin-right: auto;
  }
}
.card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .card-container::after {
  content: "";
  display: block;
  padding-top: 60%;
}
.card-color .bper-wrapper .card-color-container .right-content {
  padding-right: calc((100vw - 1170px) / 2);
  margin-right: calc((100vw - 1170px) / -2);
  height: 100%;
  background-color: #005D44;
  color: #fff;
}
@media (min-width: 991px) {
  .card-color .bper-wrapper .card-color-container .right-content {
    top: 0;
  }
  .card-color .bper-wrapper .card-color-container .right-content::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: calc(55% + 2px);
    border-bottom: 15px solid transparent;
    border-right: 15px solid #005D44;
    z-index: 100;
  }
  .card-color .bper-wrapper .card-color-container .right-content::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: calc(45% + 3px);
    border-top: 15px solid transparent;
    border-right: 15px solid #005D44;
    z-index: 100;
  }
}
@media (min-width: 991px) and (max-width: 1199px) {
  .card-color .bper-wrapper .card-color-container .right-content {
    padding-right: calc((1270px - 100vw) / 2);
    margin-right: calc((1270px - 100vw) / -2);
  }
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .right-content {
    margin-left: -40px;
    margin-right: -40px;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: -38px;
  }
  .card-color .bper-wrapper .card-color-container .right-content::after {
    content: "";
    position: absolute;
    top: -57px;
    left: -25px;
    width: calc(50% + 27px);
    height: 0;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #005D44;
    z-index: 100;
  }
  .card-color .bper-wrapper .card-color-container .right-content::before {
    content: "";
    position: absolute;
    top: -57px;
    right: -25px;
    width: calc(50% + 27px);
    height: 0;
    border-left: 20px solid transparent;
    border-bottom: 20px solid #005D44;
    z-index: 100;
  }
}
.card-color .bper-wrapper .card-color-container .right-content .right-title {
  margin-left: 85px;
  padding-top: 60px;
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .right-content .right-title {
    padding-top: 20px;
    margin-left: 0;
  }
}
.card-color .bper-wrapper .card-color-container .right-content .right-title * {
  font-size: 42px;
  line-height: 1.2;
  font-weight: 100;
  color: #fff;
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .right-content .right-title * {
    line-height: 1;
  }
}
.card-color .bper-wrapper .card-color-container .right-content .right-content-center {
  margin-top: 125px;
  width: 100%;
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .right-content .right-content-center {
    margin-top: 30px;
  }
}
.card-color .bper-wrapper .card-color-container .right-content .right-text {
  margin-left: 85px;
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .right-content .right-text {
    margin-left: 0;
  }
}
.card-color .bper-wrapper .card-color-container .right-content .requirements {
  margin-right: 0;
  padding-left: 17px;
  margin-left: 0;
}
@media (min-width: 991px) {
  .card-color .bper-wrapper .card-color-container .right-content .requirements {
    padding-top: 10px;
    margin-left: 85px;
    padding-left: 0;
    display: flex;
    padding-right: 0;
  }
}
@media (min-width: 991px) {
  .card-color .bper-wrapper .card-color-container .right-content .requirements li {
    display: block;
    list-style-type: none;
    width: 26%;
    text-align: center;
    margin-left: 11%;
  }
  .card-color .bper-wrapper .card-color-container .right-content .requirements li:nth-child(3n+1) {
    margin-left: 0;
  }
}
.card-color .bper-wrapper .card-color-container .right-content .requirements li .req-image {
  max-height: 70px;
  max-width: 70px;
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .right-content .requirements li .req-image {
    display: none;
  }
}
.card-color .bper-wrapper .card-color-container .right-content .requirements li .req-text {
  margin: 0;
}
.card-color .bper-wrapper .card-color-container .right-content .button-container {
  text-align: right;
  margin-top: 125px;
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .right-content .button-container {
    margin-top: 40px;
    margin-bottom: 45px;
    margin-right: -10px;
  }
}

.youtube-video-modal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10000;
  background: black;
  transition: opacity 300ms, visibility 0ms linear 300ms;
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
}
.youtube-video-modal.open {
  transition: opacity 300ms, visibility 300ms linear 0ms;
  visibility: visible;
  opacity: 1;
  transform: scale(1) !important;
}
.youtube-video-modal iframe {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.youtube-video-modal .close {
  position: absolute;
  top: 40px;
  right: 25px;
  z-index: 1;
  opacity: 1;
  float: right;
  font-size: 27px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  color: black;
  text-shadow: 0 1px 0 #fff;
  padding: 20px;
  background-color: #fff;
}
.youtube-video-modal .close img,
.youtube-video-modal .close .img {
  position: absolute;
  top: 8px;
  left: 8px;
  background-image: url(../images/icone-bper-2022/Icon-Close@2x.png);
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.youtube-video-modal .close:hover, .youtube-video-modal .close:focus {
  opacity: 0.5;
}
.youtube-video-modal .close .image-link {
  height: 24px;
  width: 24px;
  vertical-align: middle;
  z-index: 2;
}
.youtube-video-modal .close .image-link path {
  fill: #005D44;
  fill-rule: evenodd;
  clip-rule: evenodd;
}

.static-video-modal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10000;
  background: black;
  transition: opacity 300ms, visibility 0ms linear 300ms;
  visibility: visible;
  opacity: 1;
  transform: none;
}
@media (max-width: 991px) {
  .static-video-modal {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 991px) {
  .static-video-modal video {
    width: 100% !important;
    height: auto !important;
  }
}
.static-video-modal .close {
  position: absolute;
  top: 40px;
  right: 25px;
  z-index: 1;
  opacity: 1;
  float: right;
  font-size: 27px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  color: black;
  text-shadow: 0 1px 0 #fff;
  padding: 20px;
  background-color: #fff;
}
.static-video-modal .close img,
.static-video-modal .close .img {
  position: absolute;
  top: 8px;
  left: 8px;
  background-image: url(../images/icone-bper-2022/Icon-Close@2x.png);
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.static-video-modal .close:hover, .static-video-modal .close:focus {
  opacity: 0.5;
}
.static-video-modal .close .image-link {
  height: 24px;
  width: 24px;
  vertical-align: middle;
  z-index: 2;
}
.static-video-modal .close .image-link path {
  fill: #005D44;
  fill-rule: evenodd;
  clip-rule: evenodd;
}

.video {
  overflow: hidden;
}
@media (max-width: 1199px) {
  .video {
    margin-bottom: 0px;
  }
}
.video .popup {
  width: 80px;
  height: 80px;
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 40px);
  transition: 1s;
}
.video .popup:hover {
  opacity: 0.7;
}
.video .popup .play {
  outline: none !important;
  height: 100%;
  background: url(../images/bperPlay.png);
  width: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.video .video-thumb {
  width: 100%;
  height: auto;
}
@media (max-width: 1199px) {
  .video .video-thumb {
    height: auto;
  }
}
.video .layout-info {
  position: relative;
  margin-top: -123px;
  left: 0;
  right: 0;
  position: relative;
  background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
  box-shadow: rgba(126, 140, 141, 0.32) 0 16px 24px 0;
  padding: 48px 40px 50px 40px;
  border-radius: 24px;
  opacity: 1;
  color: #fff;
  display: flex;
  margin-bottom: 62px;
}
@media (max-width: 768px) {
  .video .layout-info {
    margin-left: 25px;
    margin-right: 25px;
    width: calc(100% - 50px);
    padding: 48px 24px;
  }
}
.video .layout-info h2 {
  margin: 0;
  font-size: 48px;
  line-height: 56px;
  font-family: "Din-Bold", sans-serif;
  color: #fff;
}
@media (max-width: 768px) {
  .video .layout-info h2 {
    font-size: 36px;
    line-height: 48px;
  }
}
.video .layout-info h2 + h3 {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .video .layout-info h2 + h3 {
    margin-top: 10px;
  }
}
.video .layout-info h3 {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
  letter-spacing: 0;
  color: #fff;
}
@media (max-width: 768px) {
  .video .layout-info h3 {
    font-size: 18px;
    line-height: 26px;
  }
}
.video .layout-info h3 p {
  margin: 0;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.video .img {
  height: 482px;
  position: relative;
}
.video .img:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 93, 68, 0.6);
}
.video .img .bkg {
  height: 100%;
  background-size: cover;
  background-position: center;
  position: relative;
}
@media (max-width: 1199px) {
  .video .img .bkg::after {
    content: "";
    padding-top: 70%;
    display: block;
  }
  .video .img .bkg.bkg-sub {
    background-size: 125%;
  }
}
.video .img .bkg a.popup {
  z-index: 99;
}

.team-presentation {
  overflow: hidden;
  margin-bottom: 45px;
}
@media (max-width: 991px) {
  .team-presentation {
    margin-bottom: 35px;
  }
}
@media (max-width: 480px) {
  .team-presentation {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 991px) {
  .team-presentation .members-row {
    overflow-x: auto;
    overflow-y: hidden;
  }
}
.team-presentation .members-row .members-container {
  width: 100%;
  float: left;
}
@media (max-width: 991px) {
  .team-presentation .members-row .members-container {
    width: 1155px;
    float: none;
  }
}
.team-presentation .members-row .members-container .member-thumbnail {
  width: calc(25% - 19px);
  float: left;
  /*width: 270px;
              height: 370px;*/
  background-size: cover;
  background-position: center;
  margin-left: 25px;
  display: block;
  margin-bottom: 50px;
  position: relative;
}
.team-presentation .members-row .members-container .member-thumbnail:nth-child(1) {
  margin-left: 0;
}
.team-presentation .members-row .members-container .member-thumbnail:after {
  padding-top: 137%;
  display: block;
  content: "";
}
@media (max-width: 991px) {
  .team-presentation .members-row .members-container .member-thumbnail {
    width: 270px;
    height: 370px;
  }
  .team-presentation .members-row .members-container .member-thumbnail:after {
    padding-top: 0;
    display: none;
    content: "";
  }
}
.team-presentation .members-row .members-container .member-thumbnail:first-child {
  margin-left: 0;
}
.team-presentation .members-row .members-container .member-thumbnail .expander {
  background-color: #64B054;
  color: #fff;
  border-radius: 100%;
  padding: 0;
  font-size: 42px;
  position: absolute;
  bottom: 0;
  left: calc(50% - 35px);
  font-weight: inherit;
  cursor: pointer;
  width: 70px;
  transition: background-color 0.5s;
  height: 70px;
  line-height: 70px;
  text-align: center;
  transform: translateY(50%);
}
.team-presentation .members-row .members-container .member-thumbnail .expander:hover {
  background-color: #ea862c;
}
.team-presentation .member-info {
  background-color: #fff;
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10000;
  overflow-y: hidden;
  overflow-x: hidden;
}
@media (max-width: 991px) {
  .team-presentation .member-info {
    overflow-y: auto;
  }
}
@media (max-width: 480px) {
  .team-presentation .member-info {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.team-presentation .member-info.show {
  display: block;
}
.team-presentation .member-info .center-container {
  float: none;
  margin: auto;
  width: 570px;
  max-width: 100%;
}
@media (max-width: 991px) {
  .team-presentation .member-info .center-container {
    width: 100%;
    padding: 0 30px;
  }
}
.team-presentation .member-info .close {
  position: absolute;
  top: 40px;
  right: 25px;
  z-index: 1;
  opacity: 1;
}
.team-presentation .member-info .close:hover {
  opacity: 0.5;
}
.team-presentation .member-info .close .image-link {
  height: 25px;
  width: 25px;
}
.team-presentation .member-info .close .image-link path {
  fill: #005D44;
  fill-rule: evenodd;
  clip-rule: evenodd;
}
.team-presentation .member-info .changing-content {
  display: none;
}
.team-presentation .member-info .changing-content .right-column {
  height: auto;
  overflow-y: auto;
}
@media (max-width: 991px) {
  .team-presentation .member-info .changing-content .right-column {
    max-height: inherit !important;
  }
}
.team-presentation .member-info .changing-content.active {
  display: block;
}
@media (min-width: 992px) {
  .team-presentation .member-info .changing-content .info-container .name {
    margin-top: 90px;
    margin-bottom: 0;
  }
}
.team-presentation .member-info .changing-content .info-container .role {
  font-weight: 500;
  line-height: 18px;
}
@media (min-width: 992px) {
  .team-presentation .member-info .changing-content .info-container .role {
    display: inline-block;
    padding-right: 12px;
  }
}
@media (max-width: 991px) {
  .team-presentation .member-info .changing-content .info-container .role {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .team-presentation .member-info .changing-content .info-container .role.border {
    border-right: 2px solid #015256;
  }
}
.team-presentation .member-info .changing-content .info-container .years {
  font-weight: 500;
  line-height: 18px;
}
@media (min-width: 992px) {
  .team-presentation .member-info .changing-content .info-container .years {
    display: inline-block;
  }
}
@media (max-width: 991px) {
  .team-presentation .member-info .changing-content .info-container .years {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .team-presentation .member-info .changing-content .info-container .years.border {
    padding-left: 6px;
  }
}
.team-presentation .member-info .changing-content .quote-container {
  font-style: italic;
  padding-top: 20px;
}
.team-presentation .member-info .changing-content .quote-container .decoration {
  display: block;
  height: 36px;
  width: 44px;
}
@media (max-width: 991px) {
  .team-presentation .member-info .changing-content .quote-container .decoration {
    margin-bottom: 30px;
  }
}
.team-presentation .member-info .changing-content .quote-container .quote * {
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}
@media (min-width: 992px) {
  .team-presentation .member-info .changing-content .quote-container .quote * {
    padding-left: 70px;
  }
}
.team-presentation .member-info .changing-content .description-container {
  padding-top: 5%;
}
@media (max-width: 991px) {
  .team-presentation .member-info .changing-content .description-container {
    padding-top: 38px;
    padding-bottom: 38px;
  }
}
.team-presentation .member-info .changing-content .member-image {
  background-size: cover;
  background-position: center;
  margin-left: calc((100vw - 1170px) / -2);
  overflow: hidden;
  height: 100vh;
}
@media (max-width: 1199px) {
  .team-presentation .member-info .changing-content .member-image {
    margin-left: -30px;
  }
}
@media (max-width: 991px) {
  .team-presentation .member-info .changing-content .member-image {
    height: auto;
    margin-right: -30px;
    background-size: cover;
    background-position: top center;
  }
  .team-presentation .member-info .changing-content .member-image::after {
    content: "";
    display: block;
    padding-top: 73%;
  }
}
.team-presentation .member-info .fixed-content {
  position: absolute;
  bottom: 50px;
  right: 0;
  width: 97%;
}
@media (max-width: 991px) {
  .team-presentation .member-info .fixed-content {
    position: static;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 40px;
    margin-right: -30px;
    width: 100%;
  }
}
.team-presentation .member-info .fixed-content .member-selector {
  width: 100%;
}
@media (max-width: 991px) {
  .team-presentation .member-info .fixed-content .member-selector {
    width: 31em;
  }
}
.team-presentation .member-info .fixed-content .member-selector .member-link {
  float: left;
  width: calc(25% - 9px);
  margin-left: 12px;
}
.team-presentation .member-info .fixed-content .member-selector .member-link:first-child {
  margin-left: 0;
}
.team-presentation .member-info .fixed-content .member-selector .member-link .image-link {
  width: 100%;
  height: auto;
  background-size: cover;
  background-position: center;
  display: inline-block;
  cursor: pointer;
}
.team-presentation .member-info .fixed-content .member-selector .member-link .image-link:after {
  content: "";
  display: block;
  padding-top: 138%;
}
@media (max-width: 991px) {
  .team-presentation .member-info .fixed-content .member-selector .member-link .image-link {
    width: 130px;
    height: 180px;
  }
}

.cookie-element {
  overflow: hidden;
}
.cookie-element .description {
  color: #005D44;
  margin-bottom: 20px;
}
.cookie-element .description table,
.cookie-element .description td {
  border: 1px transparent !important;
}
.cookie-element .green-description {
  margin-bottom: 20px;
  margin-left: 0.7em;
}
@media (max-width: 1199px) {
  .cookie-element .green-description {
    margin-left: 0;
  }
  .cookie-element .green-description ul {
    padding-left: 18px;
  }
  .cookie-element .green-description ul li {
    margin-bottom: 20px;
  }
}
.cookie-element .cookies {
  color: #005D44;
  margin-bottom: 20px;
}
.cookie-element .cookies.no {
  list-style-type: none;
  padding-left: 0;
}
.cookie-element .cookies.yes {
  list-style-type: square;
  padding-left: 18px;
}
@media (max-width: 1199px) {
  .cookie-element .cookies.yes .cookie-info {
    margin-left: -16px;
    margin-bottom: auto;
  }
  .cookie-element .cookies.yes .cookie-link {
    margin-left: -16px;
    margin-bottom: auto;
  }
}
.cookie-element .cookies li.cookie-name-only {
  float: left;
  box-sizing: border-box;
  width: 200px;
  word-break: break-all;
}
@media (max-width: 1199px) {
  .cookie-element .cookies li.cookie-name-only {
    width: 49%;
  }
}
.cookie-element .cookies li.cookie-name-only.left {
  clear: left;
  padding-right: 20px;
}
.cookie-element .cookies li .cookie-link {
  display: inline;
  text-decoration: underline;
  word-break: break-all;
}
@media (max-width: 1199px) {
  .cookie-element .cookies li .cookie-link {
    display: block;
    margin-bottom: 35px;
  }
}
@media (min-width: 1200px) {
  .cookie-element .cookies li .cookie-link {
    position: absolute;
  }
}
.cookie-element .cookies li .cookie-info {
  color: #015256;
  display: inline;
}
@media (max-width: 1199px) {
  .cookie-element .cookies li .cookie-info {
    display: block;
    margin-bottom: 35px;
  }
}
@media (min-width: 1200px) {
  .cookie-element .cookies li .cookie-info {
    position: absolute;
  }
}

.flip-element {
  overflow: hidden;
  background-color: #faf9f8;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .flip-element {
    margin-top: 90px;
  }
}
@media (max-width: 480px) {
  .flip-element {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.flip-element .title {
  margin-top: 70px;
  margin-bottom: 30px;
}
.flip-element .scrolling-area {
  overflow-x: auto;
  overflow-y: hidden;
}
.flip-element .scrolling-area .flipper-area {
  margin-top: 40px;
}
.flip-element .scrolling-area .flipper-area .flip-container {
  width: 210px;
  height: 390px;
  margin-left: 25px;
  display: inline-block;
  perspective: 1000px;
  -ms-transform: perspective(1000px);
  transform-style: preserve-3d;
}
.flip-element .scrolling-area .flipper-area .flip-container:first-child {
  margin-left: 0;
}
@media (max-width: 1199px) {
  .flip-element .scrolling-area .flipper-area .flip-container {
    height: auto;
  }
}
@media (min-width: 1200px) {
  .flip-element .scrolling-area .flipper-area .flip-container:hover .back {
    transform: rotateY(0deg);
    z-index: 3;
  }
  .flip-element .scrolling-area .flipper-area .flip-container:hover .front {
    transform: rotateY(180deg);
  }
}
.flip-element .scrolling-area .flipper-area .flip-container .flipper {
  width: 100%;
  height: 100%;
  position: relative;
}
@media (min-width: 1200px) {
  .flip-element .scrolling-area .flipper-area .flip-container .flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    -ms-transform: perspective(1000px);
  }
}
.flip-element .scrolling-area .flipper-area .flip-container .front,
.flip-element .scrolling-area .flipper-area .flip-container .back {
  width: 100%;
}
@media (min-width: 1200px) {
  .flip-element .scrolling-area .flipper-area .flip-container .front,
  .flip-element .scrolling-area .flipper-area .flip-container .back {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    transition: 0.6s;
    transform-style: preserve-3d;
  }
}
@media (max-width: 1199px) {
  .flip-element .scrolling-area .flipper-area .flip-container .front,
  .flip-element .scrolling-area .flipper-area .flip-container .back {
    width: 210px;
  }
}
.flip-element .scrolling-area .flipper-area .flip-container .front {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
}
@media (min-width: 1200px) {
  .flip-element .scrolling-area .flipper-area .flip-container .front {
    z-index: 2;
    transform: rotateY(0deg);
  }
}
@media (max-width: 1199px) {
  .flip-element .scrolling-area .flipper-area .flip-container .front {
    height: 390px;
    display: block;
  }
}
@media (max-width: 1199px) {
  .flip-element .scrolling-area .flipper-area .flip-container .front {
    width: 210px;
  }
}
.flip-element .scrolling-area .flipper-area .flip-container .back {
  background-color: #015256;
  color: #fff;
  text-align: center;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (min-width: 1200px) {
  .flip-element .scrolling-area .flipper-area .flip-container .back {
    padding-top: 140px;
    transform: rotateY(-180deg);
  }
}
@media (max-width: 1199px) {
  .flip-element .scrolling-area .flipper-area .flip-container .back {
    height: 140px;
    width: 210px;
    display: block;
    margin-top: -12px;
    padding-top: 12px;
  }
}
.flip-element .scrolling-area .flipper-area .flip-container .back .element-title {
  word-break: break-all;
}
.flip-element .scrolling-area .flipper-area .flip-container .back .element-subtitle {
  padding-left: 37px;
  padding-right: 37px;
}
@media (max-width: 1199px) {
  .flip-element .scrolling-area .flipper-area .flip-container .back .element-subtitle {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.flip-element .link-container {
  text-align: right;
  margin-bottom: 25px;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .flip-element .link-container {
    margin-top: 30px;
  }
}

.two-blocks {
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .two-blocks {
    padding-bottom: 5px;
    padding-top: 8px;
  }
}
@media (max-width: 480px) {
  .two-blocks {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.two-blocks .title {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .two-blocks .title {
    margin-bottom: 22px;
  }
}
.two-blocks .block-wrapper {
  margin-bottom: 30px;
}
.two-blocks .blocks-container {
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  .two-blocks .blocks-container {
    display: flex;
  }
}
.two-blocks .blocks-container .block {
  padding: 48px 32px 40px 32px;
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.321);
  border-radius: 24px;
  text-align: left;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.two-blocks .blocks-container .block.has-bkg-bper {
  min-height: 311px;
  padding-right: 80px;
}
@media (max-width: 767px) {
  .two-blocks .blocks-container .block.has-bkg-bper {
    padding: 36px 63px 32px 22px;
    min-height: inherit;
  }
}
.two-blocks .blocks-container .block.background-verde1 {
  background: var(--primary-600);
  color: #fff;
}
.two-blocks .blocks-container .block.background-verde1 h3 {
  color: #fff;
}
.two-blocks .blocks-container .block.background-verde2 {
  background: var(--primary-400);
  color: #fff;
}
.two-blocks .blocks-container .block.background-verde2 h3 {
  color: #fff;
}
.two-blocks .blocks-container .block.background-bianco {
  background: #fff;
}
.two-blocks .blocks-container .block .link-wrapper {
  margin-top: 1em;
}
.two-blocks .blocks-container .block .bkg-bper {
  height: 223px;
  width: 102px;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 48px;
  right: 0;
  transform: translateX(30%);
}
@media (max-width: 767px) {
  .two-blocks .blocks-container .block .bkg-bper {
    height: 174px;
    width: 80px;
  }
}
.two-blocks .blocks-container .block h3 {
  font-family: "Din-Bold", sans-serif;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 36px;
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .two-blocks .blocks-container .block h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 15px;
  }
}
.two-blocks .blocks-container .block h3 * {
  margin: 0;
}
.two-blocks .blocks-container .block .text {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 30px;
}
.two-blocks .blocks-container .block .text p {
  font: inherit;
  margin: 0;
  letter-spacing: inherit;
  line-height: inherit;
}
.two-blocks .blocks-container .block .link-container {
  width: 100%;
  position: relative;
  text-align: left;
  display: flex;
  align-items: center;
  margin-top: auto;
}
.two-blocks .blocks-container .block .link-container .block-link.link-cta {
  font-family: "Din-Bold", sans-serif;
  color: #fff;
}

.brainstorming {
  overflow: hidden;
  color: #fff;
  padding-bottom: 0;
  margin-bottom: 60px;
  opacity: 0;
}
@media (max-width: 767px) {
  .brainstorming {
    margin-bottom: 50px;
  }
}
@media (max-width: 480px) {
  .brainstorming {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.brainstorming.block-per-line-3 .block-wrapper:not(.slick-slider) .single-block-wrapper {
  width: calc(33.33% - 20px);
  margin-left: 30px;
}
.brainstorming.block-per-line-3 .block-wrapper:not(.slick-slider) .single-block-wrapper:nth-child(3n+1) {
  margin-left: 0;
  clear: both;
}
.brainstorming.block-per-line-2 .block-wrapper:not(.slick-slider) .single-block-wrapper {
  width: calc(50% - 15px);
  margin-left: 30px;
}
.brainstorming.block-per-line-2 .block-wrapper:not(.slick-slider) .single-block-wrapper:nth-child(2n+1) {
  margin-left: 0;
  clear: both;
}
.brainstorming .slick-dots {
  bottom: -35px;
}
@media (max-width: 767px) {
  .brainstorming .slick-dots {
    bottom: -7px;
  }
}
.brainstorming .wc-title {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .brainstorming .wc-title {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 40px !important;
  }
}
.brainstorming .row-element {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: inherit;
}
@media (max-width: 991px) {
  .brainstorming .row-element {
    display: block;
  }
}
.brainstorming .single-block-wrapper {
  float: left;
}
@media (max-width: 767px) {
  .brainstorming .single-block-wrapper {
    padding: 0 15px;
  }
}
.brainstorming .block {
  background-color: var(--primary-400);
  width: 100%;
  padding-bottom: 30px;
  margin-bottom: 32px;
  padding-left: 25px;
  padding-right: 25px;
  float: left;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0px 16px 14px rgba(126, 140, 141, 0.32);
}
.brainstorming .block .image-container {
  height: 140px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  background-size: cover;
  background-position: center;
  margin: 0 -25px;
}
.brainstorming .block .block-title {
  padding: 0;
  margin: 32px 0 16px 0;
  box-sizing: border-box;
  font-size: 28px;
  line-height: 36px;
  font-family: "Din-Bold", sans-serif;
}
.brainstorming .block .link-wrapper a {
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  font-family: "Din-Bold", sans-serif;
}
.brainstorming .block .link-wrapper a.link-cta.link-cta-top-right-arrow:after {
  background-image: url("../images/png/arrow-top-right-white.png");
}
.brainstorming .block .link-wrapper a.link-cta.link-cta-top-right-arrow:hover::after {
  background-image: url("../images/png/arrow-top-right-white.png");
}
.brainstorming .block .description {
  padding-top: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 26px;
}
.brainstorming .block .description + .link-wrapper {
  margin-top: 24px !important;
}
.brainstorming .block .description b,
.brainstorming .block .description strong {
  font-family: "Din-Bold", sans-serif;
}
@media (max-width: 991px) {
  .brainstorming .block .description {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
.brainstorming .block .description p {
  margin-bottom: 0;
}
.brainstorming.tipo-type1 .block-title {
  color: var(--white);
}
.brainstorming.tipo-type2 {
  color: var(--neutral-100);
}
.brainstorming.tipo-type2 .block {
  background: none;
  padding-left: 0;
  padding-right: 0;
  box-shadow: none;
}
.brainstorming.tipo-type2 .block .image-container {
  margin-left: 0;
  margin-right: 0;
  border-radius: 24px;
  height: 185px;
}
.brainstorming.tipo-type2 .block .block-title {
  font-size: 24px;
  line-height: 32px;
  color: var(--primary-400);
}
.brainstorming.tipo-type2 .block .link-wrapper a {
  color: var(--secondary-80);
  font-size: 18px;
  line-height: 26px;
  font-family: "Din-Bold", sans-serif;
}
.brainstorming.tipo-type2 .block .link-wrapper a:hover {
  color: var(--secondary-80);
}
.brainstorming.tipo-type2 .block .link-wrapper a.link-cta.link-cta-top-right-arrow:after {
  background-image: url("../images/png/arrow-top-right-green.png");
}
.brainstorming.tipo-type2 .block .link-wrapper a.link-cta.link-cta-top-right-arrow:hover:after {
  background-image: url("../images/png/arrow-top-right-green.png");
}
.brainstorming.tipo-type2 .block .link-wrapper a.link-cta.link-cta-right-arrow.white:after {
  background-image: url("../images/png/arrow-right-green.png");
}
.brainstorming.tipo-type2 .block .link-wrapper a.link-cta.link-cta-right-arrow.white:hover:after {
  background-image: url("../images/png/arrow-right-green.png");
}
.brainstorming.tipo-type2 .block .description ul {
  padding-left: 17px;
  margin: 0;
}

.launch-two-links {
  overflow: hidden;
  padding-top: 60px;
  padding-bottom: 55px;
}
@media (max-width: 1199px) {
  .launch-two-links {
    padding-top: 20px;
    padding-bottom: 15px;
  }
}
@media (max-width: 480px) {
  .launch-two-links {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.launch-two-links.link-right {
  margin-top: 0;
}
.launch-two-links.link-right .bper-wrapper .link-area {
  padding-top: 0;
}
@media (max-width: 1199px) {
  .launch-two-links.link-right {
    padding-top: 0;
  }
  .launch-two-links.link-right .bper-wrapper .link-area {
    padding-top: 0;
  }
}
.launch-two-links.green {
  background-color: #015256;
  color: #fff;
}
.launch-two-links .element-container.green {
  background-color: #005D44;
  color: #fff;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
.launch-two-links .element-container.white {
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
.launch-two-links .element-container .title {
  padding-bottom: 10px;
  margin-top: 0;
  line-height: 1;
}
.launch-two-links .element-container .flexable {
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .launch-two-links .element-container .flexable {
    display: flex;
    align-items: flex-end;
  }
}
@media (max-width: 991px) {
  .launch-two-links .element-container .flexable .description {
    margin-bottom: 65px;
  }
}
.launch-two-links .element-container .flexable .description p {
  margin-bottom: 0;
}
.launch-two-links .element-container .link-area {
  text-align: right;
  padding-top: 75px;
}
@media (max-width: 1199px) {
  .launch-two-links .element-container .link-area {
    padding-top: 25px;
  }
}
.launch-two-links .element-container .link-area.col-md-5 {
  padding-top: 0;
}
.launch-two-links .element-container .link-area.col-md-5 .link-container {
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .launch-two-links .element-container .link-area.col-md-5 .link-container {
    padding-top: 25px;
  }
  .launch-two-links .element-container .link-area.col-md-5 .link-container:first-child {
    padding-top: 0;
  }
}
.launch-two-links .element-container .link-area .link-container {
  margin-left: 45px;
  margin-bottom: 0;
  display: inline-block;
  margin-bottom: 25px;
}
.launch-two-links .element-container .link-area .link-container p {
  margin: 0;
  line-height: 1;
}

.work-with-us-slider-item {
  margin-top: 0;
  outline: 0;
  margin-bottom: 60px;
  float: left;
  width: 100%;
  position: relative;
}
.work-with-us-slider-item.allineamento-orizzontale .item-info {
  top: -60px !important;
}
.work-with-us-slider-item .item-img {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 24px;
}
@media (max-width: 768px) {
  .work-with-us-slider-item .item-img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .work-with-us-slider-item .item-img {
    height: 200px;
    border-radius: 24px;
  }
}
.work-with-us-slider-item .item-info {
  box-shadow: 0 12px 24px rgba(126, 140, 141, 0.0016);
  padding: 32px;
  border-radius: 24px;
}
.work-with-us-slider-item .item-info .title {
  margin-bottom: 16px;
  font-family: "Din-Bold", sans-serif;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0px;
}
.work-with-us-slider-item .item-info .title a {
  font: inherit;
  color: inherit;
  text-decoration: underline;
}
.work-with-us-slider-item .item-info .title a:hover {
  text-decoration: none;
}
.work-with-us-slider-item .item-info .title * {
  font: inherit !important;
  line-height: inherit;
  color: inherit !important;
}
.work-with-us-slider-item .item-info .title > p {
  margin: 0;
}
.work-with-us-slider-item .item-info .description {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 26px;
}
.work-with-us-slider-item .item-info .description + .wrapper-link-content {
  margin-top: 32px;
}
.work-with-us-slider-item .item-info .description p,
.work-with-us-slider-item .item-info .description ul,
.work-with-us-slider-item .item-info .description li,
.work-with-us-slider-item .item-info .description a {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0;
}
.work-with-us-slider-item .item-info.green {
  background-color: var(--primary-400);
  color: #fff;
}
.work-with-us-slider-item .item-info.light {
  background-color: #fff;
}
.work-with-us-slider-item .item-info.light .title {
  color: var(--primary-400);
}
.work-with-us-slider-item .item-info.light .description {
  color: var(--green-100);
}
.work-with-us-slider-item .item-info.light .description a {
  color: var(--secondary-80);
  text-decoration: underline;
  cursor: pointer;
}
.work-with-us-slider-item .item-info.light .description a:hover {
  text-decoration: none;
}
.work-with-us-slider-item.allineamento-verticale .item-img {
  width: 100%;
  height: auto;
}
.work-with-us-slider-item.allineamento-verticale .item-img:after {
  padding-top: 71.3%;
  content: "";
  display: block;
}
.work-with-us-slider-item.allineamento-verticale .item-info {
  position: relative;
  top: -60px;
  width: calc(100% - 26px);
  margin: 0 13px;
}
@media (max-width: 767px) {
  .work-with-us-slider-item.allineamento-verticale .item-info {
    padding: 32px 24px;
    width: calc(100% - 30px);
  }
}
.work-with-us-slider-item.allineamento-verticale.standard .item-info {
  float: left;
  margin-left: 0;
  margin-right: -4%;
}
@media (max-width: 767px) {
  .work-with-us-slider-item.allineamento-verticale.standard .item-info {
    margin-right: 0;
    left: 15px;
  }
}
.work-with-us-slider-item.allineamento-verticale.inverse .item-info {
  float: right;
  margin-left: -4%;
  margin-right: 0;
}
@media (max-width: 767px) {
  .work-with-us-slider-item.allineamento-verticale.inverse .item-info {
    margin-left: 0;
    right: 15px;
  }
}
.work-with-us-slider-item.allineamento-orizzontale .item-img {
  width: 58.4%;
  height: auto;
  max-height: 400px;
}
.work-with-us-slider-item.allineamento-orizzontale .item-img:after {
  content: "";
  display: block;
  padding-top: 58.4%;
}
.work-with-us-slider-item.allineamento-orizzontale .item-info {
  bottom: auto;
  top: 80px;
  position: absolute;
  width: 56.57%;
}
.work-with-us-slider-item.allineamento-orizzontale.standard .item-img {
  float: right;
}
.work-with-us-slider-item.allineamento-orizzontale.standard .item-info {
  float: left;
}
.work-with-us-slider-item.allineamento-orizzontale.inverse .item-img {
  float: left;
}
.work-with-us-slider-item.allineamento-orizzontale.inverse .item-info {
  float: right;
  right: 0;
}
.work-with-us-slider-item .bper-wrapper {
  padding: 0;
}
@media (max-width: 767px) {
  .work-with-us-slider-item {
    padding: 0 25px;
  }
  .work-with-us-slider-item .item-info .title {
    font-size: 24px;
  }
  .work-with-us-slider-item.allineamento-orizzontale .item-info {
    width: calc(100% - 30px);
    margin: 0 13px;
    padding: 32px 24px;
    position: relative;
    top: -60px;
    z-index: 10;
    margin-bottom: -65px;
  }
  .work-with-us-slider-item.allineamento-orizzontale .item-img {
    width: 100%;
    height: auto;
    max-height: 200px;
    z-index: 9;
  }
  .work-with-us-slider-item.allineamento-orizzontale .item-img:after {
    padding-top: 71.3%;
    content: "";
    display: block;
  }
}
.work-with-us-slider-item .btn.btn-default {
  white-space: normal;
  text-align: left;
}

.portlet-nested-portlets .work-with-us-slider-item {
  margin-bottom: 0;
}

.work-with-us-slider {
  margin-bottom: 130px;
  margin-top: 40px;
  padding-top: 15px;
}
@media (max-width: 767px) {
  .work-with-us-slider {
    margin-bottom: 70px;
    margin-top: 5px;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .work-with-us-slider {
    padding: 0 25px;
  }
}
.work-with-us-slider .slider .slick-dots {
  bottom: -50px;
  width: 40%;
  left: 30%;
}
@media (min-width: 768px) and (max-width: 1399px) {
  .work-with-us-slider .container {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .work-with-us-slider .container {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .work-with-us-slider .container > .row {
    margin: 0;
  }
}
.work-with-us-slider .slick-slide {
  outline: none;
}
.work-with-us-slider .slick-arrow.slick-prev {
  left: -7%;
  background-image: url(../images/arrow-previous-green.png);
}
.work-with-us-slider .slick-arrow.slick-next {
  right: -7%;
  background-image: url(../images/arrow-next-green.png);
}
.work-with-us-slider .slick-dots {
  bottom: -75px;
}
@media (max-width: 767px) {
  .work-with-us-slider .slick-dots {
    bottom: -40px;
  }
}
.work-with-us-slider .slick-dots li button::before {
  color: #005D44;
}
.work-with-us-slider .slick-dots li.slick-active button::before {
  color: #64B054;
}

.satisfaction {
  overflow: hidden;
  background-color: var(--primary-20);
  color: var(--primary-400);
  padding-top: 64px;
  padding-bottom: 65px;
  float: left;
  width: 100%;
  margin-bottom: 60px;
  font-size: 18px;
  line-height: 26px;
}
.satisfaction p {
  font-size: 18px;
  line-height: 26px;
  margin: 0;
}
@media (max-width: 1199px) {
  .satisfaction {
    padding-top: 0;
    padding-bottom: 50px;
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .satisfaction .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 480px) {
  .satisfaction .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.satisfaction .wc-title {
  margin-top: 0;
  text-align: left;
}
.satisfaction .wc-title h4 {
  text-align: left;
}
.satisfaction .element-container {
  padding: 30px 95px 0 95px;
  display: flex;
  gap: 75px;
  position: relative;
}
@media (max-width: 767px) {
  .satisfaction .element-container {
    flex-direction: column;
    padding: 0;
    gap: 30px;
  }
}
.satisfaction .element-container .line-01 {
  display: none;
}
.satisfaction .element-container .line-02 {
  display: none;
}
.satisfaction .element-container .satisfaction-area {
  width: 208px;
  display: inline-block;
}
@media (max-width: 1199px) {
  .satisfaction .element-container .satisfaction-area {
    display: block;
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .satisfaction .element-container .satisfaction-area {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 20px;
  }
}
.satisfaction .element-container .satisfaction-area .circle {
  margin-left: 7px;
  margin-bottom: 30px;
  display: block;
}
.satisfaction .element-container .satisfaction-area .circle.circle-mobile {
  display: none;
}
@media (max-width: 767px) {
  .satisfaction .element-container .satisfaction-area .circle {
    margin-left: 0;
    margin-bottom: 20px;
    width: 130px;
    height: 130px;
    overflow: hidden;
    display: none;
  }
  .satisfaction .element-container .satisfaction-area .circle.circle-mobile {
    display: block;
  }
}
@media (max-width: 767px) {
  .satisfaction .element-container .satisfaction-area .circle .circle-wrp {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 130px;
    z-index: 100;
  }
  .satisfaction .element-container .satisfaction-area .circle .circle-wrp svg,
  .satisfaction .element-container .satisfaction-area .circle .circle-wrp path {
    max-width: 130px;
    max-height: 130px;
  }
}
.satisfaction .element-container .satisfaction-area .circle .circle-wrp .light-line {
  stroke-width: 7;
  fill: var(--primary-20);
}
.satisfaction .element-container .satisfaction-area .circle .circle-wrp .bold-line {
  fill: var(--primary-20);
  stroke-width: 16px;
}
@media (max-width: 767px) {
  .satisfaction .element-container .satisfaction-area .circle .circle-wrp .bold-line {
    stroke-width: 12px;
  }
}
.satisfaction .element-container .satisfaction-area .circle .circle-wrp .circle-text {
  font-size: 48px !important;
  font-family: "Din-Bold", sans-serif;
}
@media (max-width: 767px) {
  .satisfaction .element-container .satisfaction-area .circle .circle-wrp .circle-text {
    max-width: 130px;
    font-size: 36px !important;
    max-height: 130px;
  }
}
.satisfaction .element-container .satisfaction-area .circle .circle-wrp .circle-text .symbol {
  font-size: 28px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .satisfaction .element-container .satisfaction-area .circle .circle-wrp .circle-text .symbol {
    font-size: 28px;
  }
}
.satisfaction .element-container .satisfaction-area .chart-text {
  font-size: 18px;
  line-height: 26px;
  width: 100%;
  text-align: center;
}
@media (max-width: 767px) {
  .satisfaction .element-container .satisfaction-area .chart-text {
    max-width: calc(100% - 150px);
  }
}
.satisfaction .element-container .opinion-area {
  display: inline-block;
  width: 100%;
}
@media (max-width: 1199px) {
  .satisfaction .element-container .opinion-area {
    display: block;
  }
}
.satisfaction .element-container .opinion-area .opinion-container {
  display: flex;
  padding-top: 40px;
}
.satisfaction .element-container .opinion-area .opinion-container:first-child {
  padding-top: 0;
}
.satisfaction .element-container .opinion-area .opinion-container .line-div {
  display: none;
}
.satisfaction .element-container .opinion-area .opinion-container .opinion-element-wrapper {
  display: block;
  float: left;
  width: 100%;
}
.satisfaction .element-container .opinion-area .opinion-container .opinion-box {
  width: 100%;
}
.satisfaction .element-container .opinion-area .opinion-container .opinion-box .opinion-text {
  font-size: 1.25rem;
  margin-bottom: 25px;
}
.satisfaction .element-container .opinion-area .opinion-container .opinion-box .opinion-element {
  display: flex;
  width: calc(33.33% - 20px);
  margin-left: 30px;
  float: left;
  gap: 16px;
  align-items: center;
  margin-bottom: 10px;
}
.satisfaction .element-container .opinion-area .opinion-container .opinion-box .opinion-element:nth-child(3n+1) {
  margin-left: 0;
}
@media (max-width: 1199px) {
  .satisfaction .element-container .opinion-area .opinion-container .opinion-box .opinion-element {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0;
  }
}
.satisfaction .element-container .opinion-area .opinion-container .opinion-box .opinion-element .element-text {
  display: inline-block;
  width: 100%;
  margin: 0;
}

.products-and-services {
  overflow: hidden;
  padding-bottom: 15px;
  opacity: 1 !important;
}
@media (max-width: 767px) {
  .products-and-services {
    padding: 0 25px;
  }
  .products-and-services .bper-wrapper, .products-and-services.bper-wrapper {
    padding: 0;
  }
}
.products-and-services.textOverCover {
  overflow: visible;
  float: left;
  width: 100%;
}
.products-and-services.textOverCover .product-info {
  top: 80px;
  bottom: auto;
  transform: translate(0) !important;
}
.products-and-services .wrapper-product-and-service {
  float: left;
  position: relative;
  width: 100%;
}
.products-and-services .product-highlight {
  background-color: #005D44;
}
.products-and-services .product-cover {
  width: 58.4%;
  float: left;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 24px;
  margin-top: 0 !important;
}
@media (max-width: 767px) {
  .products-and-services .product-cover {
    height: 200px;
  }
  .products-and-services .product-cover:after {
    display: none;
  }
}
.products-and-services .product-cover:after {
  padding-top: 62%;
  display: block;
  content: "";
}
.products-and-services .product-cover .keyword {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5.8%;
  z-index: 1;
}
.products-and-services .product-cover .keyword > span {
  float: right;
  line-height: 60px;
  color: white;
  font-size: 100px;
  font-family: "Din-Bold", sans-serif;
  text-align: right;
  margin-right: 40px;
}
@media (max-width: 1199px) {
  .products-and-services .product-cover .keyword > span {
    font-size: 70px;
  }
}
.products-and-services .product-cover .keyword > img {
  float: right;
  height: 60px;
  vertical-align: text-bottom;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) translateX(50%);
}
@media (max-width: 991px) {
  .products-and-services .product-cover .keyword > img {
    right: 10px;
  }
}
.products-and-services.left .product-info {
  padding: 30px 40px 26px 40px;
  padding-top: 32px;
  padding-bottom: 32px;
}
@media (max-width: 767px) {
  .products-and-services.left .product-info.has-keyword {
    padding-top: 40px !important;
  }
}
.products-and-services.left .product-info .keyword-icona {
  right: -40px;
  left: auto;
}
.products-and-services.left .product-cover {
  float: right;
}
.products-and-services.left .product-cover .keyword {
  left: 5.8%;
}
.products-and-services.left .product-cover .keyword > span {
  float: left;
  text-align: left;
  margin-right: 0;
  margin-left: 40px;
}
.products-and-services.left .product-cover .keyword > img {
  left: 15px;
  transform: translateY(-50%) translateX(-50%);
}
@media (max-width: 991px) {
  .products-and-services.left .product-cover .keyword > img {
    left: 10px;
  }
}
.products-and-services.left .product-info {
  float: left;
  margin-left: 0;
  left: 0;
}
.products-and-services .product-info {
  font: inherit;
  color: var(--primary-400);
  min-height: 50px;
  width: 56.57%;
  margin-top: 0;
  padding: 30px 40px 26px 40px;
  padding-top: 32px;
  padding-bottom: 32px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) !important;
  border-radius: 24px;
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.24);
  /*.title * {
  	font-size: $font-size-h3;
  	font-weight: $font-weight-h3;
  	line-height: 1.2;
  }*/
}
@media (max-width: 767px) {
  .products-and-services .product-info {
    padding: 45px 25px 35px 25px;
  }
}
@media (max-width: 767px) {
  .products-and-services .product-info.has-keyword {
    padding-top: 40px !important;
  }
}
.products-and-services .product-info .btn {
  max-width: 100%;
}
.products-and-services .product-info .btn:after {
  content: "";
  background-image: url("../images/icone-bper-2022/Icon-24pt-Arrow-Right-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  transform: translateX(0);
  transition: all 0.2s ease;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -3px;
}
.products-and-services .product-info .btn:hover::after {
  transform: translateX(5px);
}
@media (max-width: 767px) {
  .products-and-services .product-info .btn {
    float: left !important;
  }
}
.products-and-services .product-info .keyword-icona {
  position: absolute;
  top: 30px;
  left: -40px;
  width: 64px;
  height: 64px;
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
  background: transparent linear-gradient(180deg, #9ECC95 0%, #64B054 100%) 0% 0% no-repeat padding-box;
  border-radius: 16px;
}
@media (max-width: 767px) {
  .products-and-services .product-info .keyword-icona {
    left: 25px !important;
    right: inherit !important;
    top: 0 !important;
    transform: translateY(-50%) !important;
  }
}
.products-and-services .product-info .keyword-icona img {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .products-and-services .product-info {
    transform: translate3d(0, 0, 0) !important;
  }
}
@media (max-width: 1199px) {
  .products-and-services .product-info .row.hidden-xs {
    display: flex;
    align-items: baseline;
  }
}
@media (max-width: 767px) {
  .products-and-services .product-info {
    transform: translate3d(0, 0, 0) !important;
    bottom: 50px;
    top: auto;
    position: relative;
    margin: 0 13px !important;
    width: calc(100% - 26px) !important;
  }
}
.products-and-services .product-info > .row p {
  color: var(--neutral-100);
  text-align: left;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
}
.products-and-services .product-info > .row p a {
  color: var(--secondary-80);
  text-decoration: underline;
  font-family: "Din-Bold", sans-serif;
  font: inherit;
}
.products-and-services .product-info > .row ul {
  color: var(--neutral-100);
}
.products-and-services .product-info .product-title img.image-link,
.products-and-services .product-info .product-title svg.image-link {
  max-width: 30px;
  max-height: 30px;
}
.products-and-services .product-info .product-title .col-xs-12 {
  display: flex;
  align-items: center;
  padding: 0 15px;
}
.products-and-services .product-info .product-title .product-image {
  max-width: 30px;
  max-height: 30px;
  vertical-align: top;
}
.products-and-services .product-info .product-title .product-image {
  max-width: 30px;
  max-height: 30px;
  vertical-align: baseline;
}
.products-and-services .product-info .product-title h4 {
  margin-top: 5px;
  margin-bottom: 12px;
  vertical-align: middle;
  display: inline-block;
  margin-left: 0px;
  vertical-align: text-bottom;
  color: var(--secondary-80);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 16px;
  line-height: 19px;
  height: 19px;
  letter-spacing: 0px;
}
.products-and-services .product-info .title {
  letter-spacing: var(--unnamed-character-spacing--0-03);
  color: var(--primary-400);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0px;
}
@media (max-width: 767px) {
  .products-and-services .product-info .title {
    font-size: 24px;
  }
}
.products-and-services .product-info .title a {
  font: inherit;
  color: inherit;
  text-decoration: underline;
}
.products-and-services .product-info .title a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .products-and-services .product-info .title {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.products-and-services .product-info .title * {
  font: inherit !important;
  line-height: inherit;
  color: inherit !important;
}
.products-and-services .product-info .title > p {
  margin: 0;
}
.products-and-services .product-info .subtitle {
  margin-top: 10px;
}
.products-and-services .product-info .subtitle > p {
  margin: 0;
}
.products-and-services .product-info .col-specifications {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
  margin-top: 26px;
}
.products-and-services .product-info .button-wrapper {
  margin-top: 18px;
}
.products-and-services.green .product-info {
  background-color: #005D44;
}
.products-and-services.green .product-info .product-title h4,
.products-and-services.green .product-info .title,
.products-and-services.green .product-info .subtitle p {
  color: #fff;
}
@media (max-width: 767px) {
  .products-and-services .product-cover {
    width: 100%;
    float: none;
  }
  .products-and-services .product-cover img {
    width: 100%;
  }
  .products-and-services .product-cover .keyword {
    display: none;
  }
  .products-and-services .product-info {
    min-height: 0;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-top: 0;
    padding: 45px 24px !important;
    padding-top: 32px !important;
    padding-bottom: 30px !important;
  }
  .products-and-services .product-info .keyword-icona {
    position: absolute;
    top: 30px;
    left: -40px;
    width: 64px;
    height: 64px;
    background-color: var(--secondary-70);
  }
  .products-and-services .product-info .keyword-icona img {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.products-and-services-adt.product-highlight .products-and-services {
  background-color: #005D44;
}

.products-and-services-adt.product-standard .products-and-services {
  background-color: #fff;
}

.products-and-services-adt.left .product-cover {
  float: right;
  margin-left: -50px;
}
.products-and-services-adt.left .product-cover .keyword {
  left: 5.8%;
}
.products-and-services-adt.left .product-cover .keyword > span {
  float: left;
  text-align: left;
  margin-right: 0;
  margin-left: 40px;
}
.products-and-services-adt.left .product-cover .keyword > img {
  left: 15px;
  transform: translateY(-50%) translateX(-50%);
}
@media (max-width: 991px) {
  .products-and-services-adt.left .product-cover .keyword > img {
    left: 10px;
  }
}
.products-and-services-adt.left .product-info {
  float: left;
  margin-left: 0;
}

.products-and-services-adt.right .product-cover {
  width: 47%;
  float: left;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 24px;
}
.products-and-services-adt.right .product-cover .keyword {
  display: none !important;
}
@media (max-width: 767px) {
  .products-and-services-adt.right .product-cover {
    margin-top: 0 !important;
    width: 100%;
  }
}
.products-and-services-adt.right .product-cover::after {
  padding-top: 100%;
  display: block;
  content: "";
}
.products-and-services-adt.right .product-cover .keyword {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5.8%;
  z-index: 1;
}
.products-and-services-adt.right .product-cover .keyword > span {
  float: right;
  line-height: 60px;
  color: #fff;
  font-size: 100px;
  font-family: "Din-Bold", sans-serif;
  text-align: right;
  margin-right: 40px;
}
@media (max-width: 1199px) {
  .products-and-services-adt.right .product-cover .keyword > span {
    font-size: 70px;
  }
}
.products-and-services-adt.right .product-cover .keyword > img {
  float: right;
  height: 60px;
  vertical-align: text-bottom;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) translateX(50%);
}
@media (max-width: 991px) {
  .products-and-services-adt.right .product-cover .keyword > img {
    right: 10px;
  }
}

.products-and-services-simple {
  overflow: hidden;
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
@media (max-width: 767px) {
  .products-and-services-simple {
    margin-bottom: 0px !important;
  }
}
@media (max-width: 767px) {
  .products-and-services-simple {
    padding-top: 10px !important;
    padding-bottom: 15px !important;
  }
}
.products-and-services-simple.textOverCover {
  overflow: visible;
}
@media (max-width: 767px) {
  .products-and-services-simple.textOverCover {
    margin-top: 40px !important;
  }
}
.products-and-services-simple.textOverCover .product-info {
  top: 80px;
  bottom: auto;
  transform: translate(0) !important;
}
@media (max-width: 767px) {
  .products-and-services-simple.textOverCover .product-info {
    top: -40px;
  }
}
.products-and-services-simple .product-info.green {
  font: inherit;
  background-color: #005D44;
  color: #fff;
  padding-bottom: 30px !important;
  /*&.hasbutton {
  	padding-bottom: 90px !important;
  }*/
}
.products-and-services-simple .product-info.green .title {
  color: inherit !important;
}
.products-and-services-simple .product-info.green .subtitle * {
  color: #fff;
}
.products-and-services-simple .product-info .title * {
  font-size: 48px;
  font-weight: 100;
  margin: 0;
  letter-spacing: 0;
  line-height: 1;
}
@media (max-width: 767px) {
  .products-and-services-simple .product-info__text br {
    display: none;
  }
}
@media (max-width: 767px) {
  .products-and-services-simple .spec-list {
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .products-and-services-simple .spec-list {
    width: 100%;
    float: left;
    position: relative;
  }
}
.products-and-services-simple .specification {
  /*padding-left: 0 !important;
  height: auto !important;
  margin-top: 20px;
  text-align: left !important;
  display: flex;
  align-items: center;

  @media (min-width: $screen-sm-min) {
  	display: block !important;
  	width: 25%;
  	list-style-type: none;
  	text-align: center !important;
  	float: left;
  }

  @media (max-width: $screen-xs-max) {
  	margin-top: 10px;
  	text-align: left !important;
  	display: list-item !important;

  	.img {
  		display: none !important;
  	}
  }*/
}
.products-and-services-simple .specification .image-link {
  height: 40px !important;
  position: static !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .products-and-services-simple .specification .image-link {
    margin: 10px 0;
  }
}
.products-and-services-simple .specification .image-link * {
  stroke: initial !important;
}
.products-and-services-simple .specification span {
  margin-left: 0 !important;
  position: static !important;
  display: block;
}
@media (max-width: 767px) {
  .products-and-services-simple .specification span {
    display: inline !important;
  }
  .products-and-services-simple .specification span:nth-child(3):before {
    content: " - ";
  }
}
.products-and-services-simple.left .btn {
  margin-top: 32px;
}
.products-and-services-simple.right .btn {
  margin-top: 32px;
}

.contacts-expanded {
  margin-bottom: 30px;
}
.contacts-expanded .loan-contacts {
  text-align: center;
  background: none;
  overflow: inherit;
  padding: 50px 0 20px;
}
@media (max-width: 480px) {
  .contacts-expanded .loan-contacts {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.contacts-expanded .loan-contacts .bds-wrapper {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
  padding: 0;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .contacts-expanded .loan-contacts .bds-wrapper {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  .contacts-expanded .loan-contacts .bds-wrapper {
    width: 100%;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area {
  width: 100%;
  display: flex !important;
}
@media (max-width: 995px) {
  .contacts-expanded .loan-contacts .bds-wrapper .contacts-area {
    display: grid !important;
    gap: 32px;
    grid-template-columns: calc(50% - 16px) calc(50% - 16px);
  }
}
@media (max-width: 767px) {
  .contacts-expanded .loan-contacts .bds-wrapper .contacts-area {
    grid-template-columns: 100%;
    gap: 24px;
  }
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-link-element {
  margin-bottom: 0;
  width: 100%;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 995px) {
  .contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-link-element {
    display: block;
    text-align: left;
    height: auto;
  }
}
@media (max-width: 767px) {
  .contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-link-element {
    display: flex !important;
    flex-direction: row;
    align-items: center;
  }
  .contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-link-element .contenuto-testuale {
    margin-left: 16px;
  }
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-link-element img {
  min-width: 24px;
  min-height: 24px;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container {
  width: 100%;
  display: block;
  background: #fff;
  box-shadow: 0px 8px 16px var(#7e8c8d);
  border: 1px solid #7b8e85;
  border-radius: 24px;
  padding: 0;
  border: 1px solid #caf0de;
  box-shadow: rgba(126, 140, 141, 0.08) 0px 8px 16px 0px;
  position: relative;
  height: 100%;
}
@media (max-width: 995px) {
  .contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container {
    max-width: 100%;
    width: 100%;
  }
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container + .contact-container {
  margin-left: 32px;
}
@media (max-width: 995px) {
  .contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container + .contact-container {
    margin-left: 0;
  }
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container > a:hover .name {
  color: #64B054;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container > a:hover .logo {
  display: none;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container > a:hover .logo.hover {
  display: block;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container.active > a:before {
  content: "";
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  display: block;
  bottom: -8px;
  left: 50%;
  background: #fff;
  z-index: -1;
  border: 1px solid #caf0de;
  transform: translateX(-50%) rotate(45deg);
}
@media (max-width: 995px) {
  .contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container.active > a:before {
    display: none;
  }
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container.active > a:after {
  content: "";
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  display: block;
  bottom: -5px;
  left: 50%;
  background: #fff;
  z-index: 1;
  border: none;
  transform: translateX(-50%) rotate(45deg);
}
@media (max-width: 995px) {
  .contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container.active > a:after {
    display: none;
  }
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container.active .name {
  color: #64B054;
  position: relative !important;
  left: 0 !important;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container.active .logo {
  display: none;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container.active .logo.hover {
  display: block;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container .logo {
  margin-left: 0 !important;
  vertical-align: middle;
  margin-bottom: 10px;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container .logo.hover {
  display: none;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container .contact-link {
  color: var(--primary-500);
  text-align: left;
  font-weight: 400;
  display: block;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container p {
  margin: 0;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container h5.tel {
  display: none;
  padding-left: 10px;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container .name {
  color: #005D44;
  text-align: left;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #005D44;
  margin: 0;
  padding: 0;
  position: relative !important;
  left: 0 !important;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container .name {
    position: relative;
    left: inherit;
    display: block;
  }
}
.contacts-expanded .loan-contacts .bds-wrapper .loan-title h3 {
  margin: 0;
  color: var(--primary-500);
  text-align: center;
  font-weight: 400;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -0.07px;
}
@media (max-width: 767px) {
  .contacts-expanded .loan-contacts .bds-wrapper .loan-title h3 {
    text-align: left;
  }
}
.contacts-expanded .loan-contacts .bds-wrapper .loan-title h3 b,
.contacts-expanded .loan-contacts .bds-wrapper .loan-title h3 strong {
  color: var(--secondary-90);
  text-align: center;
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -0.07px;
}
.contacts-expanded .loan-contacts .bds-wrapper .loan-title + .contacts-area {
  margin-top: 55px;
}
.contacts-expanded .loan-contacts .bds-wrapper .loan-subtitle {
  display: none;
}
.contacts-expanded .loan-contacts .bds-wrapper .loan-subtitle h4 {
  font-weight: normal;
  font-size: 20px;
}
.contacts-expanded .contacts-expanded-close-btn {
  display: none;
}
@media (max-width: 767px) {
  .contacts-expanded .contacts-expanded-close-btn {
    display: block;
    position: absolute;
    top: 25px;
    right: 25px;
  }
}
.contacts-expanded .contacts-expanded-slide {
  display: flex;
  flex-direction: column;
  height: auto;
  position: relative;
  margin: 0;
  margin-top: 64px;
}
.contacts-expanded .contacts-expanded-slide .second-row {
  justify-content: space-between;
  display: flex;
}
@media (max-width: 767px) {
  .contacts-expanded .contacts-expanded-slide .second-row {
    flex-direction: column;
  }
  .contacts-expanded .contacts-expanded-slide .second-row .contacts-expanded-slide-left {
    width: 100% !important;
  }
  .contacts-expanded .contacts-expanded-slide .second-row .contacts-expanded-slide-right {
    width: 100% !important;
  }
}
.contacts-expanded .contacts-expanded-slides {
  position: relative;
}
.contacts-expanded .contacts-expanded-slides .bds-wrapper {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
  padding: 0;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .contacts-expanded .contacts-expanded-slides .bds-wrapper {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  .contacts-expanded .contacts-expanded-slides .bds-wrapper {
    width: 100%;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
@media (max-width: 995px) {
  .contacts-expanded .contacts-expanded-slides {
    display: block;
    position: fixed;
    background: rgba(4, 63, 66, 0.7);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    margin: 0;
  }
  .contacts-expanded .contacts-expanded-slides .contacts-expanded-slide {
    position: absolute;
    background: #fff;
    top: 50%;
    width: 100%;
    left: 50%;
    overflow-y: auto;
    padding: 25px;
    transform: translateX(-50%) translateY(-50%);
    margin: 0;
    max-height: calc(100% - 50px);
    max-width: calc(100% - 50px);
    border-radius: 24px;
    box-shadow: 0 16px 24px rgba(7, 29, 31, 0.32);
    padding-top: 75px;
  }
}
.contacts-expanded .contacts-expanded-slide-right {
  background: none;
  color: var(--primary-500);
}
.contacts-expanded .contacts-expanded-slide-right .inner-padding {
  display: flex;
  flex-direction: column;
}
.contacts-expanded .contacts-expanded-slide-right .title-right {
  color: var(--secondary-90);
  text-align: left;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}
.contacts-expanded .contacts-expanded-slide-right .title {
  color: var(--secondary-90);
  text-align: left;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}
.contacts-expanded .contacts-expanded-slide-right .paragraph-right {
  color: var(--primary-500);
  text-align: left;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
}
.contacts-expanded .contacts-expanded-slide-right .bold-right {
  color: var(--primary-500);
  text-align: left;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
}
.contacts-expanded .contacts-expanded-slide-right .link-cta {
  margin-top: 32px;
}
.contacts-expanded .contacts-expanded-slide-left {
  padding-right: 30px;
  padding-left: 0;
  padding-top: 0;
}
.contacts-expanded .free-html-ul {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  margin-top: 33px;
}
.contacts-expanded .free-html-ul li {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
  color: var(--primary-500);
}
.contacts-expanded .free-html-ul li span {
  display: block;
  text-decoration: none;
}
.contacts-expanded .free-html-ul li p {
  margin: 0;
  text-decoration: none;
}
.contacts-expanded .free-html-ul li img {
  max-width: 21px;
  max-height: 21px;
  margin-right: 10px;
  text-decoration: none;
}
.contacts-expanded .free-html-ul li a {
  color: var(--accent-90);
  text-decoration: underline;
  font-weight: 700;
}
.contacts-expanded .free-html-ul li a:hover {
  color: var(--accent-90);
  text-decoration: none;
}
.contacts-expanded .free-html-ul li + li {
  margin-top: 20px;
}
.contacts-expanded .contacts-expanded-slide-title {
  padding: 0;
  margin: 0;
  line-height: 1;
  color: var(--primary-500);
  text-align: left;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: -0.03px;
  margin-bottom: 24px;
}
.contacts-expanded .contacts-expanded-slide-logo {
  display: none;
}
.contacts-expanded .contacts-expanded-slide-text {
  color: var(--primary-500);
  text-align: left;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
}

.hidden {
  display: none !important;
}

.branch-images-block {
  color: var(--primary-400);
}
@media (max-width: 480px) {
  .branch-images-block .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.branch-images-block img {
  width: 100%;
}
.branch-images-block .image {
  margin-top: 64px;
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .branch-images-block .image {
    margin-top: 110px;
    margin-bottom: 50px;
  }
}
.branch-images-block .image img {
  border-radius: 24px;
}
.branch-images-block .html-text {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}
.branch-images-block .html-text b,
.branch-images-block .html-text strong {
  font-family: "Din-Bold", sans-serif;
}
.branch-images-block .html-text p {
  margin: 0;
}
.branch-images-block .citazione {
  font-size: 28px;
  line-height: 36px;
  font-weight: 400;
  margin-top: 32px;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .branch-images-block .citazione {
    margin-top: 50px;
    margin-bottom: 36px;
    font-size: 24px;
    line-height: 32px;
  }
}
.branch-images-block .blocco-sotto {
  margin-top: 185px;
  background-color: var(--neutral-5);
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  .branch-images-block .blocco-sotto {
    margin-top: 230px;
  }
}
.branch-images-block .blocco-sotto .bper-wrapper-content {
  position: relative;
}
.branch-images-block .blocco-sotto .bper-wrapper-content .images-left {
  width: 51%;
  position: relative;
  float: left;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .branch-images-block .blocco-sotto .bper-wrapper-content .images-left {
    width: 100%;
    margin-top: -170px;
    margin-bottom: 50px;
  }
}
.branch-images-block .blocco-sotto .bper-wrapper-content .images-left .image-middle {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translateY(-115px);
  border-radius: 24px;
}
@media (max-width: 767px) {
  .branch-images-block .blocco-sotto .bper-wrapper-content .images-left .image-middle {
    transform: none;
  }
}
.branch-images-block .blocco-sotto .bper-wrapper-content .images-left .image-middle:after {
  content: "";
  display: block;
  padding-top: 106%;
}
.branch-images-block .blocco-sotto .bper-wrapper-content .image-bottom {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 99;
  width: 78.5%;
  transform: translateX(37px) translateY(52px);
  border-radius: 24px;
}
@media (max-width: 767px) {
  .branch-images-block .blocco-sotto .bper-wrapper-content .image-bottom {
    transform: none;
    width: 100%;
    margin-top: 112px;
    display: none;
  }
}
.branch-images-block .blocco-sotto .bper-wrapper-content .image-bottom:after {
  content: "";
  display: block;
  padding-top: 56%;
}
.branch-images-block .blocco-sotto .bper-wrapper-content .image-bottom-2 {
  display: none;
}
@media (max-width: 767px) {
  .branch-images-block .blocco-sotto .bper-wrapper-content .image-bottom-2 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    border-radius: 24px;
    margin-top: 100px;
    margin-bottom: 50px;
    display: block;
  }
}
.branch-images-block .blocco-sotto .bper-wrapper-content .image-bottom-2:after {
  content: "";
  display: block;
  padding-top: 56%;
}
.branch-images-block .blocco-sotto .bper-wrapper-content .text-4 {
  margin-top: 70px;
  width: 40.5%;
  float: right;
}
@media (max-width: 767px) {
  .branch-images-block .blocco-sotto .bper-wrapper-content .text-4 {
    width: 100%;
    margin-top: 0 !important;
    float: left;
  }
}

.social-sharing {
  overflow: hidden;
  float: left;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
}
.social-sharing .social-share-icons {
  text-align: right;
  transition: transform 0.5s ease-in;
  float: right;
  width: auto;
}
.social-sharing .social-share-icons.active {
  transform: translateX(0) !important;
}
.social-sharing .social-share-icons.active .arrow {
  transform: rotate(180deg);
}
.social-sharing .social-share-icons .hidden-logo {
  display: block;
  border-left: none;
  float: left;
  margin-right: 30px;
}
.social-sharing .social-share-icons .arrow {
  width: 30px;
  height: 60px;
  background-position: center;
  background-image: url(../images/arrow-share.png);
  background-size: 15px;
  float: left;
  background-repeat: no-repeat;
  margin-right: 15px;
  cursor: pointer;
  transition: all 0.5s ease-in;
  transform: rotate(0);
}
.social-sharing .social-share-icons .arrow + .social-btn {
  border-left: solid 1px #ddd;
}
.social-sharing .social-share-icons .social-btn {
  padding: 0;
  margin-left: 0px;
  display: block;
  float: left;
  cursor: pointer;
  text-decoration: none;
  width: 50px;
  height: 50px;
  border-radius: 0;
  border: solid 1px #ddd;
  border-left: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}
.social-sharing .social-share-icons .social-btn:first-child {
  border-left: solid 1px #ddd;
}
@media (max-width: 767px) {
  .social-sharing .social-share-icons .social-btn {
    display: block;
    text-align: right;
    width: 42px;
    margin-left: auto;
  }
  .social-sharing .social-share-icons .social-btn:first-child {
    border-left: none;
  }
}
.social-sharing .social-share-icons .social-btn.email {
  background-image: url(../images/mail.png);
}
.social-sharing .social-share-icons .social-btn.facebook {
  background-image: url(../images/facebook.png);
}
.social-sharing .social-share-icons .social-btn.twitter {
  background-image: url(../images/twitter.png);
}
.social-sharing .social-share-icons .social-btn.messenger {
  background-image: url(../images/messenger.png);
}
.social-sharing .social-share-icons .social-btn.more {
  background-image: url(../images/more.png);
}
.social-sharing .social-share-icons .social-btn.share {
  border: none;
  line-height: 60px;
  width: inherit;
  margin-right: 0px;
}
.social-sharing .social-share-icons .social-btn .arrow {
  display: inline-block;
  margin-right: -3px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #bcb6af;
}
.social-sharing .social-share-icons .social-btn .icon-fixed-width {
  background-color: #bcb6af;
  color: #7E8C8D;
  width: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  transition: color 0.5s ease-in;
  display: none;
}
.social-sharing .social-share-icons .social-btn .icon-fixed-width:hover {
  color: #ea862c;
}
.social-sharing .social-share-icons .social-btn .text {
  display: none;
  font-size: 18px;
}
.social-sharing .social-share-icons .social-btn .hidden-logo .social-btn:first-child {
  display: none;
}
@media (max-width: 767px) {
  .social-sharing .social-share-icons .social-btn:first-child {
    display: inline-block;
    width: auto;
  }
}
.social-sharing .social-share-icons .social-btn:first-child:hover .icon,
.social-sharing .social-share-icons .social-btn:first-child:hover .text {
  color: #ea862c;
}
.social-sharing .social-share-icons .social-btn:first-child .icon {
  background-color: transparent;
  color: #CFE6CA;
  font-size: 36px;
  width: auto;
  padding: 0;
  vertical-align: middle;
  margin-right: 10px;
  transition: color 0.5s ease-in;
}
.social-sharing .social-share-icons .social-btn:first-child .text {
  display: inline-block;
  color: #CFE6CA;
  transition: color 0.5s ease-in;
  /* font-weight: 400;
                 padding-right: 10px;
  */
  display: none;
}
@media (max-width: 767px) {
  .social-sharing .social-share-icons .social-btn:nth-child(2) {
    display: inline;
  }
}
.social-sharing .social-share-popup {
  display: block;
  position: fixed;
  top: -120%;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.6s ease-in;
}
.social-sharing .social-share-popup.show {
  top: 0;
  display: block;
}
.social-sharing .social-share-popup .social-share-wrapper {
  width: 40vw;
  position: absolute;
  height: 50vh;
  top: 25%;
  left: 30%;
  z-index: 10000;
  background-color: #fff;
  padding: 30px;
  border: solid 1px #ddd;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 1199px) {
  .social-sharing .social-share-popup .social-share-wrapper {
    width: 60%;
    height: 60%;
    top: 20%;
    left: 20%;
  }
}
@media (max-width: 991px) {
  .social-sharing .social-share-popup .social-share-wrapper {
    width: 70%;
    height: 70%;
    top: 15%;
    left: 15%;
  }
}
@media (max-width: 767px) {
  .social-sharing .social-share-popup .social-share-wrapper {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 15px;
  }
}
.social-sharing .social-share-popup .title {
  text-align: center;
  margin-bottom: 30px;
}
.social-sharing .social-share-popup .social-btn {
  padding: 0;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  width: 49%;
  text-align: left;
}
.social-sharing .social-share-popup .social-btn:hover .icon-fixed-width,
.social-sharing .social-share-popup .social-btn:hover .text {
  color: #ea862c;
}
@media (max-width: 767px) {
  .social-sharing .social-share-popup .social-btn {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
.social-sharing .social-share-popup .social-btn.email .text:before {
  background-image: url(../images/mail.png);
}
.social-sharing .social-share-popup .social-btn.print .text:before {
  background-image: url(../images/mail.png);
}
.social-sharing .social-share-popup .social-btn.facebook .text:before {
  background-image: url(../images/facebook.png);
}
.social-sharing .social-share-popup .social-btn.twitter .text:before {
  background-image: url(../images/twitter.png);
}
.social-sharing .social-share-popup .social-btn.messenger .text:before {
  background-image: url(../images/messenger.png);
}
.social-sharing .social-share-popup .social-btn.googleplus .text:before {
  background-image: url(../images/google.png);
}
.social-sharing .social-share-popup .social-btn.linkedin .text:before {
  background-image: url(../images/linkedin.png);
}
.social-sharing .social-share-popup .social-btn .text {
  padding-left: 60px;
  line-height: 60px;
  position: relative;
}
.social-sharing .social-share-popup .social-btn .text:before {
  position: absolute;
  content: "";
  display: block;
  left: 0px;
  width: 60px;
  height: 60px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px;
}
.social-sharing .social-share-popup .social-btn .icon-fixed-width {
  color: #7E8C8D;
  font-size: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  vertical-align: sub;
  padding-left: 50px;
  padding-right: 50px;
  transition: color 0.5s;
}
@media (max-width: 767px) {
  .social-sharing .social-share-popup .social-btn .icon-fixed-width {
    padding-left: 30px;
  }
}
.social-sharing .social-share-popup .social-btn .text {
  display: inline-block;
  color: #005D44;
  transition: color 0.5s;
}
.social-sharing .social-share-popup .close {
  position: absolute;
  top: 15px;
  right: 15px;
  opacity: 1;
  transition: opacity 0.5s ease-in;
  cursor: pointer;
}
@media (max-width: 767px) {
  .social-sharing .social-share-popup .close {
    right: 30px;
  }
}
.social-sharing .social-share-popup .close:hover {
  opacity: 0.5;
}

.sub-cover.bper-wrapper.bper-wrapper-inverse {
  min-width: 100%;
  background-color: #015256;
  padding-top: 88px;
  padding-bottom: 91px;
}
@media (max-width: 768px) {
  .sub-cover.bper-wrapper.bper-wrapper-inverse {
    padding-top: 56px;
    padding-bottom: 45px;
  }
}
.sub-cover.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
  max-width: 1170px;
  min-width: 1px;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .sub-cover.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 480px) {
  .sub-cover.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}
.sub-cover .sub-cover-title {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  padding-bottom: 18px;
}
@media (max-width: 768px) {
  .sub-cover .sub-cover-title {
    padding-bottom: 30px;
    font-size: 50px;
  }
}

.info-value-1.bper-wrapper {
  padding-top: 43px;
  padding-bottom: 60px;
}
@media (max-width: 768px) {
  .info-value-1.bper-wrapper {
    padding-bottom: 0;
  }
}
.info-value-1 .info-value-1-img {
  float: right;
  width: 50%;
}
@media (max-width: 768px) {
  .info-value-1 .info-value-1-img {
    width: 100%;
    float: left;
  }
}
.info-value-1 .info-value-1-img .bkg {
  min-height: 100%;
  height: 700px;
  background-repeat: no-repeat;
  background-position: center;
  left: -50px;
  background-size: contain;
}
@media (max-width: 768px) {
  .info-value-1 .info-value-1-img .bkg {
    height: 350px;
    display: none;
    right: 0;
  }
}
.info-value-1 .info-value-1-content {
  padding-left: 0;
  padding-top: 106px;
  float: left;
  width: 50%;
}
@media (max-width: 768px) {
  .info-value-1 .info-value-1-content {
    padding-top: 0;
    width: 100%;
  }
}
.info-value-1 .info-value-1-number {
  font-size: 200px;
  line-height: 1;
  font-family: "Din-Bold", sans-serif;
  margin-bottom: -20px;
}
@media (max-width: 768px) {
  .info-value-1 .info-value-1-number {
    font-size: 170px;
  }
}
@media (max-width: 376px) {
  .info-value-1 .info-value-1-number {
    font-size: 130px;
  }
}
.info-value-1 .info-value-1-title {
  font-size: 64px;
  line-height: 1;
  font-family: "Din-Bold", sans-serif;
  margin-bottom: 46px;
}
@media (max-width: 768px) {
  .info-value-1 .info-value-1-title {
    font-size: 50px;
  }
}

.info-value-2.bper-wrapper {
  padding-top: 30px;
  padding-bottom: 60px;
}
@media (max-width: 768px) {
  .info-value-2.bper-wrapper {
    padding-bottom: 0;
    padding-top: 5px;
  }
}
.info-value-2 .info-value-2-content {
  float: left;
  width: 50%;
}
@media (max-width: 768px) {
  .info-value-2 .info-value-2-content {
    width: 100%;
  }
}
.info-value-2 .info-value-2-img {
  min-height: 100%;
  height: 700px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  float: right;
  width: 50%;
}
@media (max-width: 768px) {
  .info-value-2 .info-value-2-img {
    height: 350px;
    float: left;
    width: 100%;
  }
}
.info-value-2 .info-value-2-first-container {
  padding-left: 0;
  padding-top: 108px;
}
@media (max-width: 768px) {
  .info-value-2 .info-value-2-first-container {
    padding-top: 66px;
  }
}
.info-value-2 .info-value-2-first-container .info-value-2-percentage {
  font-size: 100px;
  line-height: 1;
  font-family: "Din-Bold", sans-serif;
}
@media (max-width: 768px) {
  .info-value-2 .info-value-2-first-container .info-value-2-percentage {
    line-height: 50px;
  }
}
.info-value-2 .info-value-2-first-container .info-value-2-gender {
  font-size: 64px;
  line-height: 1;
  font-family: "Din-Bold", sans-serif;
}
.info-value-2 .info-value-2-first-container .info-value-2-text {
  margin-bottom: 43px;
  min-height: 120px;
}
.info-value-2 .info-value-2-second-container {
  padding-left: 0;
}
.info-value-2 .info-value-2-second-container .info-value-2-percentage {
  font-size: 200px;
  line-height: 155px;
  font-family: "Din-Bold", sans-serif;
}
@media (max-width: 768px) {
  .info-value-2 .info-value-2-second-container .info-value-2-percentage {
    font-size: 150px;
  }
}
.info-value-2 .info-value-2-second-container .info-value-2-gender {
  font-size: 64px;
  line-height: 1;
  font-family: "Din-Bold", sans-serif;
}
.info-value-2 .info-value-2-second-container .info-value-2-text {
  padding-top: 12px;
}

.info-value-3.bper-wrapper {
  padding-top: 30px;
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .info-value-3.bper-wrapper {
    padding-top: 5px;
    padding-bottom: 60px;
  }
}
.info-value-3 .info-value-3-content {
  float: left;
  width: 50%;
  padding-top: 118px;
}
@media (max-width: 768px) {
  .info-value-3 .info-value-3-content {
    padding-top: 0;
    width: 100%;
  }
}
.info-value-3 .info-value-3-text {
  padding-bottom: 38px;
}
.info-value-3 .info-value-3-title {
  font-size: 64px;
  line-height: 1;
  font-family: "Din-Bold", sans-serif;
  padding-bottom: 22px;
}
@media (max-width: 768px) {
  .info-value-3 .info-value-3-title {
    font-size: 60px;
  }
}
.info-value-3 .info-value-3-img {
  min-height: 100%;
  height: 700px;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  background-size: contain;
  float: right;
  width: 50%;
}
@media (max-width: 768px) {
  .info-value-3 .info-value-3-img {
    height: 350px;
    width: 100%;
    float: left;
  }
}
.info-value-3 .info-value-3-container {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
}
@media (max-width: 768px) {
  .info-value-3 .info-value-3-container {
    font-size: 40px;
  }
}
.info-value-3 .info-value-3-container .info-value-3-first-percentage {
  line-height: 1;
  font-family: "Din-Bold", sans-serif;
}
.info-value-3 .info-value-3-container .info-value-3-second-percentage {
  font-size: 100px;
  line-height: 1;
  font-family: "Din-Bold", sans-serif;
}
@media (max-width: 768px) {
  .info-value-3 .info-value-3-container .info-value-3-second-percentage {
    font-size: 70px;
  }
}
.info-value-3 .info-value-3-container .info-value-3-second-percent {
  margin-right: -15px;
}
.info-value-3 .info-value-3-sign {
  vertical-align: 5px;
  font-size: 0.9em;
  font-weight: normal;
}
.info-value-3 .info-value-3-label {
  font-size: 64px;
  line-height: 1;
  font-family: "Din-Bold", sans-serif;
  margin-left: 155px;
}
@media (max-width: 768px) {
  .info-value-3 .info-value-3-label {
    margin-left: 0;
    font-size: 40px;
  }
}
.info-value-3 .info-value-3-caption {
  margin-left: 158px;
}
@media (max-width: 768px) {
  .info-value-3 .info-value-3-caption {
    margin-left: 0;
    margin-top: 2px;
  }
}

.clock-block {
  overflow: hidden;
}
@media (max-width: 480px) {
  .clock-block {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}
.clock-block .clock-block-img {
  width: 100%;
  max-width: 600px !important;
  display: block;
  margin: auto;
}
.clock-block .row-flex {
  display: flex;
  position: relative;
  align-items: start;
}
@media (max-width: 991px) {
  .clock-block .row-flex {
    display: block;
  }
}
.clock-block video {
  float: left;
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
}
.clock-block.bper-wrapper-inverse {
  min-width: 100%;
  width: 100%;
  padding-top: 124px;
  padding-bottom: 121px;
  color: #fff;
  background-color: #005D44;
}
.clock-block.bper-wrapper-inverse .title {
  color: #64B054;
}
@media (max-width: 992px) {
  .clock-block.bper-wrapper-inverse {
    padding-top: 49px;
    padding-bottom: 72px;
  }
}
@media (max-width: 992px) {
  .clock-block-img {
    padding-bottom: 44px;
  }
}
.clock-block-content {
  padding-top: 5px;
}
.clock-block-content2 {
  padding-top: 30px;
}
.clock-block-title {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  padding-bottom: 26px;
}
@media (max-width: 768px) {
  .clock-block-title {
    font-size: 55px;
  }
}
.clock-block-text {
  padding-bottom: 40px;
}
@media (max-width: 992px) {
  .clock-block-text {
    padding-bottom: 12px;
  }
}
.clock-block-value {
  font-size: 100px;
  font-family: "Din-Bold", sans-serif;
  line-height: 64px;
}
@media (max-width: 768px) {
  .clock-block-value {
    font-size: 85px;
  }
}
.clock-block-values {
  padding-top: 40px;
}
.clock-block-label {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  line-height: 50px;
  display: block;
}
.clock-block-caption {
  padding-top: 5px;
  text-align: left;
}

@media (max-width: 480px) {
  .sustainability-video {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.sustainability-video .sustainability-video-content {
  position: absolute;
  z-index: 1;
  padding-top: 138px;
}
@media (max-width: 991px) {
  .sustainability-video .sustainability-video-content {
    position: relative;
    padding-top: 56px;
  }
}
.sustainability-video .sustainability-video-simple-title {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
}
@media (max-width: 768px) {
  .sustainability-video .sustainability-video-simple-title {
    font-size: 40px;
  }
}
.sustainability-video .sustainability-video-simple-title p {
  line-height: inherit;
}
.sustainability-video .sustainability-video-quantity-title-value {
  font-size: 100px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
}
@media (max-width: 992px) {
  .sustainability-video .sustainability-video-quantity-title-value {
    font-size: 75px;
  }
}
@media (max-width: 768px) {
  .sustainability-video .sustainability-video-quantity-title-value {
    font-size: 50px;
  }
}
.sustainability-video .sustainability-video-quantity-title-unit {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
}
@media (max-width: 768px) {
  .sustainability-video .sustainability-video-quantity-title-unit {
    font-size: 50px;
  }
}
.sustainability-video .sustainability-video-quantity-title-label {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
}
@media (max-width: 768px) {
  .sustainability-video .sustainability-video-quantity-title-label {
    font-size: 50px;
  }
}
.sustainability-video .sustainability-video-text {
  padding-top: 16px;
}
.sustainability-video .sustainability-video-background {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.sustainability-video .sustainability-video-display {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .sustainability-video .sustainability-video-display {
    z-index: 2;
  }
}
.sustainability-video .overlay {
  width: 100%;
  height: 100%;
  z-index: 1;
}

.two-columns-value-1.bper-wrapper.bper-wrapper-inverse {
  min-width: 100%;
  padding: 124px 0 98px;
}
@media (max-width: 768px) {
  .two-columns-value-1.bper-wrapper.bper-wrapper-inverse {
    padding-top: 92px;
  }
}
.two-columns-value-1.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
  min-width: 1px;
  max-width: 1170px;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .two-columns-value-1.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 480px) {
  .two-columns-value-1.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
  .two-columns-value-1.bper-wrapper.bper-wrapper-inverse .bper-wrapper .container {
    padding-left: 0;
    padding-right: 0;
  }
}
.two-columns-value-1 .two-columns-value-1-title {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  padding-bottom: 15px;
}
@media (max-width: 992px) {
  .two-columns-value-1 .two-columns-value-1-title {
    padding-bottom: 45px;
  }
}
@media (max-width: 768px) {
  .two-columns-value-1 .two-columns-value-1-title {
    font-size: 50px;
  }
}
.two-columns-value-1 .two-columns-value-1-title p {
  line-height: inherit;
}
.two-columns-value-1 .two-columns-value-1-text {
  padding-bottom: 22px;
}
@media (max-width: 992px) {
  .two-columns-value-1 .two-columns-value-1-list {
    padding-bottom: 58px;
  }
}
.two-columns-value-1 .two-columns-value-1-list .col-xs-6:nth-of-type(2n + 1) {
  margin-right: -25px;
}
@media (max-width: 992px) {
  .two-columns-value-1 .two-columns-value-1-list .col-xs-6:nth-of-type(2n + 1) {
    margin-right: 0;
  }
}
.two-columns-value-1 .two-columns-value-1-list-value {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
}

.two-columns-value-2.bper-wrapper.bper-wrapper-inverse {
  min-width: 100%;
  width: 100%;
  padding: 114px 0 128px;
}
@media (max-width: 768px) {
  .two-columns-value-2.bper-wrapper.bper-wrapper-inverse {
    padding-top: 60px;
  }
}
.two-columns-value-2.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
  min-width: 1px;
  max-width: 1170px;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .two-columns-value-2.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 480px) {
  .two-columns-value-2.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
  .two-columns-value-2.bper-wrapper.bper-wrapper-inverse .bper-wrapper .container {
    padding-left: 0;
    padding-right: 0;
  }
}
.two-columns-value-2 .two-columns-value-2-img {
  text-align: center;
}
.two-columns-value-2 .two-columns-value-2-img-mobile {
  width: 100px;
  top: -40px;
  position: absolute;
}
.two-columns-value-2 .two-columns-value-2-img-mobile img {
  position: absolute;
  left: -50%;
}
.two-columns-value-2 .two-columns-value-2-title {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  padding-top: 8px;
  padding-bottom: 18px;
}
.two-columns-value-2 .two-columns-value-2-title p {
  line-height: inherit;
}
@media (max-width: 768px) {
  .two-columns-value-2 .two-columns-value-2-title {
    font-size: 50px;
  }
}
.two-columns-value-2 .two-columns-value-2-text {
  padding-bottom: 70px;
}
.two-columns-value-2 .two-columns-value-2-amount {
  font-size: 150px;
  font-family: "Din-Bold", sans-serif;
  line-height: 0.733;
}
@media (max-width: 1300px) {
  .two-columns-value-2 .two-columns-value-2-amount {
    font-size: 100px;
  }
}
@media (max-width: 768px) {
  .two-columns-value-2 .two-columns-value-2-amount {
    font-size: 50px;
  }
}
.two-columns-value-2 .two-columns-value-2-label {
  font-size: 50px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  padding-bottom: 18px;
}

.numbers {
  float: left;
  width: 100%;
  overflow: hidden;
  margin-bottom: 230px;
}
@media (max-width: 992px) {
  .numbers {
    margin-bottom: 0;
  }
}
.numbers .container {
  padding: 150px 0 100px;
}
@media (max-width: 992px) {
  .numbers .container {
    padding-top: 38px;
    padding-bottom: 42px;
    width: 100%;
  }
}
.numbers .numbers-number {
  font-size: 200px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
}
@media (max-width: 1600px) {
  .numbers .numbers-number {
    font-size: 160px;
  }
}
@media (max-width: 1100px) {
  .numbers .numbers-number {
    float: left;
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .numbers .numbers-number {
    font-size: 85px;
  }
}
@media (max-width: 1300px) {
  .numbers .numbers-number {
    font-size: 130px;
  }
}
@media (max-width: 992px) {
  .numbers .numbers-number {
    font-size: 85px;
  }
}
@media (max-width: 768px) {
  .numbers .numbers-number {
    font-size: 40px;
  }
}
.numbers .numbers-number.small {
  font-size: 170px;
}
@media (max-width: 767px) {
  .numbers .numbers-number.small {
    font-size: 52px;
  }
}
@media (max-width: 768px) {
  .numbers .numbers-number.small {
    font-size: 40px;
  }
}
.numbers .numbers-label {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  padding-bottom: 46px;
}
@media (max-width: 1100px) {
  .numbers .numbers-label {
    font-size: 55px;
  }
}
@media (min-width: 992px) {
  .numbers .numbers-label {
    padding-left: 146px;
  }
}
@media (max-width: 768px) {
  .numbers .numbers-label {
    font-size: 40px;
  }
}
.numbers .numbers-text-container {
  min-height: 0;
  padding-bottom: 0;
  position: relative;
}
@media (max-width: 992px) {
  .numbers .numbers-text-container {
    min-height: 0;
  }
}
.numbers .numbers-text-container img {
  right: 0;
  position: absolute;
  width: auto;
  max-width: 50%;
}
@media (max-width: 992px) {
  .numbers .numbers-text-container img {
    position: relative;
    right: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.numbers .numbers-text {
  float: left;
}
@media (min-width: 992px) {
  .numbers .numbers-text {
    padding-left: 148px;
  }
}
.numbers .numbers-amount {
  font-size: 174px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  letter-spacing: 0;
}
@media (max-width: 992px) {
  .numbers .numbers-amount {
    font-size: 52px;
  }
}
.numbers .numbers-amount-label {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  text-align: center;
  padding-bottom: 198px;
}
@media (max-width: 992px) {
  .numbers .numbers-amount-label {
    font-size: 50px;
    text-align: left;
    padding-bottom: 0;
  }
}

.our-numbers {
  max-width: 100%;
  overflow: hidden;
}
.our-numbers.bper-wrapper.bper-wrapper-inverse {
  min-width: 100%;
}
.our-numbers.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
  max-width: 1170px;
  min-width: 1px;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .our-numbers.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 480px) {
  .our-numbers.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}
.our-numbers .container {
  padding: 126px 0 146px;
}
@media (min-width: 992px) {
  .our-numbers .container {
    float: left;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .our-numbers .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .our-numbers .container {
    padding-top: 72px;
    padding-bottom: 52px;
  }
}
.our-numbers .our-numbers-title {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
}
.our-numbers .our-numbers-text {
  padding-top: 22px;
  width: 71%;
}
@media (max-width: 991px) {
  .our-numbers .our-numbers-text {
    width: 100%;
  }
}
.our-numbers .our-numbers-list {
  padding-top: 70px;
}
@media (max-width: 991px) {
  .our-numbers .our-numbers-list {
    font-size: 40px;
  }
}
.our-numbers .our-numbers-item {
  font-size: 75px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  text-align: right;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .our-numbers .our-numbers-item {
    font-size: 60px;
  }
}
@media (max-width: 991px) {
  .our-numbers .our-numbers-item {
    font-size: 40px;
  }
}
.our-numbers .our-numbers-item-label {
  text-align: right;
  font-size: 32px;
  line-height: 1;
  padding-bottom: 55px;
  margin-top: -5px;
}
@media (max-width: 991px) {
  .our-numbers .our-numbers-item-label {
    font-size: 20px;
    margin-top: 0;
  }
}

.trasparency .trasparency__title {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  margin-bottom: 47px;
}
.trasparency .trasparency__separator {
  border-top: 1px solid #ddd;
  margin: 55px 0;
}
.trasparency .trasparency__subtitle {
  font-size: 42px;
  font-weight: 100;
  line-height: 1.1;
}
.trasparency .trasparency__link {
  padding: 6px 0px;
}
.trasparency .trasparency__link a p {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  margin: 0;
}
.trasparency .trasparency__link a svg {
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 13px;
  stroke-width: 1px;
  margin-left: 14px;
}
.trasparency .trasparency__link a svg path {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: none;
  stroke: #64B054;
  stroke-miterlimit: 10;
}
.trasparency .trasparency__link a img {
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 13px;
  stroke-width: 1px;
  margin-left: 14px;
}
.trasparency .trasparency__links {
  margin: 25px 0 0;
  list-style: none;
  padding: 0;
}
.trasparency iframe {
  border: none;
  overflow: hidden;
  width: 100%;
  margin-top: 50px;
}
@media (max-width: 799px) {
  .trasparency .bper-wrapper {
    padding: 0 12px;
  }
  .trasparency .trasparency__title {
    font-size: 55px;
  }
  .trasparency .trasparency__separator {
    margin: 45px 0;
  }
}

.join-us {
  overflow: hidden;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .join-us {
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .join-us {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.join-us.bper-wrapper.bper-wrapper-inverse {
  padding: 0;
}
.join-us .join-us-cta {
  background: #faf9f8;
  color: #005D44;
  padding: 40px 24px 63px 48px;
}
@media (max-width: 768px) {
  .join-us .join-us-cta {
    padding: 40px 24px 63px 30px;
  }
}
@media (max-width: 480px) {
  .join-us .join-us-cta {
    padding-left: 0;
    padding-right: 0;
  }
}
.join-us .join-us-cta::after {
  content: ""; /* Required to display content */
  position: absolute; /* Sets the position absolute to the top div */
  bottom: 2px;
  left: 50%;
  margin-bottom: -20px;
  margin-left: -20px; /* Set margin equal to border px */
  width: 0;
  z-index: 1;
  height: 0;
  border-top: solid 20px #faf9f8; /* Creates the notch */
  border-left: solid 20px transparent; /* Creates triangle effect */
  border-right: solid 20px transparent; /* Creates triangle effect */
}
.join-us .join-us-cta-title {
  font-size: 42px;
  line-height: 1;
  font-weight: lighter;
  margin-bottom: 26px;
}
.join-us .join-us-cta-description {
  padding-bottom: 48px;
}
.join-us .join-us-list {
  background: #005D44;
  float: left;
  width: 100%;
  padding-top: 48px;
}
@media (max-width: 768px) {
  .join-us .join-us-list {
    padding-top: 33px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .join-us .join-us-list .join-us-list-links .row {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.join-us .join-us-list-title {
  font-size: 42px;
  line-height: 1;
  font-weight: lighter;
  padding-left: 43px;
  padding-bottom: 26px;
  color: #fff;
}
@media (max-width: 768px) {
  .join-us .join-us-list-title {
    padding-left: 0;
    padding-bottom: 21px;
  }
}
.join-us .join-us-list-description {
  padding-left: 43px;
  color: #fff;
}
@media (max-width: 768px) {
  .join-us .join-us-list-description {
    padding-left: 0;
    margin-bottom: -5px;
  }
}
.join-us .join-us-list-links {
  padding-top: 20px;
  padding-bottom: 48px;
}
@media (max-width: 768px) {
  .join-us .join-us-list-links {
    padding-top: 0;
  }
}
.join-us .join-us-list-links .row {
  padding: 0 70px;
}
@media (max-width: 768px) {
  .join-us .join-us-list-links .row {
    padding: 0 12px;
  }
}
.join-us .join-us-list-links a {
  border-bottom: 2px solid white;
}
.join-us .join-us-list-links-elem {
  display: flex;
  align-items: center;
  border-bottom: 2px solid #ddd;
  min-height: 135px;
  transition: all 0.5s ease-in-out;
  font-size: 24px;
  padding-top: 38px;
  padding-bottom: 38px;
}
@media (max-width: 768px) {
  .join-us .join-us-list-links-elem {
    padding: 0;
  }
}
.join-us .join-us-list-links-elem .join-us-list-links-elem-title {
  transition: all 0.5s ease-in-out;
}
.join-us .join-us-list-links-elem .join-us-list-links-elem-arrow-img {
  transition: all 0.5s ease-in-out;
}
.join-us .join-us-list-links-elem:hover {
  border-color: #ea862c;
}
.join-us .join-us-list-links-elem:hover .join-us-list-links-elem-arrow-img {
  background-position: right;
}
.join-us .join-us-list-links-elem:hover .join-us-list-links-elem-title {
  color: #ea862c;
}
.join-us .join-us-list-links-elem .join-us-list-links-elem-img {
  width: 19.42%;
  margin-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .join-us .join-us-list-links-elem .join-us-list-links-elem-img {
    padding-left: 0;
    padding-right: 16px;
    width: 34.86%;
    margin-right: 0;
  }
}
.join-us .join-us-list-links-elem .join-us-list-links-elem-img img {
  max-height: 90px;
  max-width: 140px;
}
.join-us .join-us-list-links-elem .join-us-list-links-elem-title {
  color: #fff;
  width: 70.87%;
  font-weight: normal;
}
@media (max-width: 768px) {
  .join-us .join-us-list-links-elem .join-us-list-links-elem-title {
    width: 57.72%;
  }
  .join-us .join-us-list-links-elem .join-us-list-links-elem-title > span:first-child {
    font-size: 1.25rem;
  }
  .join-us .join-us-list-links-elem .join-us-list-links-elem-title > span:last-child {
    font-size: 1.125rem;
    margin-top: 10px;
  }
}
.join-us .join-us-list-links-elem .join-us-list-links-elem-title .join-us-list-links-elem-title-pipeline {
  margin: 0 2px;
}
@media (max-width: 768px) {
  .join-us .join-us-list-links-elem .join-us-list-links-elem-title .join-us-list-links-elem-title-pipeline {
    display: none;
  }
  .join-us .join-us-list-links-elem .join-us-list-links-elem-title .join-us-list-links-elem-title-pipeline + span {
    display: block;
  }
}
.join-us .join-us-list-links-elem .join-us-list-links-elem-arrow {
  width: 9.71%;
  position: relative;
  height: 20px;
}
@media (max-width: 768px) {
  .join-us .join-us-list-links-elem .join-us-list-links-elem-arrow {
    width: 7.42%;
  }
}
.join-us .join-us-list-links-elem .join-us-list-links-elem-arrow .join-us-list-links-elem-arrow-img {
  position: absolute;
  right: 0;
  width: 11px;
  height: 20px;
  background-image: url(../images/join-us-arrow-right.png);
}
.join-us .join-us-external-link {
  line-height: 1;
  padding-bottom: 69px;
  padding-right: 34px;
}
@media (max-width: 768px) {
  .join-us .join-us-external-link {
    padding-right: 0;
  }
}
.join-us .join-us-external-link .link-cta.link-cta-top-right-arrow {
  line-height: 1.2;
}

@media (max-width: 768px) {
  html.ie .join-us-list-links-elem {
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 0;
  }
}

.video-parallax {
  margin-bottom: 60px;
}
@media (min-width: 769px) {
  .video-parallax .container {
    padding: 0;
  }
}
.video-parallax .img-wrap {
  position: relative;
  margin-top: 60px;
}
.video-parallax .img-wrap .img-full {
  width: 100%;
  height: 750px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  background-color: rgba(0, 99, 105, 0.6);
  z-index: 1;
  overflow-y: auto;
  max-height: 100%;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .video-parallax .img-wrap .img-full {
    height: 621.8px;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .video-parallax .img-wrap .img-full {
    height: 480.77px;
  }
}
.video-parallax .img-wrap .img-full a {
  cursor: pointer;
}
.video-parallax .img-wrap .img-full > h3 {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
@media (max-width: 768px) {
  .video-parallax .img-wrap .img-full > h3 {
    margin: 0;
  }
}
.video-parallax .img-wrap .img-full > h3 > * {
  line-height: 1;
}
@media (max-width: 768px) {
  .video-parallax .img-wrap .img-full > h3 > *:first-child {
    display: none;
  }
}
@media (max-width: 768px) {
  .video-parallax .img-wrap .img-full > h3 a.popup {
    display: block;
  }
}
.video-parallax .img-wrap .img-full > h3 a.popup .play {
  width: 80px;
  height: 80px;
  background-image: url("../images/play.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 50px auto 0 auto;
  display: block;
}
@media (max-width: 768px) {
  .video-parallax .img-wrap .img-full > h3 a.popup .play {
    margin: auto;
  }
}
.video-parallax .img-wrap .parallax {
  width: 50%;
  height: 750px;
  /*background-size: cover;*/
  background-repeat: no-repeat;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .video-parallax .img-wrap .parallax {
    height: 621.8px;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .video-parallax .img-wrap .parallax {
    height: 480.77px;
  }
}
@media (max-width: 768px) {
  .video-parallax .img-wrap .parallax {
    height: 325px;
  }
}
.video-parallax .img-wrap .parallax.img-parallax {
  background-position: left center;
  position: absolute;
  transform: translateY(750px);
}
@media (max-width: 768px) {
  .video-parallax .img-wrap .parallax.img-parallax {
    display: none;
  }
}
.video-parallax .img-wrap .parallax.img-fixed {
  background-position: right center;
  position: relative;
  float: right;
}
@media (max-width: 768px) {
  .video-parallax .img-wrap .parallax.img-fixed {
    width: 100%;
  }
}
.video-parallax .img-wrap .parallax.img-fixed > .dots {
  top: 50%;
  width: 94px;
  height: 229px;
  position: absolute;
  display: block;
  transform: translate(-50%, -50%);
}
.video-parallax .img-wrap .parallax.img-fixed > .dots .dot {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 0;
  height: 94px;
  width: 94px;
}
.video-parallax .img-wrap .parallax.img-fixed > .dots .dot.dot1 {
  top: 0;
}
.video-parallax .img-wrap .parallax.img-fixed > .dots .dot.dot2 {
  bottom: 0;
}
@media (max-width: 768px) {
  .video-parallax .img-wrap .parallax.img-fixed > .dots {
    display: none;
  }
}
.video-parallax.video-link .img-full {
  display: block;
}
@media (max-width: 768px) {
  .video-parallax.video-link .img-full {
    display: none;
  }
}
.video-parallax.video-link .img-full a {
  cursor: pointer;
}
.video-parallax.video-link .img-wrap .parallax.img-fixed > .dots {
  display: none;
}
.video-parallax.video-parallax-inverse .img-wrap .parallax.img-fixed {
  background-position: left center;
  position: relative;
  float: left;
}
.video-parallax.video-parallax-inverse .img-wrap .parallax.img-fixed > .dots {
  right: 0;
  transform: translate(50%, -50%);
}
.video-parallax.video-parallax-inverse .img-wrap .parallax.img-parallax {
  background-position: right center;
  right: 0;
}

#breadcrumbs {
  opacity: 0;
  width: 100%;
  color: var(--primary-400);
  position: relative !important;
}
#breadcrumbs.overlay {
  z-index: 2;
}
#breadcrumbs.show-breadcrumb {
  opacity: 1;
  width: 100%;
}
@media (max-width: 1100px) {
  #breadcrumbs {
    display: none;
  }
  #breadcrumbs.show-mobile {
    display: block;
    float: left;
    width: 100%;
    margin-top: 0 !important;
    z-index: 9;
    position: relative;
  }
  #breadcrumbs.show-mobile.overlay {
    position: absolute;
  }
  #breadcrumbs .portlet-topper {
    display: none !important;
  }
}
#breadcrumbs .portlet-boundary {
  float: none !important;
}
#breadcrumbs .back-to {
  display: none;
}
@media (max-width: 1100px) {
  #breadcrumbs .back-to {
    /*display: block;
    float: left;
    color: $bper-green;
    padding: 16px 15px;
    background-color: var(--neutral-5);
    padding-right: 0;
    margin-right: 0.2em;
    padding-left: 20px;
    font-weight: normal;
    margin-top: 6px;

    &::before {
    	content: "\f105";
    	font-family: fontawesome-alloy;
    	padding-left: 10px;
    	position: relative;
    	left: 0;
    	transition: all 1s ease;
    	transform: translateX(0px) rotate(180deg);
    	vertical-align: baseline;
    	display: inline-block;
    }
    */
  }
}
@media (max-width: 1100px) {
  #breadcrumbs .portlet-boundary {
    float: left !important;
    width: 100%;
  }
  #breadcrumbs .portlet-boundary .portlet-title-text {
    display: none;
  }
}

.breadcrumb-wrapper {
  width: 100%;
  background-color: var(--primary-10);
}
@media (max-width: 1100px) {
  .breadcrumb-wrapper {
    background: none;
    width: 100%;
  }
  .breadcrumb-wrapper .breadcrumb li {
    /*
    ddisplay: none;
    float: left;
    padding-left: 0;

    &:before {
    	//display: none;
    }

    a {
    	color: var(--primary-400) !important;
    }

    &:nth-last-child(2) {
    	display: block;
    }*/
  }
}
.breadcrumb-wrapper .breadcrumb {
  background: none;
  border-radius: 0;
  max-width: 100%;
  width: 1170px;
  padding: 16px 0;
  background-color: var(--primary-10);
  margin: 0 50px;
  opacity: 1;
  transition: opacity 0.6s ease;
  flex-wrap: nowrap;
  font-size: 18px;
}
@media (max-width: 1100px) {
  .breadcrumb-wrapper .breadcrumb {
    padding-left: 24px;
    width: 100% !important;
    margin-left: 0 !important;
    padding-right: 0;
    opacity: 1;
    overflow: auto;
    display: flex;
    float: left;
  }
  .breadcrumb-wrapper .breadcrumb li {
    float: left;
  }
}
.breadcrumb-wrapper .breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb-wrapper .breadcrumb > li:first-child {
  display: none;
}
.breadcrumb-wrapper .breadcrumb > li:first-child + li {
  padding-left: 0;
}
.breadcrumb-wrapper .breadcrumb > li:first-child + li:before {
  display: none;
}
.breadcrumb-wrapper .breadcrumb > li {
  position: relative;
  font-weight: normal;
  color: var(--primary-400);
  font-size: 18px;
}
@media (max-width: 1100px) {
  .breadcrumb-wrapper .breadcrumb > li {
    display: inline-table;
  }
}
.breadcrumb-wrapper .breadcrumb > li a {
  font-weight: normal;
  color: var(--primary-400) !important;
}
.breadcrumb-wrapper .breadcrumb > li + li:before {
  background-image: url(../images/icone-bper-2022/icon-caret-left-gark-green.svg);
  height: 10px;
  width: 6px;
  top: 0;
  left: -7px;
  margin: 7px 9px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: inherit;
}
.breadcrumb-wrapper .breadcrumb > li:last-child {
  /* FIXED
  a {
  */
}
.breadcrumb-wrapper .breadcrumb > li:last-child span {
  font-family: "Din-Bold";
  color: var(--secondary-80) !important;
}
.breadcrumb-wrapper .breadcrumb > li:last-child span:hover {
  color: var(--secondary-80) !important;
  text-decoration: none;
}

.news-events-element {
  overflow: hidden;
  margin-bottom: 56px;
}
@media (max-width: 768px) {
  .news-events-element {
    margin-bottom: 0px;
  }
}
.news-events-element .bper-wrapper {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0;
  height: 100%;
  width: 100%;
}
.news-events-element .bper-wrapper .popup {
  width: 80px;
  height: 80px;
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 110px);
  transition: 1s;
}
.news-events-element .bper-wrapper .popup:hover {
  opacity: 0.7;
}
.news-events-element .bper-wrapper .popup .play {
  height: 100%;
  width: 100%;
}
.news-events-element .bper-wrapper .img {
  height: 100%;
}
.news-events-element .bper-wrapper .img .preview {
  width: 100vw;
  height: 300px;
  margin-bottom: 85px;
  margin-left: calc((100vw - 1170px) / -2);
  background-size: cover;
  background-position: center;
  position: relative;
}
.news-events-element .bper-wrapper .img .preview.bkg {
  display: block;
}
.news-events-element .bper-wrapper .img .preview.bkg-mobile {
  display: none;
}
.news-events-element .bper-wrapper .img .preview.video-overlay::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--primary-400);
  opacity: 0.6;
}
@media (max-width: 1199px) {
  .news-events-element .bper-wrapper .img .preview {
    margin-left: 0;
  }
  .news-events-element .bper-wrapper .img .preview.bkg-sub {
    background-size: 125%;
  }
}
.news-events-element .bper-wrapper .news-title-wrapper {
  background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
  box-shadow: 0px 16px 24px rgba(126, 140, 141, 0.16);
  padding: 48px 40px 58px 40px;
  border-radius: 24px;
  color: #fff;
  margin-top: -180px;
  position: relative;
}
.news-events-element .bper-wrapper .news-title-wrapper h1.title {
  font-size: 48px;
  font-family: "Din-Bold", sans-serif;
  margin: 0;
  color: #fff;
}
.news-events-element .bper-wrapper .date-and-share-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 56px;
  margin-bottom: 56px;
}
@media (max-width: 768px) {
  .news-events-element .bper-wrapper .date-and-share-wrapper {
    margin-top: 0;
    margin-bottom: 30px;
  }
}
.news-events-element .bper-wrapper .date-and-share-wrapper .date {
  color: #7e8c8d;
}
.news-events-element .bper-wrapper .social-share-icons {
  display: flex;
  align-items: center;
}
@media (max-width: 600px) {
  .news-events-element .bper-wrapper .social-share-icons {
    transform: translateX(0) !important;
  }
}
.news-events-element .bper-wrapper .social-share-icons .share {
  margin-right: 0;
}
.news-events-element .bper-wrapper .social-share-icons .buttons-container {
  display: flex;
  margin-right: 0;
  padding-left: 30px;
}
@media (max-width: 600px) {
  .news-events-element .bper-wrapper .social-share-icons .buttons-container {
    display: none;
  }
}
.news-events-element .bper-wrapper .social-share-icons .buttons-container .arrow {
  display: none !important;
}
.news-events-element .bper-wrapper .article-container {
  color: #005D44;
}
@media (max-width: 768px) {
  .news-events-element .bper-wrapper {
    padding: 0 25px;
  }
  .news-events-element .bper-wrapper .popup {
    top: calc(50% - 95px);
  }
  .news-events-element .bper-wrapper .img {
    margin: 0 -25px;
  }
  .news-events-element .bper-wrapper .img .preview {
    margin-left: 0;
  }
  .news-events-element .bper-wrapper .img .preview.bkg.mobile-preview {
    display: none;
  }
  .news-events-element .bper-wrapper .img .preview.bkg-mobile.mobile-preview {
    display: block;
  }
  .news-events-element .bper-wrapper .news-title-wrapper {
    padding: 48px 24px 56px 24px;
    border-radius: 24px;
    color: #fff;
    margin-top: -180px;
    margin-bottom: 40px;
  }
  .news-events-element .bper-wrapper .news-title-wrapper h1.title {
    font-size: 36px;
    margin: 0;
  }
}

.news-events {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 480px) {
  .news-events {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1199px) {
  .news-events .bper-wrapper {
    width: 95%;
  }
}
@media (max-width: 480px) {
  .news-events .bper-wrapper {
    width: 100%;
  }
}
.news-events .bper-wrapper .no-news {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .news-events .bper-wrapper .no-news {
    font-size: 22px;
    margin-bottom: 30px;
  }
}
.news-events .bper-wrapper .image-container {
  width: 100%;
  background-size: cover;
  background-position-x: 50%;
  background-position-y: 50%;
  margin-bottom: 30px;
  background-image: url(../images/no-image-available.jpg);
}
.news-events .bper-wrapper .image-container::after {
  content: "";
  display: block;
  padding-top: 65%;
}
.news-events .bper-wrapper .info-container {
  overflow: hidden;
}
@media (min-width: 992px) {
  .news-events .bper-wrapper .info-container .category {
    margin-right: -15px;
  }
}
.news-events .bper-wrapper .info-container .date {
  text-align: right;
}
@media (min-width: 992px) {
  .news-events .bper-wrapper .info-container .date {
    margin-left: -15px;
  }
}
.news-events .bper-wrapper .link-cta {
  clear: both;
  display: block;
  border-top: 1px solid #7E8C8D;
  margin-bottom: 80px;
  padding-top: 10px;
}
@media (max-width: 991px) {
  .news-events .bper-wrapper .link-cta {
    margin-bottom: 50px;
  }
}

.news-selector {
  overflow: hidden;
  margin-bottom: 50px;
}
@media (max-width: 1199px) {
  .news-selector {
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .news-selector {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1199px) {
  .news-selector .bper-wrapper {
    width: 95%;
  }
}
@media (max-width: 480px) {
  .news-selector .bper-wrapper {
    width: 100%;
  }
}
.news-selector .bper-wrapper .title {
  font-size: 56px;
  font-weight: 700;
}
@media (min-width: 1200px) {
  .news-selector .bper-wrapper .categories {
    margin-top: 34px;
    float: right;
  }
}
.news-selector .bper-wrapper .categories .category-button {
  color: #015256;
  border: 1px solid #015256;
  text-align: center;
  padding: 12px 25px 8px;
  margin-bottom: 10px;
  margin-right: 5px;
  display: inline-block;
  font-weight: normal;
  transition: background-color 0.5s ease-in, border-color 0.5s ease-in;
}
.news-selector .bper-wrapper .categories .category-button:hover, .news-selector .bper-wrapper .categories .category-button.active {
  border-color: #ea862c;
  color: #fff;
  background-color: #ea862c;
}
.news-selector .bper-wrapper .categories .category-button p {
  margin: 0;
}
@media (min-width: 1200px) {
  .news-selector .bper-wrapper .categories .category-button {
    margin-left: 5px;
    margin-right: 0;
  }
}

.wrapper-video {
  height: 500px;
  margin-left: calc((100vw - 1170px) / -2);
  margin-right: calc((100vw - 1170px) / -2);
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .wrapper-video {
    position: relative;
    width: auto;
    height: 235px;
    margin-left: -30px;
    margin-right: -30px;
  }
}
.wrapper-video .play {
  background: url(../images/bperPlay.png);
  width: 80px;
  height: 80px;
  position: absolute;
  left: calc(50% - 40px);
  top: calc(32% - 40px);
}
@media (max-width: 1199px) {
  .wrapper-video .play {
    top: calc(50% - 40px);
  }
}
.wrapper-video .video-thumb {
  width: 100%;
  height: 95%;
}
@media (max-width: 1199px) {
  .wrapper-video .video-thumb {
    height: 100%;
  }
}
.wrapper-video .img {
  height: 100%;
}
.wrapper-video .img .bkg {
  height: 100%;
  background-size: cover;
  background-position-x: 50%;
  background-position-y: 40%;
  cursor: pointer;
}
.wrapper-video #video-zoom {
  display: none;
}
.wrapper-video #video-zoom.show {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2000;
}
.wrapper-video #video-zoom .video-class {
  height: 100%;
}
.wrapper-video #video-zoom .video-class iframe {
  width: 100%;
  height: 100%;
}
.wrapper-video #video-zoom .close {
  position: absolute;
  top: 100px;
  left: 10px;
  font-size: 47px;
  line-height: 0.9;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50%;
  background: white;
  color: black;
  z-index: 1;
  opacity: 1;
  text-shadow: none;
}
.wrapper-video #video-zoom .close:hover, .wrapper-video #video-zoom .close:focus {
  background: #005D44;
}

.youtube-video-modal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10000;
  background: black;
  transition: opacity 300ms, visibility 0ms linear 300ms;
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
}
.youtube-video-modal.open {
  transition: opacity 300ms, visibility 300ms linear 0ms;
  visibility: visible;
  opacity: 1;
  transform: scale(1) !important;
}
.youtube-video-modal iframe {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.youtube-video-modal .close {
  position: absolute;
  top: 40px;
  right: 25px;
  z-index: 1;
  opacity: 1;
  float: right;
  font-size: 27px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  color: black;
  text-shadow: 0 1px 0 #fff;
  padding: 20px;
  background-color: #fff;
}
.youtube-video-modal .close img,
.youtube-video-modal .close .img {
  position: absolute;
  top: 8px;
  left: 8px;
  background-image: url(../images/icone-bper-2022/Icon-Close@2x.png);
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.youtube-video-modal .close:hover, .youtube-video-modal .close:focus {
  opacity: 0.5;
}
.youtube-video-modal .close .image-link {
  height: 24px;
  width: 24px;
  vertical-align: middle;
  z-index: 2;
}
.youtube-video-modal .close .image-link path {
  fill: #005D44;
  fill-rule: evenodd;
  clip-rule: evenodd;
}

.static-video-modal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10000;
  background: black;
  transition: opacity 300ms, visibility 0ms linear 300ms;
  visibility: visible;
  opacity: 1;
  transform: none;
}
@media (max-width: 991px) {
  .static-video-modal {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 991px) {
  .static-video-modal video {
    width: 100% !important;
    height: auto !important;
  }
}
.static-video-modal .close {
  position: absolute;
  top: 40px;
  right: 25px;
  z-index: 1;
  opacity: 1;
  float: right;
  font-size: 27px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  color: black;
  text-shadow: 0 1px 0 #fff;
  padding: 20px;
  background-color: #fff;
}
.static-video-modal .close img,
.static-video-modal .close .img {
  position: absolute;
  top: 8px;
  left: 8px;
  background-image: url(../images/icone-bper-2022/Icon-Close@2x.png);
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.static-video-modal .close:hover, .static-video-modal .close:focus {
  opacity: 0.5;
}
.static-video-modal .close .image-link {
  height: 24px;
  width: 24px;
  vertical-align: middle;
  z-index: 2;
}
.static-video-modal .close .image-link path {
  fill: #005D44;
  fill-rule: evenodd;
  clip-rule: evenodd;
}

#portlet_com_liferay_portal_search_web_portlet_SearchPortlet {
  opacity: 0;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .taglib-search-iterator-page-iterator-bottom {
  margin-bottom: 80px;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_searchContainer,
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .search-layout.menu-column {
  max-width: 1220px;
  margin: 0 auto !important;
  width: 100%;
  overflow: hidden;
  padding-left: 25px;
  padding-right: 25px;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .wrapper-search-container {
  padding-top: 60px;
  padding-bottom: 64px;
  background-color: var(--neutral-5);
}
@media (max-width: 799px) {
  #portlet_com_liferay_portal_search_web_portlet_SearchPortlet .wrapper-search-container {
    padding-top: 40px;
    padding-bottom: 50px;
  }
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .wrapper-search-container .search-for {
  margin-top: 0;
  margin-bottom: 64px;
  font-size: 48px;
  line-height: 56px;
}
@media (max-width: 799px) {
  #portlet_com_liferay_portal_search_web_portlet_SearchPortlet .wrapper-search-container .search-for {
    font-size: 36px;
    margin-bottom: 35px;
    line-height: 48px;
  }
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .wrapper-search-container .search-for .value {
  font-weight: 400;
}
@media (max-width: 799px) {
  #portlet_com_liferay_portal_search_web_portlet_SearchPortlet .wrapper-search-container .search-for .value {
    display: block;
    clear: left;
  }
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .wrapper-search-container .search-for + div {
  position: relative;
  width: 730px;
  max-width: 100%;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .wrapper-search-container .search-for + div .form-group {
  width: 100%;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .wrapper-search-container .search-for + div .lfr-ddm-field-group.lfr-ddm-field-group-inline.field-wrapper {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .wrapper-search-container .search-for + div .lfr-ddm-field-group.lfr-ddm-field-group-inline.field-wrapper button {
  background: none;
  height: 56px;
  width: 56px;
  margin: 0;
  text-indent: -999px;
  box-shadow: none;
  border-radius: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  overflow: hidden;
  background-image: url(../images/icone-bper-2022/Icon-24pt-Search.svg);
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .wrapper-search-container .form-group {
  margin-bottom: 0;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .header-search-result {
  padding-top: 14px;
  padding-bottom: 56px;
  display: flex;
}
@media (max-width: 799px) {
  #portlet_com_liferay_portal_search_web_portlet_SearchPortlet .header-search-result {
    flex-direction: column-reverse;
    padding-top: 0;
    padding-bottom: 40px;
  }
  #portlet_com_liferay_portal_search_web_portlet_SearchPortlet .header-search-result .n-result {
    margin-top: 30px;
  }
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .header-search-result .n-result {
  flex-grow: 2;
  display: flex;
  align-items: center;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .header-search-result .n-result span {
  margin-left: 0.5em;
  font-family: "Din-Bold", sans-serif;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .header-search-result .risultati {
  display: flex;
  align-items: center;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .header-search-result .risultati .risultati-dropdown {
  margin: 0 0.5em;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .header-search-result .risultati .dropdown-toggle {
  line-height: 48px;
  height: 48px;
  border-radius: 12px;
  border: solid 1px #b0cfd1;
  display: block;
  padding: 0 14px;
  padding-right: 52px;
  color: var(--primary-400);
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .header-search-result .risultati .dropdown-toggle .icon-sort {
  background-image: url(../images/icone-bper-2022/paginatore/Icon-24pt-Chevron-Down.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .header-search-result .risultati .dropdown-toggle .icon-sort:after, #portlet_com_liferay_portal_search_web_portlet_SearchPortlet .header-search-result .risultati .dropdown-toggle .icon-sort:before {
  display: none;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .search-layout.menu-column {
  padding-top: 56px;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .search-layout.menu-column #_com_liferay_portal_search_web_portlet_SearchPortlet_facetNavigation {
  display: none;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .search-layout.menu-column .dropdown-menu-top {
  bottom: 0;
  min-width: 100%;
  transform: translateY(100%);
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .search-layout.menu-column .result {
  width: 100%;
  padding: 0;
  margin: 0;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .portlet-icon-back {
  display: none;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .highlight {
  background: none;
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  padding: 0;
  margin: 0;
  font-family: "Din-Bold", sans-serif;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_keywords {
  box-shadow: none;
  padding: 0;
  border-radius: 28px;
  line-height: 48px;
  font-size: 36px;
  padding-left: 12px;
  padding-right: 60px;
  border: none;
  border-radius: 0;
  border-bottom: solid 1px;
  border-color: var(--neutral-40);
  color: var(--neutral-100);
  background: none !important;
  padding-bottom: 5px;
}
@media (max-width: 767px) {
  #portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_keywords {
    font-size: 28px;
    line-height: 36px;
  }
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_keywords:placeholder {
  font-size: 36px;
  color: var(--neutral-100);
  font-family: "Din-Regular", sans-serif;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_keywords + .input-group-inset-item svg.lexicon-icon-search {
  height: 33px;
  width: 33px;
  color: var(--secondary-80);
}
@media (max-width: 767px) {
  #portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_keywords + .input-group-inset-item svg.lexicon-icon-search {
    height: 25px;
    width: 25px;
  }
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_keywords + .input-group-inset-item {
  position: absolute;
  right: 0;
  top: 10px;
  transform: none;
  border: none;
  background: transparent;
}
@media (max-width: 767px) {
  #portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_keywords + .input-group-inset-item {
    top: 5px;
  }
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_scope button {
  margin: 0;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_searchContainer {
  margin-bottom: 95px;
  margin-left: 15px;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_searchContainer .lfr-ddm-field-group {
  margin-bottom: 15px;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_searchContainer .btn > .icon-search {
  display: none;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .search-layout .result .main-content-body {
  margin: 0;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item {
  display: block;
  height: auto;
  border: none;
  border-top: 1px solid #ddd;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item a {
  color: var(--primary-400);
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item a + a {
  display: none;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item .list-group-item-field {
  padding: 0;
  margin: 0;
  display: none;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item .list-group-item-content {
  max-width: 100%;
  border: none;
  padding-top: 22px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 22px;
  display: block;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item .list-group-item-content h6 {
  line-height: 26px;
  font-size: 18px;
  color: var(--neutral-100);
  font-size: 18px;
  line-height: 26px;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item .list-group-item-content h6.to-remove {
  display: none;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item .list-group-item-content h6 .lfr-portal-tooltip {
  display: none;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item .list-group-item-content h5 {
  display: block;
  margin-bottom: 8px;
  position: relative;
  background: none;
  font-size: 20px;
  line-height: 28px;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item .list-group-item-content h5 strong {
  font-size: 24px;
  font-weight: normal;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item .list-group-item-content h5 a:nth-of-type(2) {
  display: none;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item .list-group-item-content h5 a:hover {
  color: var(--secondary-80);
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_facetNavigation .panel-default {
  border: none;
  box-shadow: none;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_facetNavigation .panel-default > .panel-heading {
  border: none;
  background: none;
  padding-bottom: 0;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_facetNavigation .panel-default > .panel-heading .panel-title {
  border: none;
  box-shadow: none;
  color: #005D44;
  font-size: 24px;
  font-weight: normal;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_facetNavigation .panel-default .panel-body {
  padding-top: 0;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_facetNavigation .panel-default .panel-body .search-facet a {
  font-weight: normal;
  color: #005D44;
}

#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom.pagination-bar {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom.pagination-bar:before, #_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom.pagination-bar:after {
  display: none;
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom.pagination-bar > .pagination-results {
  margin-right: auto;
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination-results {
  border: none;
  float: right;
  font-size: 18px;
  line-height: 26px;
  padding-bottom: 18px;
  padding-top: 18px;
  float: none !important;
  margin: auto !important;
  margin-top: auto;
  margin-bottom: auto;
  margin-bottom: 10px !important;
  margin-top: 20px !important;
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li:first-child > a {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li:last-child > a {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li a {
  font-weight: normal;
  border: none;
  background-color: initial;
  padding: 5px 15px;
  color: var(--green-60);
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li a span.icon-caret-right {
  color: var(--secondary-80) !important;
  width: 24px;
  height: 24px;
  background-image: url(../images/icone-bper-2022/paginatore/Icon-24pt-Chevron-Right-green.svg);
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li a span.icon-caret-left {
  color: var(--secondary-80) !important;
  width: 24px;
  height: 24px;
  background-image: url(../images/icone-bper-2022/paginatore/Icon-24pt-Chevron-Left-green.svg);
  background-size: contain;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li a:hover span.icon-caret-right {
  background-image: url(../images/icone-bper-2022/paginatore/Icon-24pt-Chevron-Right-green.svg);
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li a:hover span.icon-caret-left {
  background-image: url(../images/icone-bper-2022/paginatore/Icon-24pt-Chevron-Left-green.svg);
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li a span.icon-caret-left:before {
  content: "\f104";
  display: none;
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li a span.icon-caret-right:before {
  content: "\f105";
  display: none;
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li:hover a, #_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li:focus a {
  color: var(--secondary-80);
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li.active a {
  color: var(--secondary-80) !important;
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li.disabled span.icon-caret-right {
  color: var(--green-60) !important;
  background-image: url(../images/icone-bper-2022/paginatore/Icon-24pt-Chevron-Right-gray.svg);
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li.disabled span.icon-caret-left {
  color: var(--green-60) !important;
  background-image: url(../images/icone-bper-2022/paginatore/Icon-24pt-Chevron-Left-gray.svg);
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li.disabled:hover span.icon-caret-right {
  background-image: url(../images/icone-bper-2022/paginatore/Icon-24pt-Chevron-Right-gray.svg);
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li.disabled:hover span.icon-caret-left {
  background-image: url(../images/icone-bper-2022/paginatore/Icon-24pt-Chevron-Left-gray.svg);
}

.pagination-items-per-page a {
  font-weight: normal;
  border: none !important;
  padding: 10px 16px;
}
.pagination-items-per-page a > .icon-sort::before {
  content: "";
  background-image: url(../images/search-select-green.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 22px;
  position: absolute;
  top: 20px;
}
.pagination-items-per-page a:hover > .icon-sort::before, .pagination-items-per-page a:focus > .icon-sort::before {
  background-image: url(../images/search-select-orange.png);
}
.pagination-items-per-page .dropdown-menu {
  border-radius: 16px;
  border-color: #EDF5EB;
  box-shadow: 0px 8px 16px rgba(126, 140, 141, 0.16);
  border-width: 1px;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  background-color: transparent;
  color: #64B054;
  font-weight: normal;
}

@media (max-width: 768px) {
  #_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom.pagination-bar {
    display: block;
  }
  .pagination {
    margin: 24px 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    width: auto;
  }
  .pagination-results {
    padding-right: 10px;
    padding-left: 10px;
    float: none;
  }
  .pagination-items-per-page {
    float: none;
  }
  .pagination-items-per-page a {
    padding: 18px 10px 18px 10px;
  }
}
body:after {
  display: none;
  content: url(../images/search-select-orange.png);
}

.history {
  float: left;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .history {
    margin-bottom: 75px;
  }
}
.history .history-paragraph {
  float: none;
  position: relative;
  margin: auto;
}
.history .history-paragraph .history-content-wrapper {
  float: left;
  width: 100%;
  margin-bottom: 120px;
}
@media (max-width: 768px) {
  .history .history-paragraph .history-content-wrapper {
    margin-bottom: 60px;
  }
}
.history .history-content {
  float: none;
  position: relative;
  margin: auto;
}
.history .history-content .history-content-wrapper {
  float: left;
  width: 100%;
  position: relative;
}
.history .history-content .history-content-wrapper > .container {
  margin-bottom: 200px;
}
@media (max-width: 768px) {
  .history .history-content .history-content-wrapper > .container {
    margin-bottom: 0;
  }
}
.history .history-content .ball {
  width: 7px;
  height: 7px;
  border-radius: 100%;
  margin-left: 0;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
}
.history .history-content .orangeBall {
  background-color: #ea862c;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  margin-left: 0;
  transform: translateX(-50%) translateY(0%);
  position: absolute;
  top: 0;
  left: 50%;
  transition: all 1s ease;
}
.history .history-content .date-bar {
  width: 50px;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 20px;
}
@media (max-width: 768px) {
  .history .history-content .date-bar {
    display: none;
  }
}
.history .history-content .date-bar .date {
  position: relative;
}
.history .history-content .date-bar .date a {
  cursor: pointer;
  transition: all 0.6s ease;
}
.history .history-content .date-bar .date.currentHistory .ripple {
  opacity: 0 !important;
}
.history .history-content .date-bar .date.currentHistory a {
  opacity: 0;
}
.history .history-content .date-bar .date-label {
  position: relative;
  display: block !important;
}
.history .history-content .date-bar .date-label .ripple {
  transition: all 0.6s ease;
  margin: 0;
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(204, 169, 44, 0.8);
  animation: ripple 3s infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
  opacity: 0;
}
.history .history-content .date-bar .date-label:hover .ripple {
  opacity: 1;
}
.history .history-content .date-bar .bar {
  width: 100%;
  height: 50px;
  margin-bottom: 15px;
  margin-top: 10px;
  position: relative;
  background: none;
}
.history .history-content .date-bar .bar::after {
  position: absolute;
  height: 100%;
  left: 50%;
  display: block;
  content: "";
  top: 0;
  width: 1px;
  background: #005D44;
}
@media (max-height: 800px) {
  .history .history-content .date-bar .bar {
    margin-bottom: 15px;
    margin-top: 10px;
  }
}
.history .history-content .date-bar a {
  font-weight: inherit;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}
.history .history-content .date-field {
  float: left;
  width: 100%;
  padding-bottom: 0;
}
.history .history-content .date-field .col-right {
  float: right;
  width: 40%;
  position: relative;
}
@media (max-width: 768px) {
  .history .history-content .date-field .col-right {
    width: 100%;
  }
}
@media (min-width: 799px) {
  .history .history-content .date-field .col-right .little-img {
    left: 37%;
  }
}
.history .history-content .date-field .col-left {
  float: left;
  width: 40%;
  position: relative;
}
@media (max-width: 768px) {
  .history .history-content .date-field .col-left {
    width: 100%;
  }
}
@media (min-width: 799px) {
  .history .history-content .date-field .col-left .little-img {
    left: -15%;
  }
}
.history .history-content .date-field:not(:last-child) {
  margin-bottom: 110px;
}
@media (max-width: 768px) {
  .history .history-content .date-field:not(:last-child) {
    margin-bottom: -30px;
  }
}
@media (max-width: 768px) {
  .history .history-content .date-field {
    padding-bottom: 0;
  }
}
.history .history-content .date-field:last-child {
  padding-bottom: 80px;
}
@media (max-width: 768px) {
  .history .history-content .date-field:last-child {
    padding-bottom: 0;
  }
}
.history .history-content .date-field .date-info {
  padding-top: 120px;
  position: relative;
}
@media (max-width: 768px) {
  .history .history-content .date-field .date-info {
    padding-top: 125px;
  }
  .history .history-content .date-field .date-info:before {
    content: "";
    display: block;
    position: absolute;
    height: 125px;
    width: 1px;
    top: 0;
    left: 50%;
    background: #005D44;
  }
}
@media (max-width: 768px) {
  .history .history-content .date-field:nth-child(1) .date-info {
    padding-top: 0;
  }
  .history .history-content .date-field:nth-child(1) .date-info:before {
    display: none;
  }
}
.history .history-content .date-field .big-img {
  width: 100%;
  background-image: url("../images/img1.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.history .history-content .date-field .big-img:after {
  content: "";
  display: block;
  padding-top: 100%;
}
@media (max-width: 768px) {
  .history .history-content .date-field .big-img {
    width: 87.14%;
  }
}
.history .history-content .date-field .little-img {
  width: 78.72%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  bottom: 0;
  position: relative;
  transform: translateY(-30px);
}
@media (max-width: 768px) {
  .history .history-content .date-field .little-img {
    width: 78.69%;
    left: initial !important;
    bottom: 0;
    right: -21%;
  }
}
.history .history-content .date-field .little-img:after {
  content: "";
  display: block;
  padding-top: 63%;
}
@media (min-width: 769px) {
  .history .history-content .date-field.img-inverse {
    padding-bottom: 0;
  }
  .history .history-content .date-field.img-inverse .col-left {
    top: 175px;
  }
  .history .history-content .date-field.img-inverse .little-img {
    transform: translateY(-290%);
  }
}

.cookie-settings-container {
  background-color: #faf9f8;
  color: #005D44;
  overflow: hidden;
  padding: 70px 0 60px;
}
.cookie-settings-container button {
  margin-top: -10px;
  padding: 13px 26px;
}
@media (max-width: 768px) {
  .cookie-settings-container button {
    margin-top: 20px;
  }
}
.cookie-settings-container .radio-inline input {
  margin-left: 6px;
}
.cookie-settings-container h6 {
  margin-bottom: 98px;
}

.cookie-bar {
  top: 0;
  left: 0;
  position: relative;
  width: 100%;
  z-index: 9999;
  background: #015256;
  padding: 20px;
  color: #fff;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1099px) {
  .cookie-bar {
    font-size: 14px;
    line-height: 20px;
  }
}
.cookie-bar * {
  font-size: inherit;
  line-height: inherit;
}
.cookie-bar p {
  margin-bottom: 0;
}
@media (max-width: 1099px) {
  .cookie-bar {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1099px) {
  .cookie-bar .desktop-cookie-policy {
    padding-left: 0;
  }
}
.cookie-bar .flexable {
  display: flex;
}
.cookie-bar .close-button {
  background-image: url("../images/close-white.png");
  background-size: cover;
  background-position: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
}
@media (min-width: 1100px) {
  .cookie-bar .close-button {
    right: 20px;
  }
}

.paragraphs {
  background: transparent;
  margin-bottom: 30px;
}
.paragraphs.green {
  background: #005D44;
}
.paragraphs.green .paragraph-title {
  color: white;
  font-weight: lighter;
  padding-bottom: 50px;
}
.paragraphs.green .paragraph-text {
  color: white;
}
.paragraphs.gray {
  background: #faf9f8;
}
.paragraphs .paragraphs-cnt.bper-wrapper {
  padding: 90px 0;
}
.paragraphs .paragraph-title {
  color: #005D44;
  font-weight: lighter;
  padding-bottom: 50px;
  font-size: 42px;
  margin: 0;
}
.paragraphs .paragraph-text {
  color: #005D44;
}

@media (max-width: 768px) {
  .paragraphs .paragraphs-cnt.bper-wrapper {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
.suggestions {
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 55px;
}
@media (max-width: 480px) {
  .suggestions {
    padding: 0 25px;
  }
}
@media (max-width: 991px) {
  .suggestions {
    margin-bottom: 0;
  }
}
.suggestions .suggestions-container {
  display: flex;
}
@media (max-width: 991px) {
  .suggestions .suggestions-container {
    display: block;
  }
}
.suggestions .suggestion {
  background: var(--primary-400);
  height: auto;
  border-radius: 24px;
  margin-bottom: 40px;
  position: relative;
  box-shadow: 0px 16px 24px rgba(126, 140, 141, 0.32);
  height: calc(100% - 40px);
}
.suggestions .suggestion-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  overflow: hidden;
}
.suggestions .suggestion-image:after {
  padding-top: 140px;
  content: "";
  display: block;
}
.suggestions .suggestion-text {
  color: #fff;
  font-size: 28px;
  font-family: "Din-Bold", sans-serif;
  line-height: 36px;
  margin-bottom: 24px;
}
.suggestions .suggestion-text-ctr {
  padding: 33px 25px 36px 25px;
  display: flex;
  flex-direction: column;
  height: calc(100% - 140px);
}
.suggestions .suggestion-link {
  position: relative;
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 18px;
  line-height: 26px;
  margin-top: auto;
}

.privacy-policy {
  overflow: hidden;
}
.privacy-policy .title {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  margin-bottom: 0;
}
.privacy-policy .subtitle {
  margin-top: 70px;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.1;
}
.privacy-policy .subtitle.first {
  margin-top: 50px;
  margin-bottom: 20px;
}
.privacy-policy .description {
  margin-bottom: 50px;
}
.privacy-policy .description p {
  text-align: justify;
  color: #005D44;
}
.privacy-policy .description a {
  font-weight: normal;
  text-decoration: underline;
}
.privacy-policy .description a.mail {
  text-decoration: none;
}
.privacy-policy .description .general-info {
  color: #005D44;
}
.privacy-policy iframe {
  border: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin-top: 70px;
  color: #005D44;
}

@media (max-width: 768px) {
  .certificates .keyword {
    margin-top: 0 !important;
  }
}
@media (max-width: 768px) {
  .certificates .product-cover {
    display: block !important;
  }
}
.certificates .icons-block {
  width: 90%;
  margin-right: 22%;
  margin-left: 0;
  margin-top: 45px;
}
@media (max-width: 1199px) {
  .certificates .icons-block {
    margin-right: 10%;
  }
}
@media (max-width: 991px) {
  .certificates .icons-block {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
}
.certificates .icons-block .certificate-icon {
  max-height: 115px;
  max-width: calc(32% - 30px);
  margin-right: 0;
  margin-left: 30px;
  vertical-align: baseline;
}
@media (min-width: 376px) and (max-width: 991px) {
  .certificates .icons-block .certificate-icon {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(32% - 30px);
    max-height: initial;
  }
}
@media (max-width: 375px) {
  .certificates .icons-block .certificate-icon {
    display: block;
    margin: auto;
    max-width: 100%;
    margin-bottom: 30px;
  }
}
.certificates.right .product-info {
  padding-left: 55px !important;
  padding-right: 30px !important;
}
@media (max-width: 1199px) {
  .certificates.right .product-info {
    padding-left: 30px !important;
  }
}
@media (min-width: 1200px) {
  .certificates.right .icons-block {
    margin-left: 22%;
    margin-right: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .certificates.right .icons-block {
    margin-left: 10%;
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .certificates.right .icons-block .certificate-icon {
    margin-right: 30px;
    margin-left: 0;
  }
}

.recommended-pages > h3 {
  margin-top: 0;
  margin-bottom: 34px;
  padding-top: 62px;
}
.recommended-pages .recommended-pages-item-cover {
  height: 250px;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.recommended-pages .recommended-pages-item-content {
  background: #faf9f8;
  *margin: 0 20px;
  position: relative;
  width: 90%;
  bottom: 3.3em;
  padding: 31px 23px 18px 31px;
  min-height: 170px;
}
@media (max-width: 768px) {
  .recommended-pages .recommended-pages-item-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.recommended-pages .recommended-pages-item-content h5 {
  margin-top: -3px;
}
.recommended-pages .recommended-pages-item-content p {
  height: 2em;
  overflow: hidden;
  margin-bottom: 31px;
  line-height: 1;
}
.recommended-pages .recommended-pages-item-content a {
  float: none;
  position: absolute;
  right: 25px;
  bottom: 10px;
}

#map {
  width: 100%;
  height: 500px;
  margin: 0 auto;
}
#map .gm-style-iw {
  padding: 9px 16px 10px 16px;
}
#map .gm-style-iw + div {
  background-image: url(../images/icn_close.png);
  width: 20px !important;
  height: 20px !important;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  top: 22px !important;
  right: 16px !important;
}
#map .gm-style-iw + div img {
  display: none;
}
#map .gm-style-iw h2 {
  color: #64B054;
  margin-top: 0;
  line-height: 1;
}
#map .gm-style-iw .subsidiary-icon {
  background-repeat: no-repeat;
  background-position: left;
  background-size: 15px;
  padding-left: 25px;
  margin: 0;
}
#map .gm-style-iw .subsidiary-url {
  margin-top: 16px;
}
#map .gm-style-iw .subsidiary-address {
  background-image: url(../images/subsidiary/icn-pointer-green-dark.png);
}
#map .gm-style-iw .subsidiary-phone {
  background-image: url(../images/subsidiary/icn-call-green-dark.png);
}
#map .gm-style-iw .subsidiary-fax {
  background-image: url(../images/subsidiary/icn-fax-green-dark.png);
}
#map .gm-style-iw .subsidiary-distance {
  background-image: url(../images/subsidiary/icn-indication-green.png);
  color: #64B054;
  font-family: "Din-Bold", sans-serif;
}

.new-subsidiary {
  /*background-color: $bper-grey;*/
  padding-top: 20px;
  padding-bottom: 20px;
}
.new-subsidiary .new-subsidiary-label {
  padding-left: 30px;
  background-image: url(../images/subsidiary/icn-pointer-green.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}

.search-subsidiary-header {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
  float: none;
  padding: 0;
  padding-top: 60px;
  padding-bottom: 45px;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .search-subsidiary-header {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  .search-subsidiary-header {
    width: 100%;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
.search-subsidiary-header h1 {
  margin: 0;
}
.search-subsidiary-header h2 {
  margin-top: 0;
  margin-bottom: 20px;
}

.get-position-wrapper {
  text-align: right;
  padding: 30px;
}
.get-position-wrapper a {
  cursor: pointer;
  font-weight: normal;
  vertical-align: top;
}
.get-position-wrapper a:hover .get-position-icon {
  background-image: url(../images/subsidiary/icn-geolocation-orange.png);
}
.get-position-wrapper .get-position-icon {
  height: 26px;
  width: 26px;
  display: inline-block;
  background-image: url(../images/subsidiary/icn-geolocation-green.png);
  margin-right: 10px;
  background-size: contain;
}

#pac-input {
  width: 100%;
  padding: 24px 27px;
  line-height: 1;
  border-radius: 45px;
  border: 1px solid #bcb6af;
  background-image: url(../images/icn-search.png);
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 20px;
}
#pac-input::placeholder {
  color: #005D44;
}
#pac-input:focus {
  outline: none;
}

.new-subsidiary {
  float: left;
  width: 100%;
}
.new-subsidiary .container {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
  float: none;
  padding: 0;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .new-subsidiary .container {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  .new-subsidiary .container {
    width: 100%;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}

.subsidiary-list {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
.subsidiary-list .subsidiary-list-wrapper {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
  float: none;
  padding: 0;
  padding-top: 60px;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .subsidiary-list .subsidiary-list-wrapper {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  .subsidiary-list .subsidiary-list-wrapper {
    width: 100%;
    padding-left: 35px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  .subsidiary-list .subsidiary-list-wrapper .subsidiary-item-header .subsidiary-item-icn {
    padding-left: 30px;
  }
}
.subsidiary-list .subsidiary-item-distance {
  text-align: right;
}
@media (max-width: 768px) {
  .subsidiary-list .subsidiary-item-distance {
    text-align: left;
  }
}
.subsidiary-list .subsidiary-item-distance p {
  font-size: 24px;
}
.subsidiary-list .subsidiary-item-header h3 {
  margin-top: 0;
  color: #64B054;
  line-height: 1;
}
.subsidiary-list .subsidiary-item-content {
  margin-top: 18px;
  display: flex;
}
@media (max-width: 991px) {
  .subsidiary-list .subsidiary-item-content {
    display: block;
    margin-top: 0;
  }
}
.subsidiary-list .subsidiary-item-content > div:last-child {
  align-self: flex-end;
}
@media (max-width: 991px) {
  .subsidiary-list .subsidiary-item-content > div {
    margin-top: 35px;
  }
}
.subsidiary-list .subsidiary-item-content .link-cta.link-cta-icon {
  display: inline-block;
  margin-bottom: 10px;
  padding-right: 12px;
}
@media (min-width: 768px) {
  .subsidiary-list .subsidiary-item-content .link-cta.link-cta-icon {
    padding-right: 20px;
  }
}
.subsidiary-list .subsidiary-item-icn {
  padding-left: 40px;
  background-size: 20px;
  background-position: left top;
  background-repeat: no-repeat;
}
.subsidiary-list .subsidiary-item-icn.subsidiary-item-icn-call {
  background-image: url(../images/subsidiary/icn-call-green-dark.png);
}
.subsidiary-list .subsidiary-item-icn.subsidiary-item-icn-fax {
  background-image: url(../images/subsidiary/icn-fax-green-dark.png);
}
.subsidiary-list .subsidiary-item-icn.subsidiary-item-icn-address {
  background-image: url(../images/subsidiary/icn-pointer-green-dark.png);
}
.subsidiary-list .subsidiary-item-icn.subsidiary-item-icn-distance {
  background-image: url(../images/subsidiary/icn-indication-green.png);
}
.subsidiary-list .subsidiary-item-icn.subsidiary-item-icn-clock {
  background-image: url(../images/subsidiary/icn-clock-green-dark.png);
  background-position: top left;
}
.subsidiary-list hr {
  margin-top: 50px;
  margin-bottom: 50px;
}

.new-subsidiary-list-wrapper {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.new-subsidiary-header {
  padding-bottom: 58px;
  padding-top: 0;
  display: flex;
  align-items: flex-end;
}
.new-subsidiary-header h3 {
  margin-bottom: 0;
}
.new-subsidiary-header .new-subsidiary-filter {
  -webkit-appearance: none;
  border: none;
  margin-bottom: 5px;
  border-bottom: 1px solid #005D44;
  background-image: url(../images/subsidiary/icn-select.png);
  background-repeat: no-repeat;
  background-position: center right 5px;
  background-size: 10px;
  padding-right: 45px;
  padding-left: 5px;
  color: #005D44;
}
@media (max-width: 768px) {
  .new-subsidiary-header .new-subsidiary-filter {
    margin-top: 20px;
  }
}
.new-subsidiary-header .new-subsidiary-filter:focus {
  outline: none;
}
@media (max-width: 768px) {
  .new-subsidiary-header {
    display: block;
  }
}

.map-info h6 {
  color: #64B054;
}
@media (max-width: 768px) {
  .map-info {
    padding-top: 14px;
    padding-bottom: 38px;
  }
}

@media (max-width: 991px) {
  .nearest-subsidiaries {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .nearest-subsidiaries .bper-wrapper {
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .nearest-subsidiaries .row {
    margin-left: 0;
    margin-right: 0;
  }
}
.nearest-subsidiaries .subtitle {
  display: none;
}
@media (max-width: 991px) {
  .nearest-subsidiaries .subtitle {
    display: block;
    margin-bottom: 0;
  }
}
.nearest-subsidiaries .nearest-subsidiaries-map {
  z-index: -1;
}
@media (max-width: 991px) {
  .nearest-subsidiaries .nearest-subsidiaries-map {
    display: none;
  }
}
.nearest-subsidiaries .subsidiary-info {
  background-color: #005D44;
  color: #fff;
  margin-top: -60px;
  width: 90%;
  margin-left: 5%;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 20px;
  padding-bottom: 15px;
  float: left;
}
.nearest-subsidiaries .subsidiary-info .link-cta-wrapper {
  text-align: right;
  margin-top: 16px;
  float: left;
  width: 100%;
}
@media (max-width: 991px) {
  .nearest-subsidiaries .subsidiary-info {
    margin-top: 20px;
    width: 100%;
    margin-left: 0;
  }
  .nearest-subsidiaries .subsidiary-info:nth-child(1) {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .nearest-subsidiaries .row-wrapper {
    overflow-x: scroll;
  }
  .nearest-subsidiaries .row-wrapper > .row > .nearest-subsidiaries-item {
    width: 331px;
    display: block;
    float: left;
    margin-left: 20px;
    padding: 0;
  }
  .nearest-subsidiaries .row-wrapper > .row > .nearest-subsidiaries-item:first-child {
    margin-left: 0;
  }
}
.nearest-subsidiaries .all-subsidiary-link {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .nearest-subsidiaries .all-subsidiary-link {
    margin-top: 30px;
    margin-bottom: 40px;
  }
}

.subsidiary-details .subsidiary-details-header {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
  float: none;
  padding: 0;
  padding-top: 60px;
  padding-bottom: 50px;
  word-break: break-all;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .subsidiary-details .subsidiary-details-header {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  .subsidiary-details .subsidiary-details-header {
    width: 100%;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
.subsidiary-details .subsidiary-details-header h1 {
  margin: 0;
}
.subsidiary-details .subsidiary-details-header h2 {
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 1;
}
.subsidiary-details .subsidiary-details-header a {
  font-weight: normal;
}
.subsidiary-details .subsidiary-details-header > .row {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 768px) {
  .subsidiary-details .subsidiary-details-header > .row {
    display: block;
  }
}
.subsidiary-details .subsidiary-details-header .subsidiary-details-header-distance {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .subsidiary-details .subsidiary-details-header {
    padding: 25px 10px 5px 10px;
  }
}
.subsidiary-details .subsidiary-details-content {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
  float: none;
  padding: 0;
  padding-top: 40px;
  padding-top: 60px;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .subsidiary-details .subsidiary-details-content {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  .subsidiary-details .subsidiary-details-content {
    width: 100%;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
.subsidiary-details .subsidiary-details-content > .row {
  float: left;
  width: calc(100% + 15px);
  margin-bottom: 30px;
}
.subsidiary-details .subsidiary-details-content h2 {
  line-height: 1;
}
@media (max-width: 768px) {
  .subsidiary-details .subsidiary-details-content .hour-section {
    margin-top: 30px;
  }
}
.subsidiary-details .subsidiary-item-icn {
  padding-left: 40px;
  background-size: 20px;
  background-position: left;
  background-repeat: no-repeat;
}
.subsidiary-details .subsidiary-item-icn.subsidiary-item-icn-call {
  background-image: url(../images/subsidiary/icn-call-green-dark.png);
  padding-top: 10px;
  margin: 0;
}
.subsidiary-details .subsidiary-item-icn.subsidiary-item-icn-fax {
  background-image: url(../images/subsidiary/icn-fax-green-dark.png);
  padding-top: 10px;
  margin: 0;
}
.subsidiary-details .subsidiary-item-icn.subsidiary-item-icn-address {
  background-image: url(../images/subsidiary/icn-pointer-green-dark.png);
}
.subsidiary-details .subsidiary-item-icn.subsidiary-item-icn-distance {
  background-image: url(../images/subsidiary/icn-indication-green.png);
}
.subsidiary-details .subsidiary-item-icn.subsidiary-item-icn-distance:hover {
  background-image: url(../images/subsidiary/icn-indication-orange.png);
}
.subsidiary-details .subsidiary-item-icn.subsidiary-item-icn-clock {
  background-image: url(../images/subsidiary/icn-clock-green-dark.png);
  background-position: top left;
}

.filiale-box {
  background: #faf9f8;
}
.filiale-box .filiale-box__wrapper {
  padding: 24px;
}
.filiale-box .filiale-box__header {
  font-family: "Din-Bold", sans-serif;
  font-size: 22px;
  margin: 12px 0 24px;
}
.filiale-box .filiale-box__description {
  font-weight: 100;
  line-height: 1;
  font-size: 40px;
  letter-spacing: 0;
}
.filiale-box .filiale-box__label {
  display: flex;
  padding: 10px 0;
  display: -webkit-box;
}
.filiale-box .filiale-box__label p {
  margin: 0;
}
.filiale-box .filiale-box__label:first-child {
  padding-top: 0;
}
.filiale-box .filiale-box__label:last-child {
  padding-bottom: 0;
}
.filiale-box .filiale-box__labels {
  margin-top: 40px;
}
.filiale-box .filiale-box__icon--full-address {
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: center;
  margin-right: 8px;
  background-size: contain;
  background-image: url("../images/png/filiali.png");
}
.filiale-box .filiale-box__icon--distance {
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: center;
  margin-right: 8px;
  background-size: contain;
  background-image: url("../images/png/directions.png");
}
.filiale-box .filiale-box__icon--phone {
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: center;
  margin-right: 8px;
  background-size: contain;
  background-image: url("../images/png/phone.png");
}
.filiale-box .filiale-box__map {
  height: 340px;
  width: 100%;
  margin: 0 auto;
}
.filiale-box .filiale-box__map#map {
  height: 340px;
}
.filiale-box .filiale-box__infowindow {
  min-width: 370px;
}
.filiale-box .filiale-box__infowindow__description {
  font-weight: 100;
  line-height: 1;
  font-size: 25px;
  letter-spacing: 0;
}
.filiale-box .filiale-box__infowindow .filiale-box__label {
  font-family: "kievit";
  padding: 3px 0;
}
.filiale-box .filiale-box__infowindow .gm-style-iw + div img {
  display: none;
}
.filiale-box .filiale-box__links {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 480px) {
  .filiale-box .filiale-box__links {
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px;
  }
}
@media (max-width: 374px) {
  .filiale-box .filiale-box__links {
    display: block;
  }
  .filiale-box .filiale-box__links a {
    display: block;
    clear: left;
  }
  .filiale-box .filiale-box__links a + a {
    line-height: 54px;
  }
}
.filiale-box #map .gm-style-iw + div img {
  display: inherit;
  display: none;
}

@media (min-width: 992px) {
  .fb-feed {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.fb-feed .fb-feed-post-container {
  padding: 30px 30px 35px;
  min-height: 500px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .fb-feed .fb-feed-post-container.bper-wrapper {
    padding: 30px 30px 35px !important;
  }
}
@media (max-width: 991px) {
  .fb-feed .fb-feed-post-container.bper-wrapper {
    padding: 12px 12px 15px 12px !important;
  }
}
.fb-feed .fb-feed-post-container .fb-feed-page-pic {
  padding: 0;
  float: left;
  margin-right: 30px;
}
@media (max-width: 991px) {
  .fb-feed .fb-feed-post-container .fb-feed-page-pic {
    margin-right: 12px;
  }
}
.fb-feed .fb-feed-post-container .fb-feed-page-pic img {
  max-height: 70px;
  max-width: 70px;
}
@media (max-width: 991px) {
  .fb-feed .fb-feed-post-container .fb-feed-page-pic img {
    max-height: 55px;
    max-width: 55px;
  }
}
.fb-feed .fb-feed-post-container .fb-feed-page-details {
  padding-top: 10px;
  float: left;
}
@media (max-width: 991px) {
  .fb-feed .fb-feed-post-container .fb-feed-page-details {
    padding-top: 7px;
  }
}
.fb-feed .fb-feed-post-container .fb-feed-page-details .fb-feed-page-details-page-name {
  font-size: 22px;
  font-family: "Din-Bold", sans-serif;
}
.fb-feed .fb-feed-post-container .fb-feed-follow-us {
  float: right;
  padding: 0;
}
.fb-feed .fb-feed-post-container .fb-feed-follow-us a {
  display: inline-block;
}
.fb-feed .fb-feed-post-container .fb-feed-follow-us-cta {
  display: inline-block;
  padding-right: 8px;
}
.fb-feed .fb-feed-post-container .fb-feed-fb-logo {
  height: 30px;
  width: 30px;
  background-image: url(../images/fb-feed-fb-logo.png);
}
.fb-feed .fb-feed-post-container .fb-feed-message {
  padding-top: 13px;
  padding-bottom: 12px;
  line-height: 1.2;
}
.fb-feed .fb-feed-post-container .fb-feed-media div {
  height: 510px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.fb-feed .fb-feed-post-container .fb-feed-media img {
  width: 100%;
  max-height: 600px;
}
.fb-feed .fb-feed-post-container .fb-feed-media .fb-feed-media-video-overlay {
  background-image: url(../images/fb-video-play-icon.png);
  background-position: center;
  background-size: 25%;
  background-repeat: no-repeat;
}

.chatbot-portlet {
  margin: 0 auto -168px;
  position: relative;
  float: left !important;
  height: 168px;
  width: 100%;
  margin-top: -170px;
}
.chatbot-portlet .chatbot-answers {
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
}
@media (max-width: 768px) {
  .chatbot-portlet {
    float: none !important;
    margin: 0;
    height: auto;
  }
  .chatbot-portlet > .portlet {
    position: relative !important;
  }
}
.chatbot-portlet .chatbot-container {
  float: left;
  width: 100%;
}
.chatbot-portlet .chatbot-main-column {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}
.chatbot-portlet .portlet-body {
  overflow-x: auto;
}
@media (max-width: 768px) {
  .chatbot-portlet .portlet-body {
    background-color: #fff;
    padding-top: 20px;
  }
}
.chatbot-portlet .portlet {
  float: left;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  margin: 0;
}
.chatbot-portlet .container {
  padding: 0px;
}
.chatbot-portlet .node {
  position: absolute;
  top: 0;
  width: 100%;
  background: none;
  height: 100%;
  /*left: 50%;
  transform: translateX(-50%);*/
}
.chatbot-portlet .chatbot-avatar {
  display: none;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.chatbot-portlet .main-content-body {
  width: 898px;
  margin: auto;
  float: none;
}
.chatbot-portlet .main-content-body .container {
  position: relative;
  height: 170px;
}
.chatbot-portlet .node .chatbot-message:last-of-type .chatbot-avatar {
  display: block;
}
.chatbot-portlet .node .chatbot-message-container {
  margin-bottom: 24px;
  width: 100%;
  float: left;
}
@media (max-width: 768px) {
  .chatbot-portlet .node .chatbot-message-container {
    overflow-x: auto;
  }
}
.chatbot-portlet .node .chatbot-message.row {
  display: flex !important;
}
@media (max-width: 768px) {
  .chatbot-portlet .node .chatbot-message.row {
    width: auto !important;
  }
}
.chatbot-portlet .chatbot-user-answer {
  padding: 20px 16px 30px;
  float: left;
  width: 100%;
}
.chatbot-portlet .chatbot-user-answer .chatbot-answer * {
  display: inline;
}
.chatbot-portlet .chatbot-user-answer .chatbot-answer p {
  background-color: #faf9f8;
  padding: 20px 30px;
  border-radius: 100px;
  margin-right: 5px;
  max-width: 90%;
}
.chatbot-portlet .chatbot-answers {
  text-align: center;
  overflow: hidden;
  width: 100%;
  height: 140px;
  background: none;
  margin-top: 0;
  padding: 42px 0 0;
  overflow-y: auto;
}
.chatbot-portlet .chatbot-answers span {
  display: inline-block;
}
.chatbot-portlet .chatbot-answers .chatbot-answer {
  display: inline-block;
  padding: 2px;
  width: auto;
}
.chatbot-portlet .chatbot-answers .chatbot-answer p {
  background-color: #64B054;
  display: inline-block;
  white-space: inherit;
}
.chatbot-portlet .chatbot-answers .chatbot-answer-home {
  display: inline;
  padding: 12px;
}
.chatbot-portlet .chatbot-answers .chatbot-answer-home p {
  display: inline-block;
}
.chatbot-portlet .chatbot-answers .chatbot-answer-home p + div {
  display: block;
  color: var(--primary-400);
}
.chatbot-portlet .chatbot-answers .chatbot-answer-home .btn {
  /*				border: solid 1px var(--primary-400);
  color: var(--primary-400);
  background: none;

  &:hover {
  	color: $bper-white;
  				background-color: $bper-orange;
  				border-color: $bper-white;
  }*/
}
.chatbot-portlet .chatbot-answers .chatbot-answer-home span {
  display: inline-block;
}
@media (max-width: 768px) {
  .chatbot-portlet .modal.in choices {
    z-index: 9999;
    position: fixed;
  }
}
.chatbot-portlet choices {
  float: left;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: #fff;
  z-index: 1;
}
.chatbot-portlet choices hr {
  margin: 0;
}
.chatbot-portlet .chatbot-message {
  margin-bottom: 0;
  padding-left: 20px;
  padding-top: 0;
  transition: border-radius 0s ease 0s;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
  background-image: url(/o/bper-theme-2022/images/icon-botper.png);
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: left;
  padding-left: 70px;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .chatbot-portlet .chatbot-message {
    float: left;
    width: 100%;
  }
}
.chatbot-portlet .chatbot-message .card {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .chatbot-portlet .chatbot-message .card {
    width: 260px;
    min-width: 260px;
    margin-left: 13px;
    margin-right: 2px;
  }
}
.chatbot-portlet .chatbot-message .aspect-ratio {
  padding-bottom: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.chatbot-portlet .chatbot-message .aspect-ratio::after {
  content: "";
  display: block;
  padding-top: 58%;
}
.chatbot-portlet .chatbot-message .card-row {
  height: auto;
}
.chatbot-portlet .chatbot-message .card-col-content {
  text-align: left !important;
  position: static;
}
.chatbot-portlet .chatbot-message .card-col-content div {
  margin-bottom: 60px;
}
.chatbot-portlet .chatbot-message .btn {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
}
.chatbot-portlet .chatbot-avatar {
  background-image: url(/o/bper-theme-2022/images/icon-botper.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 50px;
  width: 47px;
}
.chatbot-portlet .chatbot-message p {
  border-bottom-left-radius: 0;
  transition: border-radius 0s ease 0s;
  line-height: 1;
  margin-bottom: 0;
  padding: 20px 30px;
  width: auto;
  display: inline-block;
  max-width: 100%;
  border-radius: 100px;
  background: var(--primary-400);
  color: #fff;
  position: relative;
}
.chatbot-portlet .chatbot-message:last-of-type p {
  border-bottom-left-radius: 0px;
  transition: border-radius 0s ease 0s;
}
.chatbot-portlet .chatbot-message:last-of-type p::before {
  content: "";
  position: absolute;
  display: block;
  bottom: -10px;
  right: 100%;
  transform: translateX(50px) rotate(-45deg);
  transition: transform 0ms;
  width: 20px;
  height: 20px;
  border: 10px solid var(--primary-400);
  border-radius: 50%;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  transform-origin: 50% 50%;
  margin-right: -10px;
  box-sizing: content-box;
}
.chatbot-portlet .chatbot-message:last-of-type p::after {
  content: "";
  background: #fff;
  width: 100%;
  height: 12px;
  position: absolute;
  bottom: 1px;
  left: -13px;
  opacity: 1;
  transform: translateY(100%);
}
.chatbot-portlet .chatbot-message:last-of-type p::before {
  transform: translateX(0px) rotate(-45deg);
}
.chatbot-portlet .modal-body {
  overflow-y: scroll;
  padding-bottom: 0 !important;
}
@media (max-width: 767px) {
  .chatbot-portlet .modal-body {
    height: calc(100% - 123px) !important;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .chatbot-portlet .modal-body {
    bottom: 0;
    position: relative;
    top: 0;
  }
}
.chatbot-portlet .modal-body .bper-wrapper .chatbot-row {
  overflow-y: auto;
  height: calc(100vh - 275px);
}
@media (max-width: 1199px) {
  .chatbot-portlet .modal-body .bper-wrapper .chatbot-container {
    height: 100%;
  }
  .chatbot-portlet .modal-body .bper-wrapper .chatbot-row {
    height: 100%;
  }
  .chatbot-portlet .modal-body .bper-wrapper .chatbot-row::after {
    content: "";
    display: block;
    padding-top: 120px;
  }
  .chatbot-portlet .modal-body .bper-wrapper choices {
    position: absolute !important;
    bottom: 0 !important;
    padding: 0;
    width: 100vw !important;
    left: calc(-2.5% - 15px) !important;
  }
}
@media (max-width: 1199px) and (max-width: 767px) {
  .chatbot-portlet .modal-body .bper-wrapper choices {
    left: -15px !important;
  }
}
@media (max-width: 1199px) {
  .chatbot-portlet .modal-body .bper-wrapper .chatbot-answers {
    background-color: #fff;
  }
}
.chatbot-portlet .modal.in {
  z-index: 1201;
}
.chatbot-portlet .modal-dialog {
  position: relative;
  width: 100vw;
  height: 100vh;
  margin: 0;
}
@media (max-width: 767px) {
  .chatbot-portlet .modal-dialog {
    height: 100%;
  }
}
.chatbot-portlet .modal-dialog .modal-content {
  overflow: hidden;
  height: 100%;
}
.chatbot-portlet .modal-dialog .modal-content .modal-header {
  border: none;
  padding: 30px 40px 30px 40px;
}
.chatbot-portlet .modal-dialog .modal-content .modal-header .close {
  width: 20px;
  height: 20px;
  background-image: url(../images/icn_close.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: 10px;
}
.chatbot-portlet .modal-dialog .modal-content .modal-header .close:focus {
  outline: none;
}
.chatbot-portlet .modal-dialog .modal-content .modal-header .close svg {
  display: none;
}
.chatbot-portlet .modal-dialog .modal-content .modal-body {
  width: 100vw;
  height: calc(100vh - 123px);
  overflow: hidden;
  padding-bottom: 120px;
}
.chatbot-portlet .modal-dialog .modal-content .chatbot-user-answer .chatbot-answer * {
  display: inline-block;
}
.chatbot-portlet .modal-dialog .modal-content .container {
  height: 100%;
}
.chatbot-portlet .modal-dialog .modal-content .node-col {
  position: static;
}
.chatbot-portlet .modal-dialog .modal-content choices {
  display: block !important;
  position: fixed;
  bottom: 15px;
  left: 0;
  z-index: 99;
}
@media (min-width: 992px) {
  .chatbot-portlet .modal-dialog .modal-content choices {
    width: 83.33333%;
    left: 8.33%;
  }
}
@media (max-width: 768px) {
  .chatbot-portlet .modal-dialog .modal-content choices {
    width: calc(100% - 30px);
    left: 15px;
  }
}
.chatbot-portlet .modal-dialog .modal-content .node {
  top: inherit;
  left: 0;
  position: static;
  background: none;
  height: auto;
  float: left;
  width: 100%;
}
.chatbot-portlet .modal-dialog .modal-content .node .chatbot-message {
  position: relative;
  top: 0;
  float: left;
  width: 100%;
  background-image: url(/o/bper-theme-2022/images/icon-botper.png);
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: left;
  padding-left: 70px;
}
.chatbot-portlet .modal-dialog .modal-content .chatbot-answers {
  padding: 16px 0px 0;
  white-space: nowrap;
  overflow: auto;
  height: 120px;
}
.chatbot-portlet .modal-dialog .modal-content .chatbot-answers .chatbot-answer {
  margin-left: 5px;
  margin-right: 5px;
}
.chatbot-portlet .modal-dialog .modal-content .chatbot-message {
  margin-bottom: 10px;
}
.chatbot-portlet .wave {
  display: none;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.chatbot-portlet .wave .dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 3px;
  background: teal;
  animation: wave 1.3s linear infinite;
}
.chatbot-portlet .wave .dot:nth-child(2) {
  animation-delay: -1.1s;
}
.chatbot-portlet .wave .dot:nth-child(3) {
  animation-delay: -0.9s;
}
@keyframes wave {
  0%, 60%, 100% {
    transform: initial;
  }
  30% {
    transform: translateY(-15px);
  }
}

@media (max-width: 1199px) {
  html.safari .modal-body choices {
    transform: translateZ(0);
  }
}
.new-subsidiary-list-wrapper .nuove-filiali__box {
  margin-bottom: 70px;
}
.new-subsidiary-list-wrapper .nuove-filiali__map {
  width: 100%;
  height: 232px;
  margin: 0 auto;
}
.new-subsidiary-list-wrapper .nuove-filiali__agency-name {
  color: #64B054;
  font-size: 28px;
  margin: 30px 0 0;
}
.new-subsidiary-list-wrapper .nuove-filiali__agency-address {
  margin: 18px 0 0;
}
@media (max-width: 480px) {
  .new-subsidiary-list-wrapper .nuove-filiali__agency-address {
    margin-top: 0;
  }
}
.new-subsidiary-list-wrapper .nuove-filiali__button-container {
  margin-top: 16px;
  text-align: right;
}

.portlet-boundary_LeadFormWeb_ .show-next-step-2 .wizard > .actions > ul li + li a {
  color: #7E8C8D;
}
.portlet-boundary_LeadFormWeb_ .agreement-step-form .agreement-wrapper {
  float: left;
  width: 50%;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .agreement-step-form .agreement-wrapper {
    width: 100%;
  }
}
.portlet-boundary_LeadFormWeb_ .agreement-step-form .agreement-wrapper .lfr-ddm-field-group-inline {
  width: 100%;
  padding-left: 0;
  padding-right: 30px;
}
.portlet-boundary_LeadFormWeb_ .agreement-step-form .agreement-wrapper .lfr-ddm-field-group-inline .privacy-title + label {
  padding-left: 0;
}
.portlet-boundary_LeadFormWeb_ .bper-form-wrapper {
  float: left;
  width: 100%;
  padding-top: 35px;
  position: absolute;
  height: calc(100% - 35px);
  height: 100%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .bper-form-wrapper .bper-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.portlet-boundary_LeadFormWeb_ .bper-form-wrapper .header-form {
  display: none;
}
.portlet-boundary_LeadFormWeb_ .bper-form-wrapper #leadtype-choosen {
  margin: 0;
  padding: 0;
}
.portlet-boundary_LeadFormWeb_ .bper-form-wrapper .content {
  overflow: hidden;
}
@media (max-width: 1100px) {
  .portlet-boundary_LeadFormWeb_ .bper-form-wrapper .content {
    margin-top: 0 !important;
  }
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .bper-form-wrapper {
    height: 100%;
    padding-top: 0;
  }
  .portlet-boundary_LeadFormWeb_ .bper-form-wrapper form {
    height: 100%;
    padding-top: 0;
  }
}
.portlet-boundary_LeadFormWeb_ .bper-form-wrapper .row-three > div {
  float: left;
  width: 33.33%;
}
@media (max-width: 992px) {
  .portlet-boundary_LeadFormWeb_ .bper-form-wrapper .row-three > div {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .portlet-boundary_LeadFormWeb_ .bper-form-wrapper .row-three > div.address {
    width: 65%;
  }
  .portlet-boundary_LeadFormWeb_ .bper-form-wrapper .row-three > div.address .form-group {
    width: 100%;
  }
  .portlet-boundary_LeadFormWeb_ .bper-form-wrapper .row-three > div.address .form-group input {
    width: calc(100% - 10px);
  }
}
.portlet-boundary_LeadFormWeb_ .bper-form-wrapper .personaldata input {
  max-width: calc(100% - 10px);
}
.portlet-boundary_LeadFormWeb_ .lfr-ddm-field-group-inline {
  font-size: 0;
  margin-top: 40px;
  margin-left: 2px;
}
.portlet-boundary_LeadFormWeb_ h1 {
  margin: 0;
}
.portlet-boundary_LeadFormWeb_ .h2-header {
  margin-top: 0;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .h2-header {
    margin: auto;
    font-size: 32px;
    padding-bottom: 20px;
  }
}
.portlet-boundary_LeadFormWeb_ #answer-header-form {
  font-weight: normal;
  font-size: 32px;
  margin: 0;
}
.portlet-boundary_LeadFormWeb_ hr {
  margin-bottom: 22px;
  margin-top: 22px;
}
.portlet-boundary_LeadFormWeb_ .wizard > .content {
  margin: 0;
  padding: 0;
  min-height: 100px;
  height: calc(100% - 54px) !important;
  position: absolute;
  width: 100%;
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body {
  height: calc(100% - 60px);
  height: 100%;
  position: relative;
  padding: 0;
  overflow-y: auto;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .wizard > .content > .body {
    position: relative;
  }
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body input.error {
  border: 1px solid #bcb6af;
  background: initial;
}
.portlet-boundary_LeadFormWeb_ .wizard > .actions {
  margin-top: 0;
  position: absolute;
  bottom: 0;
  background: #fff;
  height: 55px;
  line-height: 55px;
}
.portlet-boundary_LeadFormWeb_ .wizard > .actions a {
  background: none;
  font-weight: normal;
  color: #005D44;
  font-size: 18px;
  padding: 0;
  border-radius: 0;
}
.portlet-boundary_LeadFormWeb_ .wizard > .actions a:hover {
  color: #ea862c;
}
.portlet-boundary_LeadFormWeb_ .wizard > .actions > ul {
  text-align: left;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.portlet-boundary_LeadFormWeb_ .wizard > .actions > ul li {
  float: none;
}
.portlet-boundary_LeadFormWeb_ .wizard > .actions > ul li.disabled {
  display: none !important;
}
.portlet-boundary_LeadFormWeb_ .wizard > .actions > ul li.disabled:first-child {
  display: block !important;
  opacity: 0;
}
.portlet-boundary_LeadFormWeb_ .wizard > .actions > ul li.disabled:first-child a {
  cursor: default;
}
.portlet-boundary_LeadFormWeb_ .wizard > .actions > ul li:nth-child(2) {
  position: absolute;
  right: 0;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .wizard {
    height: 100%;
    position: absolute;
  }
  .portlet-boundary_LeadFormWeb_ .wizard > .content {
    margin: 0;
    padding: 0;
    height: calc(100% - 40px);
    min-height: 1px;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .portlet-boundary_LeadFormWeb_ .wizard > .content > .title {
    display: none;
  }
  .portlet-boundary_LeadFormWeb_ .wizard > .content section.body {
    overflow-y: auto;
  }
}
.portlet-boundary_LeadFormWeb_ .wizard.step-0 .actions li > a {
  visibility: hidden;
}
.portlet-boundary_LeadFormWeb_ #topic-choosen input[type=radio]:checked + label, .portlet-boundary_LeadFormWeb_ #topic-choosen input[type=radio]:hover + label {
  background-image: none;
  background-color: #ea862c;
  border-color: transparent;
  color: #fff;
}
.portlet-boundary_LeadFormWeb_ #topic-choosen input[type=radio] + label {
  display: inline-block;
  cursor: pointer;
  background-color: #fff;
  margin-right: 40px;
  border: 1px solid #005D44;
  margin-top: 0;
  margin-bottom: 38px;
  padding: 23px 40px;
  border-radius: 40px;
  font-weight: normal;
  font-size: 20px;
}
.portlet-boundary_LeadFormWeb_ #privacyAgreementErr {
  display: block;
  clear: both;
  float: right;
  text-align: right;
}
.portlet-boundary_LeadFormWeb_ .agreement-step-form {
  float: left;
  width: 100%;
}
.portlet-boundary_LeadFormWeb_ .agreement-step-form .lfr-ddm-field-group-inline {
  margin: 0 !important;
  float: left;
  width: 50%;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .agreement-step-form .lfr-ddm-field-group-inline {
    width: 100%;
    padding: 0 !important;
  }
}
.portlet-boundary_LeadFormWeb_ .personaldata input[type=text] {
  height: 60px;
  width: 370px;
  margin-right: 30px;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .personaldata input[type=text] {
    max-width: calc(100% - 10px);
    margin-left: 5px;
  }
}
.portlet-boundary_LeadFormWeb_ .personaldata input[type=text].full-input {
  width: 100%;
}
.portlet-boundary_LeadFormWeb_ .personaldata .row {
  margin: 0;
}
.portlet-boundary_LeadFormWeb_ .personaldata .lfr-ddm-field-group-inline {
  font-size: 18px;
  padding: 0 0 30px 30px;
  vertical-align: top;
  margin: 0;
}
.portlet-boundary_LeadFormWeb_ .personaldata .lfr-ddm-field-group-inline p:first-child {
  margin-bottom: 15px;
}
.portlet-boundary_LeadFormWeb_ .personaldata .privacy-title {
  color: #64B054;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .wizard {
    position: relative;
  }
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > section {
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  .portlet-boundary_LeadFormWeb_ .wizard > .content > section .lead-content-wrapper {
    height: auto !important;
  }
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body label {
  display: inline-block;
  margin: 0 0 10px 30px;
  margin-right: 30px;
  font-weight: normal;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .wizard > .content > .body label.radio-inline {
    padding: 0 !important;
    margin-bottom: 6px !important;
  }
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body hr {
  margin-bottom: 42px;
  margin-top: 22px;
  margin-bottom: 22px;
  float: left;
  width: 100%;
  height: 2px;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .wizard > .content > .body hr {
    margin-top: 22px;
    margin-bottom: 22px;
  }
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body .container {
  float: left;
  width: 100%;
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body input {
  clear: both;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .wizard > .content > .body #topic-choosen div:first-child {
    margin-bottom: 30px;
  }
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body #topic-choosen label {
  float: none;
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body label {
  clear: both;
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body input.error {
  clear: both;
}
.portlet-boundary_LeadFormWeb_ .radio-inline,
.portlet-boundary_LeadFormWeb_ .checkbox-inline {
  margin: 0 !important;
  margin-right: 15px !important;
}
.portlet-boundary_LeadFormWeb_ .wizard > .actions a,
.portlet-boundary_LeadFormWeb_ .wizard > .actions a:hover,
.portlet-boundary_LeadFormWeb_ .wizard > .actions a:active {
  background: transparent;
  color: #005D44;
  display: block;
  padding: 0;
  text-decoration: none;
  border-radius: 0;
}
.portlet-boundary_LeadFormWeb_ .contact-column {
  float: left;
  width: 33%;
}
@media (max-width: 992px) {
  .portlet-boundary_LeadFormWeb_ .contact-column {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.portlet-boundary_LeadFormWeb_ .form-group-inline {
  float: left;
  vertical-align: top;
  margin-left: 0;
}
.portlet-boundary_LeadFormWeb_ .lfr-ddm-field-group-inline {
  float: left;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .lfr-ddm-field-group-inline.field-wrapper {
    margin-top: 15px;
    margin-left: 4px;
    float: none;
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .portlet-boundary_LeadFormWeb_ .lfr-ddm-field-group-inline.field-wrapper.contactchanel {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .portlet-boundary_LeadFormWeb_ .lfr-ddm-field-group-inline.field-wrapper label {
    margin: 0 !important;
    padding: 18px 40px !important;
    margin-right: 15px !important;
    margin-bottom: 20px !important;
  }
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body label.error {
  list-style: none;
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body label.error li {
  list-style: none;
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body input.error {
  margin-bottom: 5px;
}
.portlet-boundary_LeadFormWeb_ .contactchanel {
  margin: 0 !important;
  vertical-align: top;
}
.portlet-boundary_LeadFormWeb_ .agreement-step-form .lfr-ddm-field-group-inline {
  margin: 0 30px 0 0;
}
.portlet-boundary_LeadFormWeb_ .wizard > .steps {
  position: absolute;
  z-index: 100;
  bottom: 0;
  font-size: 0;
  width: 40%;
  left: 30%;
  height: 55px;
}
.portlet-boundary_LeadFormWeb_ .wizard > .steps ul[role=tablist] {
  display: flex !important;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.portlet-boundary_LeadFormWeb_ .wizard > .steps ul[role=tablist] li {
  width: 15px;
  height: 10px;
}
.portlet-boundary_LeadFormWeb_ .wizard > .steps a,
.portlet-boundary_LeadFormWeb_ .wizard > .steps a:hover,
.portlet-boundary_LeadFormWeb_ .wizard > .steps a:active {
  display: block;
  width: 10px;
  text-decoration: none;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  height: 10px;
}
.portlet-boundary_LeadFormWeb_ .wizard > .steps .disabled a,
.portlet-boundary_LeadFormWeb_ .wizard > .steps .done a {
  background: #005D44;
}
.portlet-boundary_LeadFormWeb_ .wizard > .steps .disabled a:hover,
.portlet-boundary_LeadFormWeb_ .wizard > .steps .done a:hover {
  background: #005D44;
}
.portlet-boundary_LeadFormWeb_ .wizard > .steps .current a {
  background: #64B054;
}
.portlet-boundary_LeadFormWeb_ .wizard > .actions .disabled a,
.portlet-boundary_LeadFormWeb_ .wizard > .actions .disabled a:hover,
.portlet-boundary_LeadFormWeb_ .wizard > .actions .disabled a:active {
  background: transparent;
}
.portlet-boundary_LeadFormWeb_ .header-subtitle-final {
  font-size: 32px;
  font-weight: normal;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .header-subtitle-final {
    font-size: 18px;
    letter-spacing: normal;
  }
}
.portlet-boundary_LeadFormWeb_ #leadtype-choosen .text-center {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ #leadtype-choosen .text-center {
    display: block;
  }
}
.portlet-boundary_LeadFormWeb_ #leadtype-choosen .text-center .col50 {
  float: left;
  width: calc(50% - 15px);
  position: relative;
}
.portlet-boundary_LeadFormWeb_ #leadtype-choosen .text-center .col50 + .col50 {
  margin-left: 30px;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ #leadtype-choosen .text-center .col50 {
    width: 100%;
    margin-bottom: 15px;
  }
  .portlet-boundary_LeadFormWeb_ #leadtype-choosen .text-center .col50 + .col50 {
    margin-left: 0;
  }
}
.portlet-boundary_LeadFormWeb_ #leadtype-choosen input[type=radio] + label {
  cursor: pointer;
  padding: 60px 40px;
  height: 100%;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ #leadtype-choosen input[type=radio] + label {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    height: auto !important;
  }
}
.portlet-boundary_LeadFormWeb_ #leadtype-choosen input[type=radio] + label h1 {
  font-weight: 100;
  font-size: 42px !important;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ #leadtype-choosen input[type=radio] + label h1 {
    margin-bottom: 0;
  }
}
.portlet-boundary_LeadFormWeb_ #leadtype-choosen input[type=radio]:checked + label {
  color: white;
}
.portlet-boundary_LeadFormWeb_ #steps-uid-0-p-0,
.portlet-boundary_LeadFormWeb_ #steps-uid-0-p-1,
.portlet-boundary_LeadFormWeb_ #steps-uid-0-p-2,
.portlet-boundary_LeadFormWeb_ #steps-uid-0-p-3 {
  width: 100%;
}
.portlet-boundary_LeadFormWeb_ .lead-content-wrapper {
  overflow: visible;
}

@media (max-width: 992px) {
  .portlet-boundary_LeadFormWeb_ .content {
    margin-top: 0 !important;
  }
  .portlet-boundary_LeadFormWeb_ .personaldata input[type=text] {
    display: block;
    border: 1px solid #bcb6af;
    margin-right: 0;
    width: calc(100% - 10px);
  }
  .portlet-boundary_LeadFormWeb_ .personaldata .row {
    margin: 0;
  }
  .portlet-boundary_LeadFormWeb_ .form-group-inline {
    vertical-align: top;
    width: 100%;
    margin: auto;
    display: block;
    padding-left: 0;
    padding-right: 0;
  }
  #leadtype-choosen .text-center {
    flex-direction: column;
  }
  #leadtype-choosen .text-justify {
    display: none;
  }
  #leadtype-choosen input[type=radio] + label {
    padding: 50px 40px;
  }
  #topic-choosen {
    overflow-x: auto;
    height: 200px;
    width: 100%;
    overflow-y: hidden;
  }
  #topic-choosen .lfr-ddm-field-group-inline {
    white-space: nowrap;
  }
  .sizeInformation,
  .contactchanel {
    padding: 0 13px;
    margin: 20px 0;
  }
}
@media (max-width: 992px) and (max-width: 768px) {
  .sizeInformation,
  .contactchanel {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .wizard > .content {
    min-height: 60em;
  }
  .agreement-step-form {
    padding: 0 13px;
  }
}
@media (max-width: 992px) and (max-width: 768px) {
  .agreement-step-form {
    float: left;
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 992px) {
  .agreement-step-form .lfr-ddm-field-group-inline {
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .personaldata {
    float: left;
    width: 100%;
    padding-top: 40px;
  }
  .personaldata .row {
    margin: 0;
    float: left;
    width: 100%;
  }
}
.modal {
  transform: translateZ(0);
}
.modal.modalFullSize {
  width: 100vw !important;
  height: 100vh !important;
  left: 0 !important;
  top: 0 !important;
}
@media (max-width: 768px) {
  .modal.modalFullSize {
    height: 100% !important;
    color: red;
  }
}
.modal.modalFullSize .logo img {
  height: 63px;
}
.modal.modalFullSize .custom-logo img {
  width: 85px;
}
.modal.modalFullSize .modal-content {
  border-radius: 0;
  box-shadow: none;
  border: none;
  -webkit-overflow-scrolling: touch;
}
.modal.modalFullSize .modal-title {
  display: none;
}
.modal.modalFullSize .modal-content {
  padding: 30px 40px 40px 38px;
}
@media (max-width: 768px) {
  .modal.modalFullSize .modal-content {
    padding: 13px;
  }
}
.modal.modalFullSize .modal-header {
  position: absolute;
  right: 30px;
  top: 25px;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
}
@media (max-width: 768px) {
  .modal.modalFullSize .modal-header {
    right: 0;
    top: 7px;
  }
}
.modal.modalFullSize .modal-header button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/close.png");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.2s ease;
}
.modal.modalFullSize .modal-header button:hover, .modal.modalFullSize .modal-header button:focus {
  opacity: 0.5;
}
.modal.modalFullSize .modal-header button svg {
  display: none;
}
.modal.modalFullSize .modal-body {
  overflow: hidden;
  height: calc(100% - 82px) !important;
  position: relative;
}
@media (max-width: 768px) {
  .modal.modalFullSize .modal-body {
    top: 15px;
  }
}
.modal.modalFullSize .modal-body iframe {
  height: 100% !important;
  width: 100% !important;
}

@media (max-width: 768px) {
  .dialog-iframe-root-node {
    padding: 0 !important;
  }
}
/*
html.safari.ios.mobile {
	.modal.modalFullSize .modal-body {
    	height: calc(100vh - 160px)!important;
	}
}
*/
.bper-separator hr.separator {
  border-top: 1px solid #ddd;
}

.login-form {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1200;
  background-color: #fff;
  opacity: 0;
  transition: all 0.2s ease;
  flex-direction: column;
}
.login-form.active {
  display: flex;
}
.login-form.active .wrapper-green-white-content {
  flex-grow: 2;
  overflow: auto;
}
@media (max-width: 768px) {
  .login-form.active .wrapper-green-white-content {
    overflow: auto;
  }
}
@media (max-height: 767px) {
  .login-form.active .wrapper-green-white-content {
    overflow: auto;
  }
}
.login-form .arrow-down-wrapper {
  padding: 40px 0;
  width: 100%;
  display: flex;
}
@media (max-width: 767px) {
  .login-form .arrow-down-wrapper {
    padding: 30px 0;
  }
}
.login-form .arrow-down-wrapper .arrow-down {
  cursor: pointer;
  display: block;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .login-form .arrow-down-wrapper .arrow-down {
    display: none;
  }
}
.login-form .arrow-down-wrapper .arrow-down:hover svg path {
  fill: var(--secondary-80);
}
.login-form.opacity {
  opacity: 1;
}
.login-form .digital-service .bper-wrapper .digital-service-solution {
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 1199px) {
  .login-form .digital-service .bper-wrapper .digital-service-solution {
    padding-bottom: 25px;
  }
}
.login-form .digital-service .bper-wrapper .digital-service-solution h3 {
  line-height: 44px;
  font-size: 42px;
}
.login-form .digital-service .bper-wrapper .digital-service-solution .description {
  padding-top: 0;
}
.login-form .digital-service .bper-wrapper .digital-service-solution .link-container {
  margin-top: 20px;
  float: left;
  width: 100%;
}
.login-form .digital-service .bper-wrapper .digital-service-solution .link-container .btn {
  padding-left: 49px;
  position: relative;
  overflow: hidden;
  font-size: 20px;
}
@media (max-width: 767px) {
  .login-form .digital-service .bper-wrapper .digital-service-solution .link-container .btn {
    padding-left: 42px;
    font-size: 20px;
  }
}
.login-form .digital-service .bper-wrapper .digital-service-solution .link-container .btn:before {
  background-image: url("../images/icn-lock.png");
  width: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  content: "";
  position: absolute;
  left: 30px;
  top: 0;
  height: 100%;
  margin-top: -3px;
}
@media (max-width: 767px) {
  .login-form .digital-service .bper-wrapper .digital-service-solution .link-container .btn:before {
    left: 25px;
  }
}
.login-form .blocchi-secondari.digital-service {
  margin-bottom: 0;
}
.login-form .blocchi-secondari .wp {
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  .login-form .blocchi-secondari .wp {
    height: auto !important;
  }
}
.login-form .blocchi-secondari .flexable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.login-form .hbs-100 .bper-wrapper {
  display: flex;
  flex-direction: column;
}
.login-form .hbs-100 .row.flexable {
  flex-grow: 1;
  display: flex;
}
@media (max-width: 767px) {
  .login-form .hbs-100 .row.flexable {
    display: block;
  }
}
.login-form .hbs-100 .title-container {
  margin-bottom: 0;
  padding-bottom: 20px;
}
.login-form .hbs-100 .service-container {
  margin-bottom: 0 !important;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .login-form .hbs-100 .service-container {
    margin-bottom: 15px !important;
    display: block;
  }
}
.login-form .hbs-100 .wrapper-service {
  flex-grow: 2;
}
@media (max-width: 767px) {
  .login-form .digital-service-solution {
    margin-bottom: 15px;
  }
}
.login-form .phone-container {
  display: inline-block;
}
.login-form .phone-container .phone-icon {
  vertical-align: middle;
  display: inline-block;
}
@media (max-width: 767px) {
  .login-form .phone-container .phone-icon {
    height: 25px;
  }
}
.login-form .phone-container .phone-number {
  margin-left: 10px;
  display: inline-block;
  font-size: 20px;
}
@media (max-width: 767px) {
  .login-form .phone-container .phone-number {
    font-size: 18px;
  }
}
.login-form .login-header {
  width: 100%;
  padding: 0;
  background: var(--primary-10);
  z-index: 1;
}
.login-form .login-header .login-header-wrapper {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  padding: 56px 0 40px 0;
}
@media (max-width: 799px) {
  .login-form .login-header .login-header-wrapper {
    padding: 25px 20px;
  }
}
@media (max-width: 767px) {
  .login-form .login-header .bper-logo {
    height: 30px;
  }
}
.login-form .login-header .close {
  position: relative;
  z-index: 1;
  opacity: 1;
  font-size: 27px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  text-shadow: none;
  padding: 0;
  width: 40px;
  height: 40px;
  background-image: url(../images/close.png);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  transition: none;
  transform: none;
  float: left;
}
.login-form .login-header .close:hover, .login-form .login-header .close:focus {
  opacity: 0.5;
}
.login-form .login-header .close .image-link {
  display: none !important;
  height: 24px;
  width: 24px;
  vertical-align: middle;
  z-index: 2;
}
@media (max-width: 767px) {
  .login-form .login-header .close .image-link {
    height: 20px;
    width: 20px;
  }
}
.login-form .login-header .close .image-link path {
  fill: #014246;
  fill-rule: evenodd;
  clip-rule: evenodd;
}
.login-form .white-section {
  float: left;
  width: 100%;
  padding: 10px 0;
}
@media (max-width: 768px) {
  .login-form .white-section {
    height: auto !important;
  }
}
@media (max-height: 767px) {
  .login-form .white-section {
    height: auto !important;
  }
}
.login-form .white-section .bper-wrapper-inner {
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 0px;
  padding-left: 0px;
  height: 100%;
}
.login-form .white-section .title-container {
  text-align: center;
  margin-bottom: 55px;
}
@media (max-width: 991px) {
  .login-form .white-section .title-container {
    margin-bottom: 25px;
  }
}
.login-form .white-section .title-container .title {
  font-size: 50px;
  font-weight: 700;
  line-height: 44px;
  margin-bottom: 0;
  margin-top: 0;
}
@media (max-width: 480px) {
  .login-form .white-section .title-container .title {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .login-form .white-section .title-container .title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 35px;
  }
}
.login-form .white-section .title-container .subtitle {
  margin-top: 0;
}
@media (max-width: 767px) {
  .login-form .white-section .title-container .subtitle {
    display: none;
  }
}
.login-form .white-section .title-container .title-mobile {
  display: none;
}
@media (max-width: 767px) {
  .login-form .white-section .title-container .title-mobile {
    display: block;
  }
}
@media (max-width: 767px) {
  .login-form .white-section .title-container {
    text-align: left;
  }
}
.login-form .white-section .service-container {
  background-color: #faf9f8;
  padding: 20px;
  height: 100%;
  margin-bottom: 30px;
  float: left;
  width: 100%;
}
@media (max-width: 1199px) {
  .login-form .white-section .service-container {
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .login-form .white-section .service-container {
    text-align: center;
    margin-bottom: 15px;
  }
}
.login-form .white-section .service-container .service-name {
  font-size: 50px;
  font-weight: 100;
  line-height: 1em;
}
@media (max-width: 1199px) {
  .login-form .white-section .service-container .service-name {
    font-size: 36px;
    text-align: left;
  }
}
.login-form .white-section .service-container .service-description {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .login-form .white-section .service-container .service-description {
    text-align: left;
    margin-bottom: 20px;
  }
}
.login-form .white-section .service-container .phone-number {
  padding-top: 10px;
  margin-top: 0;
}
@media (max-width: 1199px) {
  .login-form .white-section .service-container .phone-container {
    float: left;
    clear: both;
    display: block;
  }
}
@media (max-width: 767px) {
  .login-form .white-section .service-container .phone-container {
    display: block;
    float: left;
    clear: none;
  }
}
.login-form .white-section .service-container .service-button {
  float: right;
}
@media (max-width: 1100px) {
  .login-form .white-section .service-container .service-button {
    display: flex;
    align-items: center;
  }
  .login-form .white-section .service-container .service-button .button-label {
    font-size: 20px;
  }
}
@media (max-width: 1199px) {
  .login-form .white-section .service-container .service-button {
    float: left;
    clear: both;
    display: block;
  }
  .login-form .white-section .service-container .service-button .button-label {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .login-form .white-section .service-container .service-button {
    float: left;
  }
}
@media (max-width: 767px) {
  .login-form .white-section .service-container .service-button {
    float: right;
    display: inline-block;
    clear: none;
  }
}
.login-form .white-section .service-container .service-button .lock-icon {
  vertical-align: baseline;
}
.login-form .white-section .service-container .service-button .button-label {
  margin-left: 5px;
  font-size: 20px;
}
.login-form .white-section .service-download-container {
  width: 100%;
  float: left;
  padding: 23px;
  display: none;
  margin-bottom: 30px;
  background-color: #005D44;
  color: #fff;
}
@media (max-width: 767px) {
  .login-form .white-section .service-download-container {
    display: block;
  }
}
.login-form .white-section .service-download-container .row {
  position: relative;
}
.login-form .white-section .service-download-container .row:not(:first-child) {
  margin-top: 10px;
}
.login-form .white-section .service-download-container .row .text-left {
  position: static;
}
.login-form .white-section .service-download-container .row .text-left span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.login-form .white-section .service-download-container .row a > img {
  max-width: 120px;
  max-height: 40px;
}
.login-form .green-section {
  background-color: #64B054;
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 25px;
  padding-bottom: 30px;
}
@media (max-width: 768px) {
  .login-form .green-section {
    position: relative;
    margin-top: 30px;
  }
}
@media (max-height: 768px) {
  .login-form .green-section {
    position: relative;
    margin-top: 30px;
  }
}
@media (max-width: 991px) {
  .login-form .green-section {
    padding-top: 20px;
    padding-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .login-form .green-section .row > div {
    width: 100%;
  }
}
.login-form .green-section a {
  color: #fff;
}
.login-form .green-section a:hover {
  color: #ea862c;
}
.login-form .green-section .bper-wrapper {
  padding-left: 15px;
  padding-right: 15px;
}
.login-form .green-section .contact-container {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding: 5px 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .login-form .green-section .contact-container {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .login-form .green-section .contact-container {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .login-form .green-section .contact-container {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .login-form .green-section .contact-container .phone-name {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .login-form .green-section .contact-container .phone-name {
    width: 100%;
    margin: 0;
    position: relative;
    display: inline-block;
  }
  .login-form .green-section .contact-container .phone-name:after {
    position: relative;
    display: inline-block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
  }
}
.login-form .green-section .contact-container .phone-container {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .login-form .green-section .contact-container .phone-container {
    display: inline-block;
    width: 100%;
    margin: 15px 0 23px;
  }
}
.login-form .green-section .contact-container .phone-container h5 {
  margin: 0;
  margin-left: 10px;
}
.login-form .wrapper-green {
  background: var(--primary-10);
  padding-bottom: 80px;
  float: left;
  width: 100%;
}
.login-form .wrapper-white {
  padding-bottom: 80px;
  float: left;
  width: 100%;
  padding-top: 80px;
}
@media (max-width: 799px) {
  .login-form .wrapper-white {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
.login-form .wrapper-white .loan-blocks {
  margin-top: 0 !important;
}
.login-form .wrapper-white .loan-blocks .wc-title {
  padding-top: 0 !important;
  margin-top: 0 !important;
  padding-bottom: 60px;
}
@media (max-width: 799px) {
  .login-form .wrapper-white .loan-blocks .wc-title h4 {
    font-size: 36px;
    line-height: 48px;
  }
}
@media (max-width: 799px) {
  .login-form .wrapper-white .loan-blocks .wc-title {
    padding-bottom: 20px;
  }
}

.related-asset-document {
  float: left;
  width: 100%;
  background: var(--primary-10);
  padding-top: 45px;
  padding-bottom: 30px;
}
@media (max-width: 799px) {
  .related-asset-document {
    padding-top: 15px;
    padding-bottom: 5px;
  }
}
.related-asset-document .container {
  margin: 0;
  padding: 0;
}
.related-asset-document .document-carousel {
  background: #005D44;
  color: #fff;
  padding-bottom: 90px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .related-asset-document .document-carousel {
    padding-bottom: 60px;
  }
}
@media (max-width: 480px) {
  .related-asset-document .document-carousel {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.related-asset-document .document-carousel h3 {
  margin-top: 60px;
  margin-bottom: 40px;
}
.related-asset-document .doc-title {
  margin: 0 15px;
  color: var(--secondary-80);
  text-decoration: none;
  font-size: 18px;
  line-height: 26px;
  font-family: kievit;
  font-weight: bold;
}
.related-asset-document .slick-list.draggable {
  padding: 0;
}
.related-asset-document .item {
  padding: 15px;
  outline: none;
}
.related-asset-document .item .item-center {
  outline: none;
  background-size: cover;
  background-position: center;
}
.related-asset-document .item .item-center::before {
  padding-top: 65.2%;
  display: block;
  content: "";
}
.related-asset-document .slider {
  width: calc(100% + 30px);
  margin-left: -15px;
}
.related-asset-document .slick-next {
  right: -90px;
  background-image: url(../images/arrow-next.png);
  background-size: 23px;
  background-position: center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  transition: opacity 0.2s ease;
}
@media (max-width: 1400px) {
  .related-asset-document .slick-next {
    right: 15px;
  }
}
.related-asset-document .slick-next::before {
  display: none;
}
.related-asset-document .slick-next:hover {
  background-image: url(../images/arrow-next.png);
  opacity: 0.8;
  background-size: 23px;
  background-position: center;
  background-repeat: no-repeat;
}
.related-asset-document .slick-prev {
  left: -90px;
  background-image: url(../images/arrow-prev.png);
  background-size: 23px;
  background-position: center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  transition: opacity 0.2s ease;
}
@media (max-width: 1400px) {
  .related-asset-document .slick-prev {
    left: 15px;
  }
}
.related-asset-document .slick-prev::before {
  display: none;
}
.related-asset-document .slick-prev:hover {
  background-image: url(../images/arrow-prev.png);
  opacity: 0.8;
  background-size: 23px;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 480px) {
  .related-asset-document .documents-resource {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.related-asset-document .documents-resource h3 {
  margin-top: 30px;
  margin-bottom: 50px;
  font-size: 36px;
  line-height: 48px;
  font-weight: 400;
}
@media (max-width: 799px) {
  .related-asset-document .documents-resource h3 {
    font-size: 28px;
    line-height: 36px;
  }
}
.related-asset-document .documents-resource h3 + .row {
  padding-left: 90px;
  margin-top: 50px;
}
@media (max-width: 799px) {
  .related-asset-document .documents-resource h3 + .row {
    padding-left: 0;
    margin-top: 40px;
  }
}
.related-asset-document .documents-resource .related-item {
  padding-left: 65px;
  min-height: 40px;
  position: relative;
  margin: 0;
  margin: 0;
  display: flex;
  align-items: center;
  text-decoration: underline;
}
.related-asset-document .documents-resource .related-item:hover {
  text-decoration: none !important;
}
.related-asset-document .documents-resource .related-item::before {
  content: "";
  display: block;
  background-image: url(../images/icone-bper-2022/Icon-40pt-Document-green.svg);
  background-position: left center;
  background-repeat: no-repeat;
  left: 0;
  height: 100%;
  width: 40px;
  position: absolute;
  top: 0;
}
.related-asset-document .documents-resource .row > div {
  margin-bottom: 35px;
}
.related-asset-document .documents-resource .row > div:nth-child(2n+1) {
  clear: left;
}

#portlet_com_liferay_login_web_portlet_LoginPortlet {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
  padding: 0;
  margin-top: 60px;
  margin-bottom: 60px !important;
}
@media (max-width: 1199px) and (min-width: 376px) {
  #portlet_com_liferay_login_web_portlet_LoginPortlet {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  #portlet_com_liferay_login_web_portlet_LoginPortlet {
    width: 100%;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
#portlet_com_liferay_login_web_portlet_LoginPortlet form {
  float: left;
  width: 100%;
}
#portlet_com_liferay_login_web_portlet_LoginPortlet form .button-holder {
  text-align: left;
}

.portafoglio-etico {
  padding-top: 120px;
  float: left;
  width: 100%;
}
.portafoglio-etico h2 {
  margin-top: 30px;
  font-size: 56px;
  font-weight: 700;
  line-height: 1;
  float: left;
  width: 100%;
}
.portafoglio-etico ul {
  float: left;
  width: 100%;
  list-style: none;
  line-height: 1;
  padding: 0;
  margin: 0;
}
.portafoglio-etico .portafoglio-etico-item {
  height: 520px;
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.portafoglio-etico .portafoglio-etico-item-title {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  max-width: 50%;
}
.portafoglio-etico .portafoglio-etico-item-text {
  font-family: "Din-Bold", sans-serif;
  font-size: 100px;
}
.portafoglio-etico .portafoglio-etico-item-image {
  display: none;
}
@media (max-width: 480px) {
  .portafoglio-etico {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 991px) {
  .portafoglio-etico .portafoglio-etico-item {
    height: 340px;
  }
  .portafoglio-etico .portafoglio-etico-item-title {
    font-size: 52px;
    max-width: 50%;
  }
  .portafoglio-etico .portafoglio-etico-item-text {
    font-size: 82px;
  }
}
@media (max-width: 767px) {
  .portafoglio-etico {
    padding-top: 0;
  }
  .portafoglio-etico h2 {
    margin-bottom: 65px;
  }
  .portafoglio-etico .portafoglio-etico-item {
    background: none !important;
    height: auto;
    margin-bottom: 40px;
  }
  .portafoglio-etico .portafoglio-etico-item-title {
    font-size: 35px;
    font-family: "Din-Bold", sans-serif;
    max-width: 100%;
  }
  .portafoglio-etico .portafoglio-etico-item-text {
    font-family: "Din-Bold", sans-serif;
    font-size: 42px;
  }
  .portafoglio-etico .portafoglio-etico-item-image {
    display: block;
  }
}

.sostenibilita-socio-title-text {
  margin-bottom: 80px !important;
}
@media (max-width: 480px) {
  .sostenibilita-socio-title-text.bper-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.sostenibilita-socio-title-text h2 {
  font-size: 56px;
  font-weight: 700;
  line-height: 1;
}
.sostenibilita-socio-title-text p {
  font-weight: normal;
  font-size: 32px;
  line-height: 1;
}
@media (max-width: 767px) {
  .sostenibilita-socio-title-text {
    margin-bottom: 30px !important;
  }
  .sostenibilita-socio-title-text h2 {
    font-size: 46px;
    width: 87%;
  }
  .sostenibilita-socio-title-text p {
    width: 66%;
  }
}

.sostenibilita-societa-migliore {
  margin-top: 75px !important;
  margin-bottom: 45px !important;
}
@media (max-width: 480px) {
  .sostenibilita-societa-migliore.bper-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.sostenibilita-societa-migliore h2 {
  font-size: 56px;
  font-weight: 700;
  line-height: 1;
}
.sostenibilita-societa-migliore .sostenibilita-societa-migliore-image {
  max-width: 500px;
  max-height: 490px;
  margin-left: calc((100vw - 1170px) / -2);
  float: left;
}
.sostenibilita-societa-migliore .sostenibilita-societa-migliore-image img {
  max-height: inherit;
  max-width: inherit;
}
.sostenibilita-societa-migliore .sostenibilita-societa-migliore-text {
  width: 50%;
}
.sostenibilita-societa-migliore .sostenibilita-societa-migliore-text h2 {
  line-height: 1;
}
.sostenibilita-societa-migliore .sostenibilita-societa-migliore-text p {
  font-size: 18px;
}
.sostenibilita-societa-migliore .sostenibilita-societa-migliore-text-number {
  font-family: "Din-Bold", sans-serif;
  font-size: 150px;
  line-height: 120px;
  display: block;
  margin-top: 40px;
  margin-bottom: -15px;
}
.sostenibilita-societa-migliore .sostenibilita-societa-migliore-text-number-amount {
  font-size: 64px;
  line-height: 1;
  font-family: "Din-Bold", sans-serif;
}
.sostenibilita-societa-migliore .sostenibilita-societa-migliore-text-ctr {
  float: right;
  width: 58%;
}
.sostenibilita-societa-migliore .sostenibilita-societa-migliore-text-ctr p {
  width: 75%;
}
@media (max-width: 1199px) {
  .sostenibilita-societa-migliore {
    flex-direction: column;
  }
  .sostenibilita-societa-migliore .sostenibilita-societa-migliore-image {
    margin-left: -5%;
    float: none;
    margin-top: 25px;
    margin-bottom: -25px;
  }
}
@media (max-width: 1199px) and (max-width: 767px) {
  .sostenibilita-societa-migliore .sostenibilita-societa-migliore-image {
    max-height: 320px;
    margin-left: -10%;
  }
}
@media (max-width: 1199px) and (max-width: 320px) {
  .sostenibilita-societa-migliore .sostenibilita-societa-migliore-image {
    margin-left: -20%;
  }
}
@media (max-width: 1199px) {
  .sostenibilita-societa-migliore .sostenibilita-societa-migliore-text {
    width: 100%;
  }
}
@media (max-width: 1199px) and (max-width: 767px) {
  .sostenibilita-societa-migliore .sostenibilita-societa-migliore-text-number {
    margin-top: 0;
    font-size: 66px;
    line-height: 1.6;
  }
  .sostenibilita-societa-migliore .sostenibilita-societa-migliore-text-number strong {
    font-size: 100px;
    line-height: 85px;
  }
}
@media (max-width: 1199px) {
  .sostenibilita-societa-migliore .sostenibilita-societa-migliore-text-ctr {
    width: 100%;
    float: none;
  }
  .sostenibilita-societa-migliore .sostenibilita-societa-migliore-text-ctr p {
    width: 78%;
  }
}

.sostenibilita-numeri-statistiche {
  margin-top: 165px;
}
@media (max-width: 480px) {
  .sostenibilita-numeri-statistiche {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.sostenibilita-numeri-statistiche .animation-ctr {
  position: relative;
}
.sostenibilita-numeri-statistiche .sns-helper-div,
.sostenibilita-numeri-statistiche canvas {
  background-color: transparent;
  position: absolute;
  top: inherit;
  bottom: 0;
  left: inherit;
  right: 0;
  z-index: 0;
  width: 50%;
}
.sostenibilita-numeri-statistiche .sns-item {
  margin-bottom: 40px;
}
.sostenibilita-numeri-statistiche .sns-item-padding {
  padding-left: 100px;
}
.sostenibilita-numeri-statistiche .sns-item-title {
  font-size: 200px;
  line-height: 1;
  margin: 0;
  width: 50%;
}
.sostenibilita-numeri-statistiche .sns-item-title span {
  font-size: 64px;
}
.sostenibilita-numeri-statistiche .sns-item-subtitle {
  margin: 0;
  line-height: 1;
  width: 50%;
}
.sostenibilita-numeri-statistiche .sns-item-text {
  margin: 65px 0 280px;
  width: 50%;
}
.sostenibilita-numeri-statistiche .sns-text-ctr {
  position: relative;
  z-index: 1;
}
.sostenibilita-numeri-statistiche .sns-text {
  font-size: 32px;
  width: 50%;
  margin: 90px 0 0 0;
  line-height: 1;
}
.sostenibilita-numeri-statistiche .sns-text-bottom {
  margin: 95px 0 0 0;
  line-height: 1;
}
.sostenibilita-numeri-statistiche .sns-text-bottom .h1 {
  line-height: 1;
}
.sostenibilita-numeri-statistiche .sns-text-bottom p {
  margin: 5px 0 0;
  width: 50%;
}
.sostenibilita-numeri-statistiche .image-mobile {
  display: none;
}

@media (max-width: 768px) {
  .sostenibilita-numeri-statistiche {
    margin: 30px 0;
  }
  .sostenibilita-numeri-statistiche .sns-item-title {
    font-size: 120px;
    width: 100%;
  }
  .sostenibilita-numeri-statistiche .sns-item-padding {
    padding-left: 0px;
    width: 100%;
  }
  .sostenibilita-numeri-statistiche .sns-item-subtitle {
    width: 100%;
  }
  .sostenibilita-numeri-statistiche .sns-item-text {
    margin: 15px 0 60px;
    width: 85%;
  }
  .sostenibilita-numeri-statistiche .sns-text-bottom p {
    width: 100%;
  }
  .sostenibilita-numeri-statistiche .sns-text {
    margin-top: 45px;
    line-height: 1;
    width: 100%;
  }
  .sostenibilita-numeri-statistiche .sns-text-bottom {
    margin: 45px 0 0 0;
  }
  .sostenibilita-numeri-statistiche .image-mobile {
    text-align: center;
    display: block;
  }
  .sostenibilita-numeri-statistiche .image-mobile.first {
    margin-top: -110px;
  }
  .sostenibilita-numeri-statistiche canvas {
    display: none !important;
  }
}
.bper-asset-pagination {
  font-feature-settings: "lnum";
  text-align: center;
  margin-top: 20px;
  margin-bottom: 80px;
}
.bper-asset-pagination a.page {
  color: #ACB5B5;
  margin: 0 8px;
  font-weight: normal;
}
.bper-asset-pagination a.page.current-page {
  pointer-events: none;
  cursor: default;
  color: var(--secondary-80);
}

.product-list-categories {
  overflow: hidden;
  margin-bottom: 50px;
  text-align: right;
  position: relative;
}
@media (max-width: 991px) {
  .product-list-categories {
    margin-bottom: 30px;
  }
}
.product-list-categories .transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: none;
  display: none;
}
.product-list-categories .bper-wrapper {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0;
  height: 100%;
}
@media (max-width: 991px) {
  .product-list-categories .bper-wrapper {
    width: 95%;
  }
}
.product-list-categories .bper-wrapper .title {
  font-size: 56px;
  font-weight: 700;
}
.product-list-categories .bper-wrapper .categories {
  text-align: right;
}
@media (min-width: 1200px) {
  .product-list-categories .bper-wrapper .categories {
    margin-top: 34px;
    float: right;
  }
}
.product-list-categories .bper-wrapper .categories .category-button {
  color: #015256;
  border: 1px solid #015256;
  text-align: center;
  padding: 12px 25px 8px;
  margin-bottom: 10px;
  margin-right: 5px;
  display: inline-block;
  font-weight: normal;
  transition: background-color 0.5s ease-in, border-color 0.5s ease-in;
}
.product-list-categories .bper-wrapper .categories .category-button:hover, .product-list-categories .bper-wrapper .categories .category-button.active {
  border-color: #ea862c;
  color: #fff;
  background-color: #ea862c;
}
.product-list-categories .bper-wrapper .categories .category-button p {
  margin: 0;
}
@media (min-width: 1200px) {
  .product-list-categories .bper-wrapper .categories .category-button {
    margin-left: 5px;
    margin-right: 0;
  }
}

.rapporti-dormienti .title {
  margin-bottom: 30px;
}
.rapporti-dormienti .folder-container {
  display: block;
  margin-bottom: 15px;
}
.rapporti-dormienti .folder-container .entry-name {
  word-break: break-word;
  color: #015256;
  font-size: 24px;
  line-height: 1;
  display: flex;
  align-items: flex-end;
  cursor: pointer;
  transition: color 0.5s;
}
@media (max-width: 1199px) {
  .rapporti-dormienti .folder-container .entry-name {
    width: calc(100% - 48px);
    align-items: center;
  }
}
@media (max-width: 767px) {
  .rapporti-dormienti .folder-container .entry-name {
    font-size: 20px;
  }
}
.rapporti-dormienti .folder-container .entry-name::after {
  content: "";
  background-image: url(../images/arrow-next-green.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 24px;
  width: 48px;
  position: relative;
  right: 0;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 1199px) {
  .rapporti-dormienti .folder-container .entry-name::after {
    position: absolute;
    right: 5px;
  }
}
.rapporti-dormienti .folder-container .entry-name:hover {
  color: #ea862c;
}
.rapporti-dormienti .folder-container .entry-name:hover::after {
  right: -5px;
}
@media (max-width: 1199px) {
  .rapporti-dormienti .folder-container .entry-name:hover::after {
    right: 0;
  }
}
.rapporti-dormienti .folder-container .entry.active .entry-name {
  color: #ea862c;
}
.rapporti-dormienti .folder-container .entry.active .entry-name::after {
  transform: rotate(90deg);
}
.rapporti-dormienti .documents {
  margin-left: 15px;
}
.rapporti-dormienti .entry-container {
  display: block;
  margin-bottom: 30px;
}
.rapporti-dormienti .entry-container:first-child {
  margin-top: 25px;
}
.rapporti-dormienti .entry-container .entry-name {
  display: flex;
  align-items: center;
  word-break: break-word;
  margin-left: 48px;
}
.rapporti-dormienti .entry-container .entry-name::before {
  content: "";
  background-image: url(../images/related-asset-doc-icon.png);
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  height: 30px;
  width: 24px;
  position: absolute;
  left: 24px;
}

.title-and-text {
  float: left;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  color: var(--primary-400);
}
@media (max-width: 480px) {
  .title-and-text {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 767px) {
  .title-and-text {
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
.title-and-text .wrapper-text-and-link h3 {
  font-size: 28px;
  line-height: 36px;
}
.title-and-text .wrapper-text-and-link h3 + p {
  margin-top: 32px;
  font-size: 18px;
  line-height: 26px;
}
.title-and-text h3 {
  font-size: 28px;
  line-height: 36px;
  font-family: "Din-Bold", sans-serif;
  margin: 0;
}
.title-and-text h3 + p {
  margin-top: 18px;
  font-size: 18px;
  line-height: 26px;
}
.title-and-text .wrapper-text-and-link {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .title-and-text .wrapper-text-and-link {
    flex-direction: column;
    align-items: baseline;
  }
}
.title-and-text .wrapper-text-and-link .link {
  float: right;
  text-align: right;
  display: ruby;
  white-space: nowrap;
}
.title-and-text .wrapper-text-and-link .text {
  flex-grow: 2;
}
.title-and-text .wrapper-text-and-link .text + .link {
  margin-left: 180px;
}
@media (max-width: 768px) {
  .title-and-text .wrapper-text-and-link .text + .link {
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .title-and-text .wrapper-text-and-link .text + .link {
    margin-top: 30px;
    margin-left: 0;
  }
}

.product-navbar.fixed {
  position: fixed;
  width: 100%;
}
.product-navbar.mobile {
  display: none;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
  margin: 0 -15px 30px;
  padding: 0 15px;
  width: calc(100% + 30px);
  overflow: hidden;
}
@media (max-width: 991px) {
  .product-navbar.mobile {
    overflow-x: auto;
    display: block;
    margin: 0 -20px 20px;
    width: calc(100% + 40px);
  }
}
.product-navbar.mobile.fixed {
  left: 0;
  background-color: #fff;
  z-index: 1000;
}
.product-navbar.mobile .menu {
  padding-top: 0;
}
.product-navbar.mobile .link {
  margin-top: 5px;
  margin-bottom: 5px;
}
.product-navbar.bottom {
  position: relative;
  left: 0 !important;
}
@media (max-width: 991px) {
  .product-navbar {
    overflow-x: scroll;
    display: none;
  }
}
.product-navbar .menu {
  padding-top: 10px;
}
@media (max-width: 991px) {
  .product-navbar .menu {
    position: relative;
    width: 50em;
    display: inline-block;
  }
}
.product-navbar .menu .link-parent {
  display: block;
  cursor: pointer;
}
@media (max-width: 991px) {
  .product-navbar .menu .link-parent {
    display: inline-block;
    margin-left: 25px;
  }
}
@media (max-width: 991px) {
  .product-navbar .menu .link-parent:first-child {
    margin-left: 0;
  }
}
.product-navbar .menu .link-parent .link {
  color: #015256;
  line-height: 45px;
}
.product-navbar .menu .link-parent .link.active, .product-navbar .menu .link-parent .link:hover {
  color: #ea862c;
}

.documents-filter .link-back {
  float: left;
  width: 100%;
  margin-top: 20px;
  display: block;
  margin-bottom: 60px;
}

.sostenibilita-title-text-image {
  margin: 115px 0 36px;
}
@media (max-width: 480px) {
  .sostenibilita-title-text-image {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.sostenibilita-title-text-image .bper-wrapper {
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  height: 525px;
}
@media (max-width: 991px) {
  .sostenibilita-title-text-image .bper-wrapper {
    height: 340px;
  }
}
.sostenibilita-title-text-image figure {
  display: none;
  text-align: center;
  width: 100%;
}
.sostenibilita-title-text-image figure img {
  width: 100%;
}
.sostenibilita-title-text-image .stti-title {
  line-height: 1;
  margin: 0;
  padding-top: 135px;
}
.sostenibilita-title-text-image .stti-text {
  margin-top: 14px;
}
@media (max-width: 767px) {
  .sostenibilita-title-text-image {
    margin-top: 40px;
  }
  .sostenibilita-title-text-image figure {
    margin-top: 15px;
    display: block;
    width: 84%;
    margin-left: 8%;
  }
  .sostenibilita-title-text-image .bper-wrapper {
    height: auto;
    background: none !important;
  }
  .sostenibilita-title-text-image .stti-title {
    padding-top: 0;
  }
}

.faq-navigation-1 {
  margin-bottom: 100px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .faq-navigation-1 {
    margin-top: 0;
    margin-bottom: 20px;
  }
}
.faq-navigation-1 .category-name {
  font-weight: lighter;
}
.faq-navigation-1 .question-container {
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid #ddd;
}
.faq-navigation-1 .question-container:first-child {
  padding-top: 12px;
}
@media (max-width: 767px) {
  .faq-navigation-1 .question-container:first-child {
    padding-top: 0;
  }
}
.faq-navigation-1 .question-container:last-child {
  border-bottom: none;
}
.faq-navigation-1 .question-container .question {
  color: #015256;
  max-width: 90%;
  transition: all 0.5s ease-in-out;
  line-height: 1.2;
}
.faq-navigation-1 .question-container .question p {
  line-height: inherit;
  margin-bottom: 0;
}
.faq-navigation-1 .question-container .arrow {
  width: 9.71%;
  position: absolute;
  right: 0;
  height: 20px;
}
.faq-navigation-1 .question-container .arrow .arrow-img {
  transition: all 0.5s ease-in-out;
  position: absolute;
  right: 0;
  width: 11px;
  height: 20px;
  background-image: url(../images/join-us-arrow-right.png);
}
@media (max-width: 767px) {
  .faq-navigation-1 .question-container .arrow {
    display: none;
  }
}
.faq-navigation-1 .question-container:hover .question {
  color: #ea862c;
}
.faq-navigation-1 .question-container:hover .arrow-img {
  background-position: right;
}
.faq-navigation-1 .category-link {
  margin-top: 40px;
  margin-bottom: 10px;
  text-align: right;
}
@media (max-width: 767px) {
  .faq-navigation-1 .category-link {
    margin-top: 25px;
    margin-bottom: 80px;
  }
}

.faq-navigation-2 {
  margin-bottom: 100px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .faq-navigation-2 {
    width: 90%;
    float: right;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .faq-navigation-2.full {
    width: 100%;
    float: left;
  }
}
@media (max-width: 767px) {
  .faq-navigation-2 {
    margin-bottom: 20px;
  }
}
.faq-navigation-2 .category-name {
  color: #64B054;
}
.faq-navigation-2 .question-container {
  display: flex;
  align-items: center;
  padding-top: 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid #ddd;
}
.faq-navigation-2 .question-container:last-child {
  border-bottom: none;
}
.faq-navigation-2 .question-container .question {
  color: #015256;
  max-width: 90%;
  transition: all 0.5s ease-in-out;
  line-height: 1.2;
}
.faq-navigation-2 .question-container .question p {
  line-height: inherit;
  margin-bottom: 0;
}
.faq-navigation-2 .question-container .arrow {
  width: 9.71%;
  position: absolute;
  right: 0;
  height: 20px;
}
.faq-navigation-2 .question-container .arrow .arrow-img {
  transition: all 0.5s ease-in-out;
  position: absolute;
  right: 0;
  width: 11px;
  height: 20px;
  background-image: url(../images/join-us-arrow-right.png);
}
@media (max-width: 767px) {
  .faq-navigation-2 .question-container .arrow {
    display: none;
  }
}
.faq-navigation-2 .question-container:hover .question {
  color: #ea862c;
}
.faq-navigation-2 .question-container:hover .arrow-img {
  background-position: right;
}
.faq-navigation-2 .link-container {
  margin-top: 40px;
  margin-bottom: 10px;
  text-align: right;
}
@media (max-width: 767px) {
  .faq-navigation-2 .link-container {
    margin-top: 25px;
    margin-bottom: 80px;
  }
}

.faq-navigation-menu {
  position: relative;
  padding-top: 24px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .faq-navigation-menu {
    width: 125%;
  }
}
@media (max-width: 991px) {
  .faq-navigation-menu {
    display: none;
  }
}
.faq-navigation-menu.affix {
  position: fixed;
  top: 100px;
  width: 33%;
}
@media (min-width: 1100px) {
  .faq-navigation-menu.affix {
    top: 174px;
  }
}
.faq-navigation-menu.affix-bottom {
  position: absolute;
  top: auto;
}
.faq-navigation-menu .link-parent {
  display: block;
  margin-bottom: 35px;
  cursor: pointer;
}
.faq-navigation-menu .link-parent:last-child {
  margin-bottom: 0;
}
.faq-navigation-menu .link-parent .link {
  color: #015256;
  word-break: break-word;
  line-height: 1;
}
.faq-navigation-menu .link-parent .link.active, .faq-navigation-menu .link-parent .link:hover {
  color: #ea862c;
}

@media (max-width: 991px) {
  .bper-2-column-300 .faq-navigation-menu {
    display: block;
  }
}

.faq-simple {
  margin-bottom: 75px;
}
@media (max-width: 991px) {
  .faq-simple {
    margin-bottom: 50px;
  }
}

.back-link {
  margin-bottom: 50px;
}
.back-link .link-container {
  margin-top: 70px;
}
@media (max-width: 767px) {
  .back-link .link-container {
    margin-top: 0;
    padding: 0 15px;
  }
}

.loan-video-story-adt {
  margin-bottom: 75px;
}
@media (max-width: 991px) {
  .loan-video-story-adt {
    margin-bottom: 0;
  }
  .loan-video-story-adt .loan-video-story {
    margin-bottom: 0 !important;
  }
}
.loan-video-story-adt.right .loan-video-story .wrapper-video {
  right: 0 !important;
  left: auto !important;
}
@media (min-width: 992px) {
  .loan-video-story-adt.right .loan-video-story .story-container {
    float: left !important;
  }
}
.loan-video-story-adt.left .loan-video-story .wrapper-video {
  left: 0 !important;
  right: auto !important;
  margin-left: 41% !important;
}
.loan-video-story-adt.left .loan-video-story .loan-story {
  left: 0 !important;
  right: unset !important;
}
@media (max-width: 767px) {
  .loan-video-story-adt.left .loan-video-story .wrapper-video {
    left: unset !important;
    right: unset !important;
    margin-left: unset !important;
  }
  .loan-video-story-adt.left .loan-video-story .loan-story {
    left: unset !important;
    right: -10px !important;
  }
}
@media (min-width: 992px) {
  .loan-video-story-adt.left .loan-video-story .story-container {
    float: right !important;
  }
}

.app-smart {
  float: left;
  width: 100%;
  padding: 0;
}
@media (max-width: 767px) {
  .app-smart .bper-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.app-smart .img {
  float: left;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0;
  height: 500px;
}
@media (max-width: 767px) {
  .app-smart .img {
    height: auto;
  }
  .app-smart .img:after {
    padding-top: 80%;
    content: "";
    display: block;
  }
}
.app-smart .text {
  padding: 30px;
  float: left;
  width: 100%;
}
.app-smart .text p {
  margin: 0;
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.app-smart .text h2 {
  margin: 0;
  float: left;
  width: 100%;
  margin-bottom: 35px;
}
.app-smart .text a {
  margin: 0;
  display: inline;
  text-align: right;
}
.app-smart .text a + a {
  margin-right: 10px;
}

@media (max-width: 768px) {
  .products-and-services-easy-adt .work-with-us-slider-item {
    margin-bottom: 0;
  }
  .products-and-services-easy-adt .work-with-us-slider-item .item-img {
    height: auto;
  }
  .products-and-services-easy-adt .work-with-us-slider-item .item-img::after {
    content: "";
    padding-top: 100%;
    display: block;
  }
  .products-and-services-easy-adt .work-with-us-slider-item .item-info {
    min-height: auto;
  }
  .products-and-services-easy-adt .work-with-us-slider-item .item-info .description {
    padding-bottom: 30px;
  }
}

.event-detail {
  overflow: hidden;
  margin-bottom: 56px;
}
.event-detail .bper-wrapper {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0;
  height: 100%;
  width: 100%;
}
.event-detail .bper-wrapper .popup {
  width: 80px;
  height: 80px;
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 110px);
  transition: 1s;
}
.event-detail .bper-wrapper .popup:hover {
  opacity: 0.7;
}
.event-detail .bper-wrapper .popup .play {
  height: 100%;
  width: 100%;
}
.event-detail .bper-wrapper .img {
  height: 100%;
}
.event-detail .bper-wrapper .img .preview {
  width: 100vw;
  height: 300px;
  margin-bottom: 85px;
  margin-left: calc((100vw - 1170px) / -2);
  background-size: cover;
  background-position: center;
  position: relative;
}
.event-detail .bper-wrapper .img .preview.bkg {
  display: block;
}
.event-detail .bper-wrapper .img .preview.bkg-mobile {
  display: none;
}
.event-detail .bper-wrapper .img .preview.video-overlay::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--primary-400);
  opacity: 0.6;
}
@media (max-width: 1199px) {
  .event-detail .bper-wrapper .img .preview {
    margin-left: 0;
  }
  .event-detail .bper-wrapper .img .preview.bkg-sub {
    background-size: 125%;
  }
}
.event-detail .bper-wrapper .event-title-wrapper {
  background: transparent linear-gradient(#29696f 0%, #183f42 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 16px 24px rgba(126, 140, 141, 0.16);
  padding: 48px 40px 58px 40px;
  border-radius: 24px;
  color: #fff;
  margin-top: -225px;
  min-height: 210px;
}
.event-detail .bper-wrapper .event-title-wrapper .title {
  font-size: 48px;
  font-family: "Din-Bold", sans-serif;
  margin: 0;
}
.event-detail .bper-wrapper .event-title-wrapper .title > p {
  line-height: 1.2;
}
.event-detail .bper-wrapper .event-title-wrapper .subtitle {
  font-size: 20px;
  font-weight: normal;
  margin-top: 16px;
}
.event-detail .bper-wrapper .info-and-share-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 56px;
  margin-bottom: 56px;
}
.event-detail .bper-wrapper .info-and-share-wrapper .info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  row-gap: 24px;
}
.event-detail .bper-wrapper .info-and-share-wrapper .info > p {
  font-size: 28px;
  margin: 0;
}
.event-detail .bper-wrapper .info-and-share-wrapper .share {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  row-gap: 24px;
}
.event-detail .bper-wrapper .info-and-share-wrapper .share .interaction-btn {
  cursor: pointer;
  color: var(--secondary-80);
  font-size: 18px;
  font-family: "Din-Bold", sans-serif;
  position: relative;
  padding-left: 32px;
}
.event-detail .bper-wrapper .info-and-share-wrapper .share .interaction-btn::before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 24px;
}
.event-detail .bper-wrapper .info-and-share-wrapper .share .interaction-btn.save-event::before {
  background-image: url("../images/icone-bper-2022/Green/Icon-24pt-Calendar.svg");
}
.event-detail .bper-wrapper .info-and-share-wrapper .share .interaction-btn.share::before {
  background-image: url("../images/icone-bper-2022/Icon-24pt-Share.svg");
}
.event-detail .bper-wrapper .register-wrapper {
  margin-bottom: 56px;
}
.event-detail .bper-wrapper .article-container a {
  color: var(--secondary-80);
}
@media (max-width: 768px) {
  .event-detail .bper-wrapper {
    padding: 0 25px;
  }
  .event-detail .bper-wrapper .popup {
    top: calc(50% - 95px);
  }
  .event-detail .bper-wrapper .img {
    margin: 0 -25px;
  }
  .event-detail .bper-wrapper .img .preview {
    margin-left: 0;
  }
  .event-detail .bper-wrapper .event-title-wrapper {
    padding: 48px 24px 56px 24px;
    margin-top: -195px;
  }
  .event-detail .bper-wrapper .event-title-wrapper h1.title {
    font-size: 36px;
    margin: 0;
  }
  .event-detail .bper-wrapper .event-title-wrapper .subtitle {
    font-size: 18px;
  }
  .event-detail .bper-wrapper .info-and-share-wrapper {
    margin-bottom: 40px;
    flex-wrap: wrap;
    row-gap: 40px;
  }
}

.all-events .single-event-in-list {
  display: grid;
  grid-template-columns: 0.4fr 0.8fr;
  column-gap: 40px;
  align-items: center;
  grid-template-areas: "image info";
  padding-top: 64px;
  padding-bottom: 64px;
}
.all-events .single-event-in-list:not(:last-child) {
  border-bottom: 1px solid var(--green-10);
}
.all-events .single-event-in-list .single-event-image-wrapper {
  grid-area: image;
}
.all-events .single-event-in-list .single-event-image-wrapper .image {
  height: 196px;
  border-radius: 24px;
  background-position: center;
  background-size: cover;
}
.all-events .single-event-in-list .single-event-info-wrapper {
  grid-area: info;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 16px;
  height: 100%;
}
.all-events .single-event-in-list .single-event-info-wrapper .event-date {
  font-size: 18px;
  font-weight: normal;
  color: var(--neutral-100);
}
.all-events .single-event-in-list .single-event-info-wrapper .event-title > a {
  font-size: 24px;
  font-family: "Din-Bold", sans-serif;
  color: var(--primary-400);
}
.all-events .single-event-in-list .single-event-info-wrapper .event-title > a :hover {
  color: var(--primary-400);
}
.all-events .single-event-in-list .single-event-info-wrapper .event-title > a > p {
  margin: 0;
}
.all-events .single-event-in-list .single-event-info-wrapper .event-location {
  font-size: 18px;
  font-weight: normal;
  color: var(--neutral-100);
  padding-left: 32px;
  position: relative;
}
.all-events .single-event-in-list .single-event-info-wrapper .event-location:before {
  content: "";
  background-image: url("../images/icone-bper-2022/grey/Icon-24pt-Pin.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 24px;
}
.all-events .single-event-in-list .single-event-info-wrapper .save-and-share-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 56px;
  width: 100%;
  margin-top: auto;
}
.all-events .single-event-in-list .single-event-info-wrapper .save-and-share-container .interaction-btn {
  cursor: pointer;
  color: var(--secondary-80);
  font-size: 18px;
  font-family: "Din-Bold", sans-serif;
  position: relative;
  padding-left: 32px;
}
.all-events .single-event-in-list .single-event-info-wrapper .save-and-share-container .interaction-btn::before {
  content: "";
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 24px;
}
.all-events .single-event-in-list .single-event-info-wrapper .save-and-share-container .interaction-btn.save-event::before {
  background-image: url("../images/icone-bper-2022/Green/Icon-24pt-Calendar.svg");
}
.all-events .single-event-in-list .single-event-info-wrapper .save-and-share-container .interaction-btn.share::before {
  background-image: url("../images/icone-bper-2022/Icon-24pt-Share.svg");
}
@media (max-width: 768px) {
  .all-events.bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
  .all-events .single-event-in-list {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, auto);
    row-gap: 24px;
    grid-template-areas: "image" "info";
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .all-events .single-event-in-list .single-event-info-wrapper .event-title > a {
    font-size: 20px;
  }
  .all-events .single-event-in-list .single-event-info-wrapper .save-and-share-container {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-top: 8px;
    row-gap: 24px;
  }
}

.next-events h3.next-event-title {
  margin-top: 0;
  padding-top: 0;
}
.next-events .title-separator {
  margin-bottom: 0;
}
.next-events .single-event-in-list {
  border-bottom: 1px solid #ddd;
  padding: 30px 0;
}
.next-events .single-event-in-list .all-event-title h5 {
  word-wrap: break-word;
}
.next-events .single-event-in-list:last-child {
  border-bottom: none;
}
.next-events .event-day-all-event {
  margin: 0;
}
.next-events .left-row-all-event {
  font-size: 24px;
}
.next-events .right-row-all-event .subscribe {
  margin: 25px 0;
}
.next-events .address-event-content {
  margin-top: 17px;
  padding-left: 25px;
  background-image: url("../images/png/filiali.png");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: top left;
}
.next-events .address-event-content.linked {
  cursor: pointer;
}
@media (max-width: 991px) {
  .next-events .address-event-content .address-first-line {
    display: inline-block;
  }
  .next-events .address-event-content .address-second-line {
    display: inline-block;
  }
  .next-events .address-event-content .address-second-line:before {
    content: "-";
    display: inline-block;
    margin: 0 5px;
  }
}
.next-events .interaction .interaction-btn .text {
  position: relative;
}
.next-events .interaction .interaction-btn .text:before {
  content: "";
  display: block;
  width: 20px;
  left: -30px;
  top: -10px;
  position: absolute;
  height: 28px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.next-events .interaction .interaction-btn.save-event .text:before {
  background-image: url(/o/bper-theme-2022/images/icon-calendar.png);
}
.next-events .interaction .interaction-btn.share .text:before {
  background-image: url(/o/bper-theme-2022/images/icon-share.png);
}
.next-events .interaction .interaction-btn .text {
  -webkit-transition: color 0.5s ease-in;
  transition: color 0.5s ease-in;
}
.next-events .interaction .interaction-btn:hover .text {
  color: #ea862c;
}
@media (min-width: 768px) {
  .next-events.asset-resized .single-event-in-list .row .left-row-all-event {
    width: 33.66%;
  }
}
@media (min-width: 768px) {
  .next-events.asset-resized .single-event-in-list .row .right-row-all-event {
    width: 66.34%;
  }
}
.next-events .link-area {
  margin-top: 60px;
}

.header-events {
  position: relative;
  float: left;
  width: 100%;
}
.header-events .header-event-title {
  float: left;
}
.header-events .header-event-title h3 {
  margin-top: 12px;
  word-wrap: break-word;
}
.header-events .header-event-link {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 480px) {
  .header-events .header-event-link {
    position: relative;
    top: 0;
    right: 0;
  }
}

.portlet-boundary_LeadManagerWeb_ {
  padding: 10px;
}

.title-and-link {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 45px;
}
.title-and-link .link-title {
  float: left;
  padding: 0;
  padding-right: 10px;
}
@media (max-width: 1000px) {
  .title-and-link .link-title {
    width: 100% !important;
  }
}
.title-and-link h3,
.title-and-link .h3 {
  word-wrap: break-word;
  margin-top: 45px;
  margin-bottom: 0;
  line-height: 1;
}
@media (max-width: 799px) {
  .title-and-link h3,
  .title-and-link .h3 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.title-and-link .link {
  float: right;
  position: relative;
  padding: 0;
  padding-top: 45px;
  padding-right: 10px;
  text-align: right;
}
@media (max-width: 1000px) {
  .title-and-link .link {
    padding-top: 0;
  }
}
@media (max-width: 480px) {
  .title-and-link {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.sticky-menu {
  padding: 24px 0;
  background-color: #005D44;
  color: #fff;
  transition: all 0.5s ease-in-out;
  margin-bottom: 0;
  border: 0;
  float: left;
  width: 100%;
  display: block;
  z-index: 1100;
  position: fixed;
  bottom: 0;
  transform: translateY(100%);
}
.sticky-menu.small {
  transform: translateY(0);
}
.sticky-menu .bper-wrapper .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}
.sticky-menu .bper-wrapper .container::before, .sticky-menu .bper-wrapper .container::after {
  display: none;
}
.sticky-menu .text {
  display: flex;
  flex-direction: column;
}
.sticky-menu .text h3 {
  float: left;
  display: inline;
  line-height: 36px;
  font-size: 24px;
  font-family: "Din-Bold", sans-serif;
  margin-right: 2px;
  letter-spacing: 0;
  margin-bottom: 16px;
  margin-top: 0;
}
.sticky-menu .text p {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  display: inline;
}
.sticky-menu.hide-component {
  transform: translateY(100%) !important;
}
@media (max-width: 767px) {
  .sticky-menu {
    padding: 24px 25px;
  }
  .sticky-menu .bper-wrapper .container {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 32px;
  }
  .sticky-menu .text h3 {
    margin-right: 0;
  }
}

.list-element-dropdown {
  margin-bottom: 70px;
}
.list-element-dropdown .title-text h3 {
  margin-top: 0;
}
.list-element-dropdown .title-text p {
  margin-top: 30px;
  margin-bottom: 0;
}
.list-element-dropdown .title-text p.big {
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.25px;
}
.list-element-dropdown .title-text p.small {
  font-size: 16px;
}
.list-element-dropdown .dropdown-sections-wrapper {
  margin-top: 50px;
}
.list-element-dropdown .dropdown-sections-wrapper .dropdown-section {
  border: solid #ddd;
  border-width: 0 0 1px 0;
}
.list-element-dropdown .dropdown-sections-wrapper .dropdown-section .dropdown-section-title {
  min-height: 80px;
  position: relative;
  font-size: 24px;
  line-height: 1.2em;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 24px;
  cursor: pointer;
}
.list-element-dropdown .dropdown-sections-wrapper .dropdown-section .dropdown-section-title .dropdown-arrow {
  text-align: right;
  color: #64B054;
  transition: 0.5s ease-in-out transform, 0.5s ease-in-out right;
  position: absolute;
  right: 0;
  top: calc(50% - 10px);
  width: 11px;
  height: 20px;
  background: url("../images/join-us-arrow-right.png");
}
.list-element-dropdown .dropdown-sections-wrapper .dropdown-section .dropdown-section-title .dropdown-arrow.arrow-down {
  transform: rotate(90deg);
}
@media (max-width: 480px) {
  .list-element-dropdown .dropdown-sections-wrapper .dropdown-section .dropdown-section-title .dropdown-arrow {
    right: 5px;
  }
}
.list-element-dropdown .dropdown-sections-wrapper .dropdown-section .dropdown-section-title .dropdown-arrow.active {
  right: 7px;
  transform: rotate(-90deg);
}
.list-element-dropdown .dropdown-sections-wrapper .dropdown-section .dropdown-section-title .dropdown-arrow:hover {
  cursor: pointer;
  background-position-x: 11px;
}
.list-element-dropdown .dropdown-sections-wrapper .dropdown-section .dropdown-section-text {
  display: none;
  font-size: 18px;
  line-height: 1.2em;
  padding-bottom: 42px;
  padding-right: 32px;
  padding-left: 32px;
}
@media (max-width: 480px) {
  .list-element-dropdown .dropdown-sections-wrapper .dropdown-section .dropdown-section-text {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 480px) {
  .list-element-dropdown .dropdown-sections-wrapper {
    margin-top: 28px;
  }
}
@media (max-width: 480px) {
  .list-element-dropdown {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (max-width: 480px) {
  .portlet-layout .col-md-8 .ist-list-element-dropdown {
    padding-right: 10px;
    padding-left: 10px;
  }
}
select::-ms-expand {
  display: none;
}

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

select {
  text-indent: 1px;
  text-overflow: "";
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid #64B054;
  white-space: nowrap;
  padding: 18px 18px;
  font-size: 18px;
  line-height: 1.42857;
  color: #64B054;
  border-radius: 100px;
  background-color: #fff;
  position: relative;
}
select:after {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-image: url(../images/arrow_down.png);
  background-size: contain;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.select .styledSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-family: "Din-Bold", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid #64B054;
  white-space: nowrap;
  padding: 18px 18px;
  font-size: 18px;
  line-height: 1.42857;
  color: #64B054;
  border-radius: 100px;
  background-color: #fff;
  text-align: left;
  padding-left: 25px;
}
.select .styledSelect:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #64B054 transparent transparent transparent;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.select .styledSelect:active,
.select .styledSelect.active {
  background-color: #eee;
}
.select .options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0 0;
  padding: 0 0;
  list-style: none;
  border: 1px solid #ccc;
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.select .options li {
  padding: 0 6px;
  margin: 0 0;
  padding: 0 10px;
}
.select .options li:hover {
  background-color: #39f;
  color: white;
}

#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet {
  margin-top: 60px;
  width: 100%;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .select-wrapper,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .select-wrapper {
  min-width: inherit;
  width: 100%;
  position: relative;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .select-wrapper:after,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .select-wrapper:after {
  content: "<";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-73%) rotate(-90deg);
  color: #64B054;
  font-size: 32px;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .select-wrapper select,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .select-wrapper select {
  padding-right: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .select-wrapper select::-ms-expand,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .select-wrapper select::-ms-expand {
  display: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet select,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet select {
  min-width: inherit;
  width: 100%;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet label,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet label {
  width: 100%;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet input:focus,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet input:focus {
  outline: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .filter-column,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .filter-column {
  align-items: flex-start;
  flex-direction: column;
  text-align: left;
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .filter-column,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .filter-column {
    margin-bottom: 20px;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper {
  float: left;
  width: 100%;
}
@media (max-width: 640px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_length,
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_filter,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_length,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_filter {
    width: 100%;
    text-align: left;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet label,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet label {
  margin-right: 20px;
  text-transform: capitalize;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table {
  opacity: 1;
  margin-top: 20px;
  float: left;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet select,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet select {
  outline: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet select:focus,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet select:focus {
  outline: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length select,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length select {
  width: auto !important;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length .select-wrapper,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length .select-wrapper {
  width: auto !important;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters {
  display: flex;
  margin-bottom: 20px;
  width: 100%;
  overflow: hidden;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column {
  width: calc(33.33% - 20px);
  min-width: calc(33.33% - 20px);
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column:nth-child(3n+2),
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column:nth-child(3n+2) {
  margin-left: 30px;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column:nth-child(3n+3),
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column:nth-child(3n+3) {
  margin-left: 30px;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters {
    flex-direction: column;
  }
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column {
    width: 100%;
  }
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column:nth-child(3n+2),
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column:nth-child(3n+2) {
    margin-left: 0;
  }
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column:nth-child(3n+3),
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column:nth-child(3n+3) {
    margin-left: 0;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length select,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length select {
  min-width: 50px;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-unipol,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-unipol {
  clear: both;
  margin: 0;
  margin-top: 20px;
  width: 100%;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-unipol,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-unipol {
    min-width: 700px;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-unipol-wrapper,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-unipol-wrapper {
  width: 100%;
  overflow-x: auto;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_filter input,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_filter input {
  width: 100%;
  padding: 24px 27px;
  line-height: 1;
  border-radius: 45px;
  border: 1px solid #bcb6af;
  background-image: url(../images/icn-search.png);
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 20px;
  margin: 0;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length {
  float: left;
  line-height: 67px;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length label,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length label {
  margin: 0;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length label,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length label {
    width: 100%;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_filter,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_filter {
  float: right;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_filter label,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_filter label {
  margin: 0;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_filter label,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_filter label {
    width: 100%;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable th,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable th {
  padding: 24px 5px;
  padding-right: 10px;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable th,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable th {
    font-size: 12px;
    padding: 10px 5px;
    padding-right: 7px;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable td,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable td {
  padding: 24px 5px;
  padding-right: 10px;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable td,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable td {
    font-size: 12px;
    padding: 10px 5px;
    padding-right: 7px;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable thead th,
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable thead td,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable thead th,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable thead td {
  border: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable thead,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable thead {
  background-color: #faf9f8;
  color: #015256;
  font-size: 22px;
  font-family: "Din-Bold", sans-serif;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable tbody tr td,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable tbody tr td {
  border-bottom: 1px solid #ddd;
  background-color: inherit;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable tfoot,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable tfoot {
  display: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_info,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_info {
  display: none;
  margin-top: 60px;
  margin-bottom: 60px;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate {
  margin-top: 80px;
  margin-bottom: 60px;
  float: left;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate {
    float: left;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button {
  display: inline-block;
  min-width: inherit;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  border-radius: 2px;
  border: none;
  color: #005D44 !important;
  padding: 0 15px;
  font-weight: normal;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 12px;
    padding: 0 7px;
  }
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.previous, #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.next,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    display: none;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button:hover, #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button:active,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  box-shadow: none;
  color: #005D44 !important;
  border: none;
  background-color: inherit;
  background: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  pointer-events: none;
  cursor: default;
  color: #ea862c !important;
  background: none;
  border: none;
}

.faq-semplificata .faq-semplificata-element .list-element-dropdown .dropdown-sections-wrapper {
  margin-top: 0;
}
.faq-semplificata .faq-semplificata-element .list-element-dropdown {
  margin-bottom: 0;
}

.mini-banner-homepage {
  padding-top: 24px;
  padding-bottom: 24px;
}
.mini-banner-homepage .request-container .text {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .mini-banner-homepage .request-container .link-container {
    text-align: left;
  }
}
.mini-banner-homepage a.link-cta:after {
  left: inherit;
}

.popup-servizio-non-disponibile {
  background: rgba(0, 0, 0, 0.68);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
}
.popup-servizio-non-disponibile .popup-wrapper {
  width: 700px;
  background: #fff;
  max-width: calc(100% - 32px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  max-height: calc(100% - 72px);
  padding: 66px 110px 48px 110px;
  text-align: center;
}
.popup-servizio-non-disponibile .popup-wrapper .close {
  position: absolute;
  opacity: 1;
  width: 40px;
  height: 40px;
  cursor: pointer;
  top: 12px;
  right: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url(../images/close.png);
}
.popup-servizio-non-disponibile .popup-wrapper h3 {
  font: normal normal bold 22px/26px Arial;
  letter-spacing: 0px;
  margin: 40px 0 32px 0;
  color: #005D44;
  /*#27636B;*/
}
.popup-servizio-non-disponibile .popup-wrapper .text {
  color: #005D44;
  /*#27636B;*/
  margin-bottom: 40px;
}
.popup-servizio-non-disponibile .popup-wrapper .text p:last-child {
  margin-bottom: 0;
}
.popup-servizio-non-disponibile .popup-wrapper img {
  width: 66px;
}
@media (max-width: 800px) {
  .popup-servizio-non-disponibile .popup-wrapper {
    padding: 66px 33px 40px 33px;
  }
}

#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet {
  margin-top: 60px;
  width: 100%;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .select-wrapper,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .select-wrapper {
  min-width: inherit;
  width: 100%;
  position: relative;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .select-wrapper:after,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .select-wrapper:after {
  content: "<";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-73%) rotate(-90deg);
  color: #64B054;
  font-size: 32px;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .select-wrapper select,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .select-wrapper select {
  padding-right: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .select-wrapper select::-ms-expand,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .select-wrapper select::-ms-expand {
  display: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet select,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet select {
  min-width: inherit;
  width: 100%;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet label,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet label {
  width: 100%;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet input:focus,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet input:focus {
  outline: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .filter-column,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .filter-column {
  align-items: flex-start;
  flex-direction: column;
  text-align: left;
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .filter-column,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .filter-column {
    margin-bottom: 20px;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper {
  float: left;
  width: 100%;
}
@media (max-width: 640px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_length,
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_filter,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_length,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_filter {
    width: 100%;
    text-align: left;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet label,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet label {
  margin-right: 20px;
  text-transform: capitalize;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table {
  opacity: 1;
  margin-top: 20px;
  float: left;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet select,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet select {
  outline: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet select:focus,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet select:focus {
  outline: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length select,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length select {
  width: auto !important;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length .select-wrapper,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length .select-wrapper {
  width: auto !important;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters {
  display: flex;
  margin-bottom: 20px;
  width: 100%;
  overflow: hidden;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column {
  width: calc(33.33% - 20px);
  min-width: calc(33.33% - 20px);
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column:nth-child(3n+2),
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column:nth-child(3n+2) {
  margin-left: 30px;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column:nth-child(3n+3),
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column:nth-child(3n+3) {
  margin-left: 30px;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters {
    flex-direction: column;
  }
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column {
    width: 100%;
  }
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column:nth-child(3n+2),
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column:nth-child(3n+2) {
    margin-left: 0;
  }
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column:nth-child(3n+3),
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column:nth-child(3n+3) {
    margin-left: 0;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length select,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length select {
  min-width: 50px;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-unipol,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-unipol {
  clear: both;
  margin: 0;
  margin-top: 20px;
  width: 100%;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-unipol,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-unipol {
    min-width: 700px;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-unipol-wrapper,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-unipol-wrapper {
  width: 100%;
  overflow-x: auto;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_filter input,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_filter input {
  width: 100%;
  padding: 24px 27px;
  line-height: 1;
  border-radius: 45px;
  border: 1px solid #bcb6af;
  background-image: url(../images/icn-search.png);
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 20px;
  margin: 0;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length {
  float: left;
  line-height: 67px;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length label,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length label {
  margin: 0;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length label,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length label {
    width: 100%;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_filter,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_filter {
  float: right;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_filter label,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_filter label {
  margin: 0;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_filter label,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_filter label {
    width: 100%;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable th,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable th {
  padding: 24px 5px;
  padding-right: 10px;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable th,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable th {
    font-size: 12px;
    padding: 10px 5px;
    padding-right: 7px;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable td,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable td {
  padding: 24px 5px;
  padding-right: 10px;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable td,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable td {
    font-size: 12px;
    padding: 10px 5px;
    padding-right: 7px;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable thead th,
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable thead td,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable thead th,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable thead td {
  border: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable thead,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable thead {
  background-color: #faf9f8;
  color: #015256;
  font-size: 22px;
  font-family: "Din-Bold", sans-serif;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable tbody tr td,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable tbody tr td {
  border-bottom: 1px solid #ddd;
  background-color: inherit;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable tfoot,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable tfoot {
  display: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_info,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_info {
  display: none;
  margin-top: 60px;
  margin-bottom: 60px;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate {
  margin-top: 80px;
  margin-bottom: 60px;
  float: left;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate {
    float: left;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button {
  display: inline-block;
  min-width: inherit;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  border-radius: 2px;
  border: none;
  color: #005D44 !important;
  padding: 0 15px;
  font-weight: normal;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 12px;
    padding: 0 7px;
  }
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.previous, #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.next,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    display: none;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button:hover, #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button:active,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  box-shadow: none;
  color: #005D44 !important;
  border: none;
  background-color: inherit;
  background: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  pointer-events: none;
  cursor: default;
  color: #ea862c !important;
  background: none;
  border: none;
}

.last-news-page-detail {
  margin-top: 44px;
  margin-bottom: 44px;
}
.last-news-page-detail .last-news-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(auto, 349px));
  grid-gap: 40px 30px;
  justify-content: center;
}
.last-news-page-detail .last-news-container .item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 16px;
}
.last-news-page-detail .last-news-container .image-container {
  height: 185px;
  width: 100%;
  border-radius: 24px;
  background-position: center;
  background-size: cover;
  margin-bottom: 8px;
}
.last-news-page-detail .last-news-container .date {
  font-size: 18px;
  font-weight: normal;
  color: var(--neutral-100);
  margin: 0;
}
.last-news-page-detail .last-news-container .category {
  font-size: 14px;
  font-weight: normal;
  color: var(--primary-400);
  padding: 9px 17px;
  border-radius: 12px;
  background-color: var(--primary-20);
}
.last-news-page-detail .last-news-container .title {
  font-size: 18px;
  font-weight: normal;
  color: var(--primary-400);
  margin: 0;
}
.last-news-page-detail .slick-dots {
  bottom: -40px;
}
@media (max-width: 480px) {
  .last-news-page-detail .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.info-banner {
  background: var(--primary-400) 0% 0% no-repeat padding-box;
  padding: 0 45px;
}
@media (max-width: 1100px) {
  .info-banner {
    padding: 0 20px;
  }
}
.info-banner img {
  max-width: 20px;
  max-height: 20px;
  margin-right: 14px;
}
.info-banner img.icon {
  display: block;
}
.info-banner img.icon-hover {
  display: none;
}
.info-banner .text-content {
  display: flex;
  padding: 16px 0px;
  align-items: center;
  width: 100%;
}
@media (max-width: 480px) {
  .info-banner .text-content {
    align-items: flex-start;
  }
}
.info-banner .text {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}
.info-banner .text p {
  margin-bottom: 0;
}
.info-banner .text b,
.info-banner .text strong {
  font-family: "Din-Bold", sans-serif;
}
.info-banner .text a {
  color: white;
  text-decoration: underline;
  font-weight: normal;
}
.info-banner:hover img.icon {
  display: none;
}
.info-banner:hover img.icon-hover {
  display: block;
}

.wc-title {
  width: 100%;
  text-align: center;
  padding: 0 10px 40px;
  margin-top: 0;
}
@media (max-width: 799px) {
  .wc-title {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.wc-title.align-left {
  text-align: left;
}
.wc-title h4 {
  color: var(--primary-400);
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -0.07px;
  font-weight: 400;
  margin-bottom: 0;
  font-family: "Din-Regular", sans-serif;
}
@media (max-width: 799px) {
  .wc-title h4 {
    font-size: 28px;
    line-height: 36px;
  }
}
.wc-title h4 b,
.wc-title h4 strong {
  color: var(--secondary-80);
  font-family: "Din-Bold", sans-serif;
  font-family: "Din-Bold", sans-serif;
}
.wc-title h4 * {
  margin: 0;
  line-height: inherit;
  font-size: inherit;
}

.tab-link {
  text-align: center;
  width: 100%;
  margin: 0;
}
@media (max-width: 480px) {
  .tab-link .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.tab-link ul.links.tab-links {
  margin: 0 0 25px;
  padding: 0;
  display: inline-flex;
  column-gap: 80px;
}
.tab-link ul.links.tab-links li {
  display: inline-block;
  margin-bottom: 12px;
  position: relative;
}
.tab-link ul.links.tab-links li:hover > a > .img.icona {
  display: none;
}
.tab-link ul.links.tab-links li:hover > a > .img.icona-hover {
  display: block;
}
.tab-link ul.links.tab-links li:hover > a > .label {
  color: var(--secondary-80);
}
.tab-link ul.links.tab-links li a {
  display: flex;
  column-gap: 8px;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.tab-link ul.links.tab-links li a:after {
  content: "";
  display: none;
  width: 37px;
  height: 2px;
  background-color: var(--secondary-80);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.tab-link ul.links.tab-links li a.selected:after {
  display: block;
}
.tab-link ul.links.tab-links li a.selected > .img.icona {
  display: none;
}
.tab-link ul.links.tab-links li a.selected > .img.icona-hover {
  display: block;
}
.tab-link ul.links.tab-links li a.selected > .label {
  color: var(--secondary-80);
}
.tab-link ul.links.tab-links li a > .label {
  color: var(--primary-400);
  text-align: left;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: 0px;
  margin-bottom: 10px;
  text-transform: none;
  border: 0;
}
.tab-link ul.links.tab-links li a > .img {
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: contain;
  margin-bottom: 10px;
}
.tab-link ul.links.tab-links li a > .img.icona {
  display: block;
}
.tab-link ul.links.tab-links li a > .img.icona-hover {
  display: none;
}
@media (max-width: 800px) {
  .tab-link ul.links.tab-links {
    column-gap: 67px;
  }
  .tab-link ul.links.tab-links li > a {
    flex-direction: column;
    row-gap: 10px;
  }
  .tab-link ul.links.tab-links li > a > .img {
    margin-bottom: 0;
  }
  .tab-link ul.links.tab-links li > a > .label {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .tab-link ul.links.tab-links {
    column-gap: 50px;
    overflow: auto;
    width: 100%;
    justify-content: center;
  }
  .tab-link ul.links.tab-links li {
    width: auto;
    word-break: keep-all;
    min-width: 100px;
  }
  .tab-link ul.links.tab-links li > a > .label {
    word-break: keep-all;
    white-space: nowrap;
    min-width: inherit;
  }
}

.card-bisogni {
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 25px;
}
.card-bisogni .label-card a {
  width: auto;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .card-bisogni .bper-wrapper {
    width: 100% !important;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 480px) {
  .card-bisogni .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.card-bisogni .slick-list {
  margin: 0 -15px;
}
.card-bisogni .slick-dots {
  bottom: -20px;
  line-height: 0;
}
.card-bisogni ul.links {
  display: flex;
  justify-content: center;
  gap: 30px;
  list-style-type: none;
  padding: 0;
}
.card-bisogni ul.links.medium-card .label-card a {
  width: 255px;
}
@media (max-width: 768px) {
  .card-bisogni ul.links.medium-card .label-card a {
    width: 300px;
  }
}
.card-bisogni ul.links.carousel {
  display: block;
}
.card-bisogni ul.links.carousel .label-card {
  padding: 0 15px;
  margin-left: 0 !important;
  padding-bottom: 28px;
}
@media (max-width: 480px) {
  .card-bisogni ul.links.carousel .label-card {
    padding: 0 12px;
  }
}
.card-bisogni ul.links.carousel .label-card a {
  width: 100%;
}
.card-bisogni ul.links.carousel .label-card a .img {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 768px) {
  .card-bisogni ul.links:not(.carousel) {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 0;
  }
}
.card-bisogni.link-selection {
  margin-top: 6px;
}
@media (max-width: 767px) {
  .card-bisogni.link-selection {
    margin: 6px 15px 0;
  }
}
.card-bisogni.link-selection .label-card {
  float: left;
  cursor: pointer;
  position: relative;
  min-width: fit-content;
}
@media (max-width: 768px) {
  .card-bisogni.link-selection .label-card {
    margin: 0 7px;
  }
}
.card-bisogni.link-selection .label-card a {
  width: auto;
  background: var(--primary-20) 0% 0% no-repeat padding-box;
  border: none;
  border-radius: 12px;
  min-width: fit-content;
  height: auto;
  padding: 0px 24px;
}
.card-bisogni.link-selection .label-card a:hover {
  background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
}
.card-bisogni.link-selection .label-card a:hover .label {
  color: #fff !important;
}
.card-bisogni.link-selection .label-card a .label {
  white-space: nowrap;
  padding: 14px 0px;
}
.card-bisogni.link-selection ul.links {
  overflow-x: auto;
  overflow-y: hidden;
  align-items: center;
  height: auto;
  display: flex;
  width: 100%;
  justify-content: flex-start;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: hidden;
  margin: 0;
}
.card-bisogni.link-selection ul.links.center {
  justify-content: center;
}
.card-bisogni.link-selection ul.links:-webkit-scrollbar {
  display: none;
}
@media (max-width: 768px) {
  .card-bisogni.link-selection ul.links:not(.carousel) {
    flex-direction: row !important;
    gap: 15px;
    padding-right: 25px;
    margin-right: -25px;
    width: calc(100% + 25px);
  }
}
.card-bisogni.link-selection .slick-dots {
  bottom: -30px;
}

.label-card a {
  width: 350px;
  height: 73px;
  padding: 0px 16px;
  cursor: pointer;
  background: var(--neutral-5) 0% 0% no-repeat padding-box;
  border: 1px solid var(--secondary-10);
  border-radius: 24px;
  display: inline-flex;
  gap: 12px;
  align-items: center;
  position: relative;
}
@media (max-width: 800px) {
  .label-card a {
    width: 325px;
  }
}
.label-card .img {
  width: 40px;
  height: 40px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
}
.label-card span.label {
  color: var(--primary-400);
  text-align: left;
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  border: 0;
  margin: 0;
  padding: 16px 0px;
  text-transform: none;
}
@media (max-width: 800px) {
  .label-card span.label {
    padding: 12px 0px;
  }
}
.label-card a:hover {
  border: 1px solid var(--secondary-80);
  box-shadow: 0 12px 24px rgba(126, 140, 141, 0.0016);
}
.label-card a:hover span.label {
  color: var(--secondary-80);
}

.generic-card {
  padding: 48px 32px 40px 32px;
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.321);
  border-radius: 24px;
  text-align: left;
  overflow: hidden;
  margin-bottom: 0;
}
.generic-card.has-bkg-bper {
  min-height: 311px;
  padding-right: 80px;
}
@media (max-width: 767px) {
  .generic-card.has-bkg-bper {
    padding: 36px 63px 32px 22px;
    min-height: inherit;
  }
}
.generic-card.background-verde1 {
  background: var(--primary-600);
  color: #fff;
}
.generic-card.background-verde2 {
  background: var(--primary-400);
  color: #fff;
}
.generic-card.background-bianco {
  background: #fff;
}
.generic-card.squircle-verde1 .bkg-bper {
  background-image: url(../images/Squircle_green_1.png);
}
.generic-card .link-wrapper {
  margin-top: 1em;
}
.generic-card .bkg-bper {
  height: 223px;
  width: 102px;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 48px;
  right: 0;
  transform: translateX(30%);
}
@media (max-width: 767px) {
  .generic-card .bkg-bper {
    height: 174px;
    width: 80px;
  }
}
.generic-card h3 {
  font-family: "Din-Bold", sans-serif;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 36px;
  padding: 0;
  margin: 0;
}
@media (max-width: 767px) {
  .generic-card h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
  }
}
.generic-card h3 * {
  margin: 0;
}
.generic-card .text {
  margin-bottom: 28px;
}
@media (max-width: 767px) {
  .generic-card .text {
    font-size: 18px;
    line-height: 26px;
  }
}
.generic-card .text p {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.section-comunication {
  text-align: center;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .section-comunication {
    margin-top: 20px;
  }
}
.section-comunication .generic-card {
  box-shadow: 0 12px 24px rgba(126, 140, 141, 0.16);
}
.section-comunication .generic-card h3 {
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0px;
}
@media (max-width: 767px) {
  .section-comunication .generic-card h3 {
    font-size: 24px;
    line-height: 32px;
  }
}
.section-comunication .slick-dots {
  bottom: -30px;
}
.section-comunication .section-comunication-wrapper .generic-card-wrapper .text {
  color: var(--neutral-100);
}
.section-comunication .section-comunication-wrapper {
  position: relative;
}
.section-comunication .section-comunication-wrapper .generic-card-wrapper {
  margin-top: 45px;
}
@media (max-width: 767px) {
  .section-comunication .section-comunication-wrapper .generic-card-wrapper {
    margin-top: 25px;
  }
}
.section-comunication .section-comunication-wrapper:before {
  display: block;
  background: none;
  width: 100%;
  height: 353px;
  position: absolute;
  border-radius: 20px;
  z-index: -2;
}
@media (max-width: 767px) {
  .section-comunication .section-comunication-wrapper:before {
    height: calc(100% - 140px);
  }
}
.section-comunication .section-comunication-wrapper:after {
  content: "";
  display: block;
  height: 353px;
  width: 209px;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .section-comunication .section-comunication-wrapper:after {
    height: 571px;
    width: 338px;
    max-width: 210px;
    max-height: calc(100% - 140px);
    border-radius: 20px;
  }
}
.section-comunication .section-comunication-wrapper .generic-card {
  border: none;
}
.section-comunication .wrapper-title {
  padding-top: 48px;
  padding-bottom: 54px;
  position: relative;
  float: left;
  width: 100%;
  font-size: 36px;
  line-height: 44px;
  min-height: 44px;
}
@media (max-width: 767px) {
  .section-comunication .wrapper-title {
    padding-top: 45px;
    padding-bottom: 45px;
    font-size: 28px;
    line-height: 36px;
    min-height: 36px;
  }
}
.section-comunication .wrapper-title b,
.section-comunication .wrapper-title strong {
  color: var(--secondary-80);
  font-family: "Din-Bold", sans-serif;
}
.section-comunication .wrapper-title p {
  margin: 0;
  font: inherit;
}
.section-comunication .wrapper-title h3 {
  margin-top: 24px;
  margin-bottom: 12px;
}
.section-comunication .wrapper-cards {
  width: 100%;
  display: flex;
  gap: 30px;
}
@media (max-width: 767px) {
  .section-comunication .wrapper-cards {
    padding: 0 25px;
    flex-direction: column;
  }
}
.section-comunication .wrapper-cards .generic-card {
  width: 100%;
  flex-grow: 2;
}
@media (max-width: 767px) {
  .section-comunication .wrapper-cards .generic-card .link-wrapper {
    width: calc(100% + 40px);
  }
}
.section-comunication .wrapper-cards .generic-card:nth-last-child(1) {
  margin-bottom: 0;
}
.section-comunication .wrapper-cards .generic-card a .wrapper-logo .logo {
  margin-bottom: 0;
}
.section-comunication .wrapper-cards .slick-track {
  display: flex;
  column-gap: 30px;
}
@media (max-width: 767px) {
  .section-comunication .wrapper-cards .slick-track {
    column-gap: 0;
  }
}

.product .rich-navigation-item-wrapper .rich-navigation-item {
  width: 100%;
}
.product .wrapper-text {
  color: var(--neutral-100);
}
.product.rich-navigation-menu-adt.rich-navigation-carousel.product.type-offerta .rich-navigation-description {
  padding: 32px !important;
}
@media (max-width: 767px) {
  .product.rich-navigation-menu-adt.rich-navigation-carousel.product.type-offerta .rich-navigation-description {
    padding: 32px 24px !important;
  }
}
.product.rich-navigation-menu-adt.rich-navigation-carousel.product.type-offerta .rich-navigation-description li + li {
  margin-top: 8px;
}
.product.rich-navigation-menu-adt.rich-navigation-carousel.product.type-offerta .rich-navigation-description.is-icon {
  padding-top: 52px !important;
}
.product .wc-title h4 {
  line-height: 44px;
}
.product .wc-title + .container {
  margin-top: 32px;
}
.product .rich-navigation-item.green-border {
  border: solid 1px;
  border-color: var(--secondary-20);
}
@media (max-width: 1100px) {
  .product .rich-navigation-list-image.is-carousel.bper-wrapper {
    padding: 0;
    margin: 0 -15px;
    width: auto;
  }
}
@media (max-width: 767px) {
  .product .rich-navigation-list-image.is-carousel.bper-wrapper {
    padding: 0;
    margin: 0;
    width: auto;
  }
}
@media (max-width: 992px) {
  .product .rich-navigation-list-image.n-elements-1 {
    width: 50%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .product .rich-navigation-list-image.n-elements-1 {
    width: 100%;
    margin: 0;
    padding: 0 10px;
  }
  .product .rich-navigation-list-image.n-elements-1 .rich-navigation-item-wrapper {
    margin: 0;
    width: 100%;
  }
  .product .rich-navigation-list-image.n-elements-1 .rich-navigation-item-wrapper.slick-slide {
    margin: 0;
  }
}
@media (max-width: 992px) {
  .product .rich-navigation-list-image.n-elements-2 {
    width: calc(50% - 15px);
  }
}
@media (max-width: 767px) {
  .product .rich-navigation-list-image.n-elements-2 {
    margin: 0;
    width: 100%;
  }
}
.product .rich-navigation-list-image.n-elements-2 .rich-navigation-item-wrapper.slick-slide {
  margin: 0;
}
.product .rich-navigation-list-image .slider {
  width: 100%;
  display: flex;
}
.product .rich-navigation-list-image .link-over {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper {
  position: relative;
  width: calc(33.33% - 20px);
  margin-left: 30px;
  float: left;
  margin-bottom: 0;
  border-radius: 24px;
  height: inherit;
}
@media (max-width: 767px) {
  .product .rich-navigation-list-image .rich-navigation-item-wrapper {
    margin-left: 0;
  }
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item {
  background-color: #fff;
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
  margin-bottom: 0;
  height: 100%;
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.showLink-0:hover {
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item:hover {
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.24);
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-link:hover {
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.24) !important;
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-link:hover .wrapper-title {
  color: var(--secondary-80);
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-linkallcard:hover {
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.24) !important;
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-linkallcard:hover .wrapper-title {
  color: var(--secondary-80);
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-linkallcard .wrapper-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto !important;
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-linkallcard .wrapper-link .link-cta-main {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-indent: -999999px;
  display: block;
  margin: 0;
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-linkallcard .wrapper-link .link-cta-main:after {
  display: none;
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper:nth-child(3n+1) {
  margin-left: 0;
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .link-cta {
  color: var(--secondary-80) !important;
  margin-top: 20px !important;
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .link-cta:hover {
  color: var(--secondary-80) !important;
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper h3 {
  color: var(--primary-400);
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper h3.wrapper-title {
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 16px;
  font-family: "Din-Bold", sans-serif;
}
.product .rich-navigation-list-image .item-wrapper {
  width: 100%;
  padding: 0 15px;
  height: inherit;
}
.product .rich-navigation-list-image .item-wrapper .rich-navigation-item-wrapper {
  width: 100% !important;
  margin: 0;
  height: 100%;
}
.product.type-product .rich-navigation-list-image .rich-navigation-item-wrapper h3.wrapper-title, .product.type-product .rich-navigation-list-image .rich-navigation-item-wrapper .wrapper-text, .product.type-product .rich-navigation-list-image .rich-navigation-item-wrapper .link-cta, .product.type-product .rich-navigation-list-image .rich-navigation-item-wrapper h4.wrapper-subtitle {
  color: #fff !important;
}
.product.type-product .rich-navigation-description {
  background-color: var(--primary-400);
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
}
.product.type-product .rich-navigation-description a.link-cta.link-cta-right-arrow:after {
  background-image: url("../images/icone-bper-2022/white/Icon-24pt-Arrow Right.svg");
}
.product.type-product .rich-navigation-description .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-linkallcard:hover .wrapper-title, .product.type-product .rich-navigation-description .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-linkallcard:hover .wrapper-text, .product.type-product .rich-navigation-description .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-link:hover .wrapper-title, .product.type-product .rich-navigation-description .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-link:hover .wrapper-text {
  color: #fff;
}
.product.type-product .rich-navigation-list-image .rich-navigation-item-wrapper h3.wrapper-title {
  margin-bottom: 0;
}
.product.type-product .rich-navigation-list-image .rich-navigation-item-wrapper .wrapper-text {
  margin-top: 16px;
}
.product.type-offerta-with-link .rich-navigation-list-image .rich-navigation-item-wrapper .link-cta {
  margin-top: 24px !important;
}
.product.type-offerta .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-link:hover {
  box-shadow: 0px 12px 24pxrgb 126, 140, 141, 0.08;
}
.product.type-offerta .rich-navigation-list-image .rich-navigation-item-wrapper .link-cta {
  margin-top: 24px !important;
}
.product.type-offerta .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-link:hover .wrapper-title {
  color: var(--primary-400);
}
.product.type-offerta .wrapper-title {
  letter-spacing: 0;
}
.product.type-offerta .rich-navigation-description + .rich-navigation-item-img {
  border: none !important;
}
.product.type-offerta .rich-navigation-description {
  border: 1px solid var(--secondary-20);
  padding-top: 52px !important;
  padding-bottom: 40px !important;
  border-radius: 26px;
}
.product.type-offerta .rich-navigation-description h3 + p {
  margin-top: 20px;
}
.product.type-offerta .rich-navigation-description .wrapper-subtitle {
  font-size: 13px;
  line-height: 20px;
  font-family: "Din-Bold", sans-serif;
  color: var(--secondary-80);
  margin-top: 0;
}
.product.type-offerta .rich-navigation-description .wrapper-title {
  letter-spacing: 0;
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0;
  font-family: "Din-Bold", sans-serif;
  color: var(--primary-400);
  margin-bottom: 0 !important;
}
.product.type-offerta .rich-navigation-description .wrapper-text {
  margin-top: 16px;
  font-size: 18px;
  line-height: 26px;
  color: var(--neutral-100);
}
.product.type-offerta .rich-navigation-description .wrapper-text a {
  color: var(--neutral-100);
}
.product.type-offerta .rich-navigation-description .wrapper-text ul {
  padding-left: 16px;
  padding-top: 12px;
}
@media (max-width: 767px) {
  .product.type-offerta .rich-navigation-description .wrapper-link {
    text-align: left;
    margin-top: 10px;
  }
}

.garanzie .rich-navigation-menu-adt .rich-navigation-description {
  padding: 32px !important;
}
.garanzie .rich-navigation-list-image .rich-navigation-item h3 {
  font-size: 24px;
  line-height: 32px;
  margin: 0;
  font-family: "Din-Bold", sans-serif;
  text-shadow: none;
}
.garanzie .rich-navigation-list-image .rich-navigation-item h3.wrapper-title {
  color: var(--primary-400);
}
.garanzie .rich-navigation-list-image .rich-navigation-item h3 + p {
  margin-top: 20px;
}
.garanzie .rich-navigation-list-image .rich-navigation-item .wrapper-text {
  font-size: 16px;
  line-height: 24px;
  color: var(--neutral-100);
  margin-top: 16px;
}
.garanzie .rich-navigation-list-image .rich-navigation-item .wrapper-text * {
  color: inherit;
  font: inherit;
}
.garanzie .rich-navigation-list-image .rich-navigation-item .wrapper-text ul,
.garanzie .rich-navigation-list-image .rich-navigation-item .wrapper-text ol {
  padding-left: 17px;
  margin-top: 10px;
}
.garanzie .rich-navigation-list-image .rich-navigation-item .wrapper-text ul li + li,
.garanzie .rich-navigation-list-image .rich-navigation-item .wrapper-text ol li + li {
  margin-top: 8px;
}

.other-text-and-icons {
  padding-bottom: 50px;
}
.other-text-and-icons .wc-title + .columns {
  margin-top: 32px;
}
@media (max-width: 799px) {
  .other-text-and-icons .wc-title + .columns {
    margin-top: 20px;
  }
}
.other-text-and-icons .columns {
  display: flex;
  align-content: center;
  align-items: flex-start;
  margin: 0 -15px;
}
@media (max-width: 799px) {
  .other-text-and-icons .columns {
    flex-direction: column;
    margin: 0;
  }
}
.other-text-and-icons .columns .column {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  flex-grow: 2;
  width: 100%;
  padding: 0 15px;
}
@media (max-width: 799px) {
  .other-text-and-icons .columns .column {
    padding: 0 25px;
  }
  .other-text-and-icons .columns .column + .column {
    margin-top: 50px;
  }
}
.other-text-and-icons .columns .column img {
  max-width: 60px;
  max-height: 60px;
  min-height: 60px;
  min-width: 60px;
}
.other-text-and-icons .columns .column img + h4 {
  margin-top: 32px;
}
@media (max-width: 799px) {
  .other-text-and-icons .columns .column img + h4 {
    margin-top: 20px;
  }
}
.other-text-and-icons .columns .column h4 {
  font-size: 24px;
  line-height: 32px;
  font-family: "Din-Bold", sans-serif;
  margin: 0;
}
.other-text-and-icons .columns .column h4 + p {
  margin-top: 16px;
}
.other-text-and-icons .columns .column p {
  margin: 0;
  color: var(--neutral-100);
  font-size: 18px;
  line-height: 26px;
}

.n-calcolo-rata-wrapper {
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 80px;
}
.n-calcolo-rata-wrapper .section-title {
  font-size: 36px;
  color: var(--primary-400);
  line-height: 48px;
  letter-spacing: 0px;
  margin-bottom: 21px;
  text-align: center;
}
.n-calcolo-rata-wrapper .section-title strong {
  color: var(--secondary-80);
}
.n-calcolo-rata-wrapper .section-summary {
  font-size: 20px;
  color: var(--neutral-700);
  line-height: 28px;
  letter-spacing: 0;
  margin-bottom: 57px;
  text-align: center;
}
.n-calcolo-rata-wrapper .n-calcolo-rata {
  display: grid;
  grid-template-columns: repeat(2, minmax(325px, 555px));
  justify-content: center;
  column-gap: 30px;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box {
  background: transparent linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%) 0% 0% no-repeat padding-box;
  border-radius: 24px;
  color: white;
  padding: 40px;
  box-shadow: 0 16px 24px rgba(126, 140, 141, 0.32);
  position: relative;
  display: flex;
  flex-direction: column;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.first-box {
  grid-column: 1;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.second-box {
  grid-column: 2;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-icon {
  margin-top: 40px;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-icon .box-icon-1,
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-icon .box-icon-2 {
  position: absolute;
  top: -40px;
  right: 40px;
  max-height: 80px;
  width: auto;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-image {
  display: grid;
  grid-template-rows: repeat(3, min-content);
  align-items: stretch;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-image .background-image {
  margin: -40px;
  align-self: flex-end;
  justify-self: flex-end;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-image .background-image img {
  max-height: 230px;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box .title {
  font-size: 28px;
  font-family: "Din-Bold", sans-serif;
  letter-spacing: 0;
  line-height: 36px;
  margin-bottom: 16px;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box .title p {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box .description {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 32px;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box .description p {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box .calcolo-rata-cta {
  z-index: 1;
  margin-top: auto;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box .background-image-mobile {
  display: none;
}
.n-calcolo-rata-wrapper .n-calcolo-rata.full-width {
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, minmax(auto, auto));
  row-gap: 15px;
}
.n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.first-box {
  grid-column: 1;
  grid-row: 1;
}
.n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.second-box {
  grid-column: 1;
  grid-row: 2;
}
.n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image {
  display: grid;
  grid-template-columns: minmax(auto, 60%) minmax(auto, 40%);
  grid-template-rows: auto;
  grid-template-areas: "title        image" "description  image" "button       image";
  column-gap: 15px;
  align-items: center;
}
.n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image .title {
  grid-area: title;
}
.n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image .description {
  grid-area: description;
}
.n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image .calcolo-rata-cta {
  grid-area: button;
}
.n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image .background-image {
  grid-area: image;
  align-self: flex-end;
  margin: -40px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  max-height: 230px;
}
.n-calcolo-rata-wrapper .n-calcolo-rata.full-width.mono {
  grid-template-rows: minmax(293px, auto);
  row-gap: unset;
}
@media (max-width: 799px) {
  .n-calcolo-rata-wrapper .n-calcolo-rata {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, auto);
    row-gap: 24px;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box {
    padding: 40px 24px;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box .title, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box .title {
    font-size: 24px;
    font-family: "Din-Bold", sans-serif;
    letter-spacing: 0;
    line-height: 32px;
    margin-bottom: 22px;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box .description, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box .description {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 26px;
    margin-bottom: 28px;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.first-box, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.first-box {
    grid-column: 1;
    grid-row: 1;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.second-box, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.second-box {
    grid-column: 1;
    grid-row: 2;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-image, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image {
    grid-template-areas: none;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, min-content);
    align-items: stretch;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-image .title, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image .title {
    grid-area: unset;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-image .description, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image .description {
    grid-area: unset;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-image .calcolo-rata-cta, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image .calcolo-rata-cta {
    grid-area: unset;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-image .background-image, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image .background-image {
    display: none;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-image .background-image-mobile, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image .background-image-mobile {
    display: block;
    grid-area: unset;
    margin: -5px -25px -40px;
    align-self: flex-end;
    justify-self: flex-end;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-image .background-image-mobile img, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image .background-image-mobile img {
    max-height: 230px;
    float: right;
  }
}
@media (max-width: 480px) {
  .n-calcolo-rata-wrapper .n-calcolo-rata.bper-wrapper {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 480px) {
  .n-calcolo-rata-wrapper {
    padding-bottom: 58px;
  }
  .n-calcolo-rata-wrapper .section-title {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0;
    margin-bottom: 17px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .n-calcolo-rata-wrapper .section-summary {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
    margin-bottom: 44px;
    padding-left: 25px;
    padding-right: 25px;
  }
}

.promo {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 799px) {
  .promo {
    padding-left: 25px;
    padding-right: 25px;
  }
  .promo .bper-wrapper {
    padding: 0;
  }
}
.promo .promo-content {
  background-color: var(--accent-60);
  padding: 33px 40px 33px 30px;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  color: #071D1F;
}
@media (max-width: 799px) {
  .promo .promo-content {
    padding: 25px;
    padding-right: 80px;
  }
}
.promo .promo-content .text {
  background-color: var(--white);
  padding: 10px 15px;
  border-radius: 16px;
}
.promo .promo-content h4 {
  font-size: 24px;
  line-height: 32px;
  font-family: "Din-Bold", sans-serif;
  margin: 0;
  color: #071D1F;
}
.promo .promo-content .testo {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  margin-top: 10px;
}
.promo .promo-content .testo * {
  margin: 0;
}
.promo .promo-content .testo b,
.promo .promo-content .testo strong {
  font-family: "Din-Bold", sans-serif;
}
.promo .promo-content .flag {
  background-color: var(--secondary-400);
  color: #fff;
  font-size: 16px;
  font-family: "Din-Bold", sans-serif;
  line-height: 32px;
  height: 32px;
  position: absolute;
  right: -36px;
  width: 140px;
  text-align: center;
  align-content: center;
  align-items: center;
  transform: rotate(45deg);
  top: 11px;
}

.informativa-text.rich-navigation-menu-adt .rich-navigation-description {
  padding: 32px !important;
  background: #fff;
  border-radius: inherit;
}
.informativa-text .rich-navigation-list-image .rich-navigation-item .wrapper-text ul,
.informativa-text .rich-navigation-list-image .rich-navigation-item .wrapper-text ol {
  margin-top: 0;
}
.informativa-text .rich-navigation-list-image .rich-navigation-item {
  margin-left: 0;
  margin-right: 0;
}
.informativa-text .rich-navigation-list-image .rich-navigation-item .wrapper-text b,
.informativa-text .rich-navigation-list-image .rich-navigation-item .wrapper-text strong {
  font-family: "Din-Bold", sans-serif !important;
}
.informativa-text h3.wrapper-title {
  font-size: 24px;
  line-height: 32px;
  font-family: "Din-Bold", sans-serif;
}
.informativa-text .wrapper-text {
  color: var(--neutral-100);
  margin-top: 10px;
}
.informativa-text .wrapper-text a {
  color: var(--secondary-80) !important;
  font-family: "Din-Bold", sans-serif !important;
  text-decoration: underline;
}
.informativa-text .wrapper-text a:hover {
  text-decoration: none !important;
}
@media (max-width: 799px) {
  .informativa-text .note {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.informativa-text .note.have-dots {
  margin-top: 36px;
}
.informativa-text .note-principali {
  font-size: 18px;
  line-height: 26px;
  font-family: "Din-Bold", sans-serif;
}
.informativa-text .note-principali p {
  margin: 0;
  font: inherit;
  line-height: inherit;
}
.informativa-text .note-piccole {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.informativa-text .note-piccole + .note-principali {
  margin-top: 16px;
}
.informativa-text .note-piccole p {
  margin: 0;
  font: inherit;
  line-height: inherit;
}

.main-news-and-event {
  position: relative;
  margin-bottom: 40px;
  width: 100%;
  float: left;
}
@media (max-width: 1360) {
  .main-news-and-event {
    padding: 0 60px;
  }
}
@media (max-width: 767px) {
  .main-news-and-event {
    padding: 0;
  }
}
.main-news-and-event .slick-dots {
  bottom: -20px;
}
@media (max-width: 767px) {
  .main-news-and-event .slick-dots {
    bottom: -25px;
  }
}
.main-news-and-event .slick-prev {
  left: -43px;
}
.main-news-and-event .slick-next {
  right: -43px;
}
.main-news-and-event .wrapper-main-news {
  width: 100%;
  float: left;
}
.main-news-and-event .all-link {
  float: right;
}
@media (max-width: 767px) {
  .main-news-and-event .all-link {
    margin-top: 40px;
    text-align: center;
    width: 100%;
  }
}
.main-news-and-event .slider {
  width: calc(100% + 30px);
  margin: 0 -15px;
  float: left;
}
.main-news-and-event .item {
  margin-bottom: 40px;
  font-weight: 400;
  padding: 0 15px;
  text-decoration: none;
  cursor: pointer;
  outline: none !important;
  border: none;
  color: var(--primary-400);
}
@media (max-width: 767px) {
  .main-news-and-event .item {
    margin-bottom: 20px;
    padding: 0 15px;
  }
}
.main-news-and-event .item:hover {
  color: var(--secondary-80);
  text-decoration: none;
}
.main-news-and-event .item .image-container {
  display: block;
  width: 100%;
  border-radius: 24px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 25px;
  position: relative;
}
.main-news-and-event .item .image-container .tag {
  position: absolute;
  top: 25px;
  left: 0;
  max-width: 80%;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  background: var(--primary-400);
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  padding-left: 16px;
  padding-right: 20px;
}
@media (max-width: 767px) {
  .main-news-and-event .item .image-container .tag {
    font-size: 14px;
    line-height: 30px;
    padding-right: 18px;
  }
}
.main-news-and-event .item .image-container:after {
  content: "";
  padding-top: 53%;
  display: block;
}
.main-news-and-event .item .text {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

body.fixedTop .category-navigation-sticky .category-navigation-wrapper {
  opacity: 0 !important;
}
body.fixedTop .category-navigation-sticky .category-navigation-sticky-wrapper {
  display: block;
  z-index: 9999;
  left: 0;
  width: 100%;
  position: fixed;
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
}
@media (max-width: 767px) {
  body.fixedTop .category-navigation-sticky .category-navigation-sticky-wrapper .title {
    display: none;
  }
  body.fixedTop .category-navigation-sticky .category-navigation-sticky-wrapper .categories-wrapper {
    padding: 25px 0;
  }
  body.fixedTop .category-navigation-sticky .category-navigation-sticky-wrapper .categories-wrapper .categories {
    float: none !important;
    overflow-x: auto;
    display: flex !important;
    align-items: center;
  }
  body.fixedTop .category-navigation-sticky .category-navigation-sticky-wrapper .categories-wrapper .categories li {
    max-width: inherit;
    padding: 8px 24px;
    font-size: 16px;
  }
}

.category-navigation-sticky,
.category-navigation-sticky.news-selector {
  margin-bottom: 0 !important;
}
.category-navigation-sticky .slick-prev,
.category-navigation-sticky .slick-next,
.category-navigation-sticky.news-selector .slick-prev,
.category-navigation-sticky.news-selector .slick-next {
  display: none !important;
}
.category-navigation-sticky .slick-dots,
.category-navigation-sticky.news-selector .slick-dots {
  bottom: -25px;
}
.category-navigation-sticky .category-navigation-wrapper,
.category-navigation-sticky.news-selector .category-navigation-wrapper {
  opacity: 1;
}
.category-navigation-sticky .categories-wrapper,
.category-navigation-sticky.news-selector .categories-wrapper {
  padding: 35px 0;
}
.category-navigation-sticky .category-navigation-sticky-wrapper,
.category-navigation-sticky.news-selector .category-navigation-sticky-wrapper {
  display: none;
}
.category-navigation-sticky .bper-wrapper .categories-wrapper,
.category-navigation-sticky.news-selector .bper-wrapper .categories-wrapper {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .category-navigation-sticky .bper-wrapper .categories-wrapper,
  .category-navigation-sticky.news-selector .bper-wrapper .categories-wrapper {
    flex-direction: column;
  }
}
.category-navigation-sticky .bper-wrapper .title,
.category-navigation-sticky.news-selector .bper-wrapper .title {
  font-size: 16px;
  line-height: 24px;
  font-family: "Din-Bold", sans-serif;
  margin: 0;
  margin-right: 24px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .category-navigation-sticky .bper-wrapper .title,
  .category-navigation-sticky.news-selector .bper-wrapper .title {
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
  }
}
.category-navigation-sticky .bper-wrapper .categories,
.category-navigation-sticky.news-selector .bper-wrapper .categories {
  margin: 0 !important;
  position: relative;
  display: inline-block !important;
  padding: 0;
  width: 100%;
  float: none !important;
}
@media (max-width: 767px) {
  .category-navigation-sticky .bper-wrapper .categories.slick-slider,
  .category-navigation-sticky.news-selector .bper-wrapper .categories.slick-slider {
    margin: 0 -7px !important;
  }
}
.category-navigation-sticky .bper-wrapper .categories li,
.category-navigation-sticky.news-selector .bper-wrapper .categories li {
  margin-right: 16px;
  padding: 0;
  display: inline-block;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .category-navigation-sticky .bper-wrapper .categories li,
  .category-navigation-sticky.news-selector .bper-wrapper .categories li {
    margin-right: 0;
    padding: 0 7px !important;
  }
}
.category-navigation-sticky .bper-wrapper .categories li a,
.category-navigation-sticky.news-selector .bper-wrapper .categories li a {
  background: var(--primary-20) 0% 0% no-repeat padding-box;
  border-radius: 12px;
  border: none !important;
  margin: 0;
  outline: none !important;
}
.category-navigation-sticky .bper-wrapper .categories li a:hover, .category-navigation-sticky .bper-wrapper .categories li a.active,
.category-navigation-sticky.news-selector .bper-wrapper .categories li a:hover,
.category-navigation-sticky.news-selector .bper-wrapper .categories li a.active {
  outline: none !important;
  background: transparent linear-gradient(180deg, #29696f 0%, #183f42 100%) 0% 0% no-repeat padding-box;
  border-radius: 12px;
}

@media (max-width: 480px) {
  .i-nostri-numeri .bper-wrapper {
    padding: 0 25px;
  }
}
.i-nostri-numeri .wc-title {
  padding-bottom: 32px;
  padding-top: 80px;
}
.i-nostri-numeri .button-list {
  text-align: center;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .i-nostri-numeri .button-list {
    float: left;
    width: 100%;
  }
}
.i-nostri-numeri .button-list .btn-tab {
  background: var(--primary-20) 0% 0% no-repeat padding-box;
  border-radius: 12px;
  color: var(--primary-400);
  text-align: left;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
  margin: 8px;
  padding: 8px 24px;
  white-space: normal;
  text-align: center;
  font-family: "Din-Regular", sans-serif;
}
@media (max-width: 767px) {
  .i-nostri-numeri .button-list .btn-tab {
    clear: both;
    display: block;
    width: auto;
    float: left;
    padding: 7px 24px;
    margin: 7px 0;
  }
}
.i-nostri-numeri .button-list .btn-tab.current, .i-nostri-numeri .button-list .btn-tab:hover {
  background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
  color: #fff;
}
@media (max-width: 767px) {
  .i-nostri-numeri .cards {
    float: left;
    width: 100%;
  }
}
.i-nostri-numeri .cards .card-wrapper {
  display: none;
}
@media (max-width: 767px) {
  .i-nostri-numeri .cards .card-wrapper {
    position: fixed;
    z-index: 99999;
    background: rgba(0, 93, 68, 0.76);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.i-nostri-numeri .cards .card-wrapper .card {
  border: 1px solid var(--secondary-10);
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 16px rgba(126, 140, 141, 0.08);
  border-radius: 24px;
  padding: 32px;
}
.i-nostri-numeri .cards .card-wrapper .card .back {
  display: none;
}
@media (max-width: 767px) {
  .i-nostri-numeri .cards .card-wrapper .card {
    position: absolute;
    width: calc(100% - 50px);
    left: 25px;
    top: 50%;
    margin: 0;
    max-height: calc(100% - 50px);
    overflow-y: auto;
    transform: translateY(-50%);
    padding: 63px 32px 0 32px;
  }
  .i-nostri-numeri .cards .card-wrapper .card .back {
    display: block;
    margin-top: 40px;
    line-height: 100px;
    padding: 0;
    border-top: solid 1px var(--green-20);
  }
}
.i-nostri-numeri .cards .card-wrapper .card h4 {
  color: var(--primary-400);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  line-height: 32px;
  font-size: 24px;
  letter-spacing: 0px;
  margin-top: 0;
  margin-bottom: 24px;
}
.i-nostri-numeri .cards .card-wrapper .card .free-html {
  color: var(--primary-400);
  text-align: left;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0;
}
.i-nostri-numeri .cards .card-wrapper .card .free-html p {
  margin: 0 0 10px;
}
.i-nostri-numeri .cards .card-wrapper .card .free-html p:last-child {
  margin: 0;
}
.i-nostri-numeri .cards .card-wrapper .card ul {
  display: block;
  margin: 0;
  padding: 0;
}
.i-nostri-numeri .cards .card-wrapper .card ul li {
  display: block;
  margin: 0;
  padding: 0;
  color: var(--primary-400);
  text-align: left;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}
.i-nostri-numeri .cards .card-wrapper .card a:not(.back-link) {
  color: var(--secondary-80);
  text-align: left;
  text-decoration: underline;
  font-size: 20px;
  line-height: 28px;
  font-family: "Din-Bold", sans-serif;
}
.i-nostri-numeri .cards .card-wrapper .card a:not(.back-link):hover {
  text-decoration: none;
}
.i-nostri-numeri .cards .card-wrapper .card a.back-link {
  cursor: pointer;
}
.i-nostri-numeri .cards .card-wrapper .card .close {
  position: absolute;
  width: 40px;
  height: 40px;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-image: none;
  background-size: auto;
  top: 25px;
  right: 25px;
  opacity: 1;
  background-image: url(../images/svg/Icon-24pt-Close.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  text-decoration: none;
  display: none;
}
@media (max-width: 767px) {
  .i-nostri-numeri .cards .card-wrapper .card .close {
    display: block;
  }
}

.n-card-carousel {
  background-color: var(--neutral-5);
  padding: 30px 0 80px 0;
  float: left;
  width: 100%;
  /*
    <#if cardTitle.getSiblings()?size ==1>
            <#assign gridTemplateColumns = "grid-template-columns: repeat(${cardsColumns}, 33.33%)" />
          </#if>
          <#if cardTitle.getSiblings()?size ==2>
            <#assign gridTemplateColumns = "grid-template-columns: repeat(${cardsColumns}, 50%)" />
          </#if>
          <#if cardTitle.getSiblings()?size ==3>
            <#assign gridTemplateColumns = "grid-template-columns: repeat(${cardsColumns}, 33.33%)" />
          </#if>
  */
}
@media (max-width: 799px) {
  .n-card-carousel {
    padding-bottom: 70px !important;
    padding-top: 0px !important;
  }
}
.n-card-carousel .wc-title {
  margin-bottom: 35px;
}
@media (max-width: 799px) {
  .n-card-carousel .wc-title {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }
}
.n-card-carousel .wrapper-card-carousel {
  float: left;
  width: 100%;
}
.n-card-carousel .wrapper-card-carousel.size-1 .card-wrapper {
  width: calc(33.33% - 15px);
  padding-right: 0;
}
@media (max-width: 799px) {
  .n-card-carousel .wrapper-card-carousel.size-1 .card-wrapper {
    width: 100%;
  }
}
.n-card-carousel .wrapper-card-carousel.size-2 .card-wrapper {
  width: calc(33.33% - 15px);
  margin-left: 30px;
  padding-right: 0;
}
@media (max-width: 799px) {
  .n-card-carousel .wrapper-card-carousel.size-2 .card-wrapper {
    margin-left: 0;
    width: 100%;
  }
}
.n-card-carousel .wrapper-card-carousel.size-2 .card-wrapper:nth-child(1) {
  margin-left: 0;
}
.n-card-carousel .wrapper-card-carousel.size-3 .card-wrapper {
  width: calc(33.33% - 20px);
  margin-left: 30px;
  padding-right: 0;
}
@media (max-width: 799px) {
  .n-card-carousel .wrapper-card-carousel.size-3 .card-wrapper {
    margin-left: 0;
    width: 100%;
  }
}
.n-card-carousel .wrapper-card-carousel.size-3 .card-wrapper:nth-child(1) {
  margin-left: 0;
}
.n-card-carousel .title {
  font-size: 36px;
  line-height: 48px;
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 64px;
}
.n-card-carousel .title b,
.n-card-carousel .title strong {
  color: var(--secondary-80);
}
.n-card-carousel .card-container {
  float: left;
  width: 100%;
}
.n-card-carousel .card-container .card-wrapper {
  float: left;
  padding-right: 30px;
}
.n-card-carousel .card-container .card-wrapper .card-image {
  min-width: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.n-card-carousel .card-container .card-wrapper .card-image .img {
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.n-card-carousel .card-container .card-wrapper .card-image .img:after {
  padding-top: 63%;
  content: "";
  display: block;
}
.n-card-carousel .card-container .card-wrapper .card-title {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0;
  font-family: "Din-Bold", sans-serif;
  margin-top: 24px;
  color: var(--primary-400);
}
.n-card-carousel .card-container .card-wrapper .card-description {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  color: #7e8c8d;
  margin-top: 16px;
}
@media (max-width: 799px) {
  .n-card-carousel {
    padding: 56px 25px;
  }
  .n-card-carousel .title {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 40px;
  }
  .n-card-carousel .card-container .card-wrapper .card-image {
    min-width: auto;
    max-width: calc(100vw - 50px);
  }
}

.faq-main-navigation {
  margin: 80px 0;
}
@media (max-width: 480px) {
  .faq-main-navigation .bper-wrapper {
    padding: 0 25px;
  }
}
.faq-main-navigation .faq-main-navigation-wrapper {
  display: grid;
  grid-template-columns: calc(33.33% - 20px) calc(33.33% - 20px) calc(33.33% - 20px);
  grid-gap: 30px;
}
@media (max-width: 800px) {
  .faq-main-navigation .faq-main-navigation-wrapper {
    grid-template-columns: calc(50% - 15px) calc(50% - 15px);
  }
}
@media (max-width: 767px) {
  .faq-main-navigation .faq-main-navigation-wrapper {
    grid-template-columns: 100%;
  }
}
.faq-main-navigation .item:nth-child(3n+1) {
  /*clear: left;
        margin-left: 0;*/
}
.faq-main-navigation .item {
  float: left;
  margin-left: 0;
  margin-bottom: 0;
  display: flex;
  width: 100%;
  height: 100%;
}
.faq-main-navigation .item .item-wrapper {
  border: 1px solid var(--secondary-10);
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 16px rgba(126, 140, 141, 0.08);
  padding: 32px 32px 32px 32px;
  border-radius: 24px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.faq-main-navigation .item .item-wrapper.is-icon {
  padding-top: 50px;
}
.faq-main-navigation .item .item-wrapper .icona {
  background: linear-gradient(180deg, var(--secondary-50) 0%, var(--secondary-80) 100%);
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.08);
  border-radius: 16px;
  width: 64px;
  height: 64px;
  position: absolute;
  top: -32px;
}
.faq-main-navigation .item .item-wrapper .icona img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 48px;
  max-height: 48px;
}
.faq-main-navigation .item .item-wrapper h4 {
  color: var(--primary-400);
  text-align: left;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0px;
  margin: 0;
  padding: 0;
}
.faq-main-navigation .item .item-wrapper ul {
  margin: 0 0 16px;
  display: block;
  padding: 0;
}
.faq-main-navigation .item .item-wrapper ul li {
  margin: 0;
  padding: 0;
  display: block;
  color: var(--primary-400);
  text-align: left;
  text-decoration: underline;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
  margin-top: 12px;
}
.faq-main-navigation .item .item-wrapper ul li a {
  color: inherit;
  font: inherit;
}
.faq-main-navigation .item .item-wrapper ul li a:hover {
  color: var(--secondary-80);
  text-decoration: underline;
}
.faq-main-navigation .item .item-wrapper a.link-cta {
  color: var(--secondary-80);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
  margin-top: auto;
}

@media (max-width: 991px) {
  .menu-navigation-faq {
    padding: 0 10px;
  }
}
.menu-navigation-faq .link-container {
  margin-left: -11px;
  margin-bottom: 30px;
}
.menu-navigation-faq .link-container a {
  font-family: "Din-Bold", sans-serif;
}
.menu-navigation-faq ul {
  margin: 0;
  padding: 0;
  display: block;
}
@media (max-width: 767px) {
  .menu-navigation-faq ul {
    display: none;
  }
}
.menu-navigation-faq ul ul {
  padding-left: 20px;
}
.menu-navigation-faq ul .child-menu {
  margin-top: 12px;
}
.menu-navigation-faq ul li {
  color: var(--secondary-80);
  text-align: left;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  font-weight: 400;
  display: block;
  margin-bottom: 16px;
}
.menu-navigation-faq ul li a {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  position: relative;
  display: inline-block;
}
.menu-navigation-faq ul li a:hover {
  color: var(--secondary-80);
}
.menu-navigation-faq ul li a:hover.active:before {
  background-color: var(--secondary-80);
}
.menu-navigation-faq ul li a.active {
  font-family: "Din-Bold", sans-serif;
  padding-left: 20px;
}
.menu-navigation-faq ul li a.active:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: var(--secondary-80);
  width: 6px;
  height: 6px;
  border-radius: 100%;
}

.faq-accordion .main-title {
  margin: 0;
  color: var(--primary-400);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0px;
  margin-bottom: 56px;
}
@media (max-width: 799px) {
  .faq-accordion .main-title {
    margin-bottom: 36px;
  }
}
.faq-accordion .item-wrapper .item {
  margin-bottom: 8px;
}
.faq-accordion .item-wrapper .item + .item {
  border-top: solid 1px var(--green-20);
}
.faq-accordion .item-wrapper .item .question {
  margin: 16px 0;
  cursor: pointer;
  display: flex;
  position: relative;
}
.faq-accordion .item-wrapper .item .question h4 {
  width: calc(100% - 34px);
  max-width: calc(100% - 34px);
  flex-grow: 2;
  color: var(--primary-400);
  text-align: left;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  font-family: "Din-Regular", sans-serif;
  letter-spacing: 0px;
  margin: 0;
}
.faq-accordion .item-wrapper .item .question .arrow {
  min-width: 34px;
  width: 34px;
  display: block;
  height: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.faq-accordion .item-wrapper .item .question .arrow svg {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(0);
  transition: 200ms;
  width: 16px;
  height: 16px;
}
.faq-accordion .item-wrapper .item .question .arrow svg path {
  fill: var(--secondary-80);
}
.faq-accordion .item-wrapper .item .answer {
  color: var(--neutral-100);
  text-align: left;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
  padding-left: 24px;
  width: calc(100% - 34px);
  margin-right: 34px;
  margin-top: 20px;
  margin-bottom: 30px;
}
.faq-accordion .item-wrapper .item .answer a {
  font-family: "Din-Bold", sans-serif;
}
.faq-accordion .item-wrapper .item .answer .links {
  margin: 20px 0;
  padding: 0;
}
.faq-accordion .item-wrapper .item .answer .links a {
  font-family: "Din-Bold", sans-serif;
}
.faq-accordion .item-wrapper .item .answer .links li {
  display: block;
}
.faq-accordion .item-wrapper .item .answer .links li + li {
  margin-top: 7px;
}
.faq-accordion .item-wrapper .item.active .arrow svg {
  transform: translateY(-50%) rotate(180deg);
}
.faq-accordion .link-container {
  padding-top: 60px;
  border-top: solid 1px var(--green-20);
}
.faq-accordion .link-container a {
  font-family: "Din-Bold", sans-serif;
}

#link-search-form-wrapper .card-bisogni {
  margin-bottom: 0;
  padding-bottom: 0;
  margin-top: 32px;
}
#link-search-form-wrapper .card-bisogni ul.links {
  flex-direction: row !important;
  list-style-type: none;
  padding: 0;
  width: 100%;
  gap: 20px;
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
#link-search-form-wrapper .card-bisogni ul.links li.label-card {
  width: auto !important;
  text-align: center;
}
#link-search-form-wrapper .card-bisogni ul.links li.label-card a {
  align-items: center;
  position: relative;
  width: auto;
  white-space: nowrap;
  display: block;
  gap: 0;
  border-radius: 11px;
  background: var(--primary-20);
  text-align: center;
  border: none;
  height: auto;
  padding: 15px 24px;
}
#link-search-form-wrapper .card-bisogni ul.links li.label-card a:hover {
  background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
}
#link-search-form-wrapper .card-bisogni ul.links li.label-card a:hover .label {
  color: #fff !important;
}
#link-search-form-wrapper .card-bisogni ul.links li.label-card a .label {
  text-align: center;
  color: var(--primary-600);
  font-weight: normal;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  display: block;
  font-size: 18px;
  line-height: 18px;
  border: 0;
}

.product-service-button-with-icon .item-info .title {
  margin-bottom: 16px;
}
.product-service-button-with-icon .pulsanti {
  width: 100%;
  clear: both;
}
.product-service-button-with-icon .pulsanti .btn {
  float: left;
  margin-right: 25px;
  display: block;
}
.product-service-button-with-icon .item-info.light .description ul {
  padding-left: 18px;
}

.bper-search-faq-web {
  margin: 0 auto;
  width: 780px;
  padding: 0 25px;
  max-width: 100%;
}
@media (max-width: 767px) {
  .bper-search-faq-web .container-fluid {
    margin: 0;
    padding: 0;
  }
}
.bper-search-faq-web .input-wrapper {
  position: relative;
  width: 100%;
}
.bper-search-faq-web .input-wrapper .search-icon {
  background-image: url(../images/Icon-24pt-Search-faq.svg);
  width: 40px;
  height: 40px;
  background-position: center;
  background-size: 24px;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
.bper-search-faq-web .form-group input {
  line-height: 49px;
  height: 49px;
}
.bper-search-faq-web .form-group input:hover, .bper-search-faq-web .form-group input:focus {
  box-shadow: none;
  outline: 1;
  border-color: var(--secondary-80);
}
.bper-search-faq-web .faq-result {
  color: var(--primary-400) !important;
}
.bper-search-faq-web .yui3-aclist-item {
  padding: 8px 15px;
  background-color: #fff;
}
.bper-search-faq-web .yui3-aclist-item.yui3-aclist-item-active {
  background: var(--neutral-5);
}
.bper-search-faq-web .yui3-aclist-item:hover {
  background-color: var(--neutral-5);
}
.bper-search-faq-web .yui3-aclist {
  z-index: 2;
}
.bper-search-faq-web .yui3-aclist {
  box-shadow: none;
}
.bper-search-faq-web .yui3-aclist-content {
  background: #fff;
  border: 1px solid !important;
  border-color: #B0CFD1 !important;
  box-shadow: 0 12px 24px rgba(126, 140, 141, 0.16) !important;
  padding: 15px 0 !important;
  overflow: hidden !important;
  border-radius: 24px;
}

.arrow-down-wrapper + .area-riservata-white-card .wc-title {
  margin-top: 24px;
  padding-top: 24px;
}

@media (max-width: 799px) {
  .area-riservata-white-card .bper-wrapper {
    padding: 0 25px;
  }
}
.area-riservata-white-card .wc-title {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 40px;
}
@media (max-width: 799px) {
  .area-riservata-white-card .wc-title {
    padding-bottom: 24px;
  }
}
.area-riservata-white-card .wc-title h4 {
  color: var(--primary-400);
  text-align: center;
  font-size: 36px;
  line-height: 48px;
  margin-top: 0;
}
@media (max-width: 799px) {
  .area-riservata-white-card .wc-title h4 {
    font-size: 36px;
    line-height: 48px;
  }
}
.area-riservata-white-card .card-content {
  display: flex;
  align-items: stretch;
  gap: 30px;
}
@media (max-width: 799px) {
  .area-riservata-white-card .card-content {
    flex-direction: column;
  }
}
.area-riservata-white-card .card-content .card {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  box-shadow: 0px 8px 16px rgba(126, 140, 141, 0.16);
  border: 1px solid;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-radius: 24px;
  opacity: 1;
  padding: 32px;
  flex-grow: 2;
  border-color: #CAF0DE;
  margin: 0;
}
.area-riservata-white-card .card-content .card:hover {
  box-shadow: 0px 8px 16px rgba(126, 140, 141, 0.32);
}
.area-riservata-white-card .card-content .card .card-main-content {
  height: 100%;
}
@media (max-width: 799px) {
  .area-riservata-white-card .card-content .card .card-main-content {
    height: auto !important;
  }
}
.area-riservata-white-card .card-content .card .sottotitolo {
  color: var(--secondary-80);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  margin: 0;
  margin-bottom: 16px;
}
.area-riservata-white-card .card-content .card .titolo {
  margin: 0;
  color: var(--primary-400);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0px;
  margin-bottom: 16px;
}
.area-riservata-white-card .card-content .card .text {
  color: var(--neutral-100);
  text-align: left;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
  margin-bottom: 28px;
}
.area-riservata-white-card .card-content .card .tel-link {
  color: var(--secondary-80);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 32px;
}
.area-riservata-white-card .card-content .card .button-wrapper {
  margin-top: auto;
}

.area-riservata-green-card {
  margin-bottom: 50px;
  float: left;
  padding-bottom: 0;
  width: 100%;
}
@media (max-width: 799px) {
  .area-riservata-green-card .wrapper-cards {
    padding: 0 !important;
  }
  .area-riservata-green-card .wrapper-cards .generic-card + .generic-card {
    margin-top: 25px;
  }
}
@media (max-width: 799px) {
  .area-riservata-green-card .bper-wrapper {
    padding: 0 25px;
  }
}
.area-riservata-green-card .section-comunication-wrapper {
  float: left;
  width: 100%;
}
.area-riservata-green-card .section-comunication-wrapper:after, .area-riservata-green-card .section-comunication-wrapper:before {
  display: none;
}
.area-riservata-green-card .section-comunication-wrapper .wc-title {
  padding-top: 72px;
  padding-bottom: 92px;
  margin-top: 0;
}
.area-riservata-green-card .wrapper-cards + .wrapper-cards {
  margin-top: 65px;
}
@media (max-width: 799px) {
  .area-riservata-green-card .wrapper-cards + .wrapper-cards {
    margin-top: 50px;
  }
}
.area-riservata-green-card .generic-card {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-content: center;
  height: 320px;
  min-height: 320px;
  box-shadow: 0px 16px 24px rgba(126, 140, 141, 0.16);
  overflow: visible !important;
}
@media (max-width: 799px) {
  .area-riservata-green-card .generic-card {
    height: auto;
    padding-left: 25px !important;
    min-height: 10px;
    padding-right: 0;
    overflow: visible !important;
  }
  .area-riservata-green-card .generic-card h3 {
    height: auto !important;
  }
}
.area-riservata-green-card .generic-card .bkg-bper {
  display: block;
}
@media (max-width: 799px) {
  .area-riservata-green-card .generic-card .bkg-bper {
    display: none;
  }
}
.area-riservata-green-card .generic-card .bkg-bper.bkg-bper-mobile {
  display: none;
}
@media (max-width: 799px) {
  .area-riservata-green-card .generic-card .bkg-bper.bkg-bper-mobile {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -38px;
  }
}
.area-riservata-green-card .generic-card .text {
  margin-top: 16px;
}
.area-riservata-green-card .generic-card .generic-card-all-wrapper {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 48px 80px 40px 32px;
}
@media (max-width: 799px) {
  .area-riservata-green-card .generic-card .generic-card-all-wrapper {
    position: relative;
    overflow: hidden;
    top: inherit;
    left: inherit;
    right: inherit;
    bottom: inherit;
    padding: 0;
    padding-top: 0px;
    padding-top: 15px;
    padding-right: 30px;
    overflow: hidden !important;
  }
}
.area-riservata-green-card .generic-card .wrapper-generic-card {
  position: relative;
  height: 100%;
  width: 100%;
}
@media (max-width: 799px) {
  .area-riservata-green-card .generic-card .wrapper-generic-card {
    height: auto;
    min-height: 156px;
  }
}
.area-riservata-green-card .generic-card .wrapper-generic-card .wrapper-generic-card-abs {
  position: absolute;
  left: 0;
  right: 0;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 799px) {
  .area-riservata-green-card .generic-card .wrapper-generic-card .wrapper-generic-card-abs {
    position: relative;
    transform: none;
    top: inherit;
  }
}
.area-riservata-green-card .generic-card.has-nota .nota {
  background: var(--secondary-10);
  padding: 0 15px;
  border-radius: 16px;
  line-height: 54px;
  color: var(--primary-400);
  text-align: left;
  font-size: 18px;
  letter-spacing: 0px;
  left: 32px;
  max-width: calc(100% - 64px);
  height: auto;
  top: 0;
  position: absolute;
  transform: translateY(-50%);
  line-height: 26px;
  padding-bottom: 15px;
  padding-top: 15px;
}
@media (max-width: 799px) {
  .area-riservata-green-card .generic-card.has-nota .nota {
    left: 25px;
  }
}
.area-riservata-green-card .generic-card.color-type1 {
  background-color: var(--primary-400);
  color: #fff;
}
.area-riservata-green-card .generic-card.color-type2 {
  background-color: var(--primary-600);
  color: #fff;
}
.area-riservata-link-utili {
  float: left;
  width: 100%;
}
.area-riservata-link-utili .wc-title {
  padding-bottom: 40px;
  margin-top: 0;
}
@media (max-width: 799px) {
  .area-riservata-link-utili .wc-title {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 40px;
  }
}
@media (max-width: 799px) {
  .area-riservata-link-utili .bper-wrapper {
    padding: 0 25px;
  }
}
.area-riservata-link-utili .cards-wrapper {
  display: flex;
  width: 100%;
  align-items: stretch;
  gap: 30px;
}
@media (max-width: 799px) {
  .area-riservata-link-utili .cards-wrapper {
    flex-direction: column;
  }
}
.area-riservata-link-utili .cards-wrapper .card {
  display: flex;
  width: 100%;
  flex-grow: 2;
  flex-direction: column;
  background: #fff;
  box-shadow: 0px 8px 16px rgba(126, 140, 141, 0.16);
  border: 1px solid;
  border-color: #CAF0DE;
  border-radius: 24px;
  flex-grow: 2;
  padding: 32px 24px 24px 24px;
  margin-bottom: 0;
}
.area-riservata-link-utili .cards-wrapper .card:hover {
  box-shadow: 0px 8px 16px rgba(126, 140, 141, 0.32);
}
.area-riservata-link-utili .cards-wrapper .card:hover .wrapper-link .link-cta-right-arrow:after {
  transform: none !important;
}
.area-riservata-link-utili .cards-wrapper .card:hover .link-cta-no-tel {
  text-decoration: none;
}
.area-riservata-link-utili .cards-wrapper .card:hover .tel-link {
  text-decoration: none;
}
.area-riservata-link-utili .cards-wrapper .card:hover h4 {
  color: var(--secondary-80);
}
.area-riservata-link-utili .cards-wrapper .card .nota {
  position: absolute;
  top: 0;
  background: var(--secondary-10);
  border-radius: 16px;
  left: 25px;
  line-height: 48px;
  padding-left: 20px;
  padding-right: 20px;
  transform: translateY(-50%);
  color: var(--primary-400);
}
.area-riservata-link-utili .cards-wrapper .card .link-cta-no-tel {
  text-decoration: underline;
  font-family: "Din-Bold", sans-serif;
}
.area-riservata-link-utili .cards-wrapper .card .link-hover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.area-riservata-link-utili .cards-wrapper .card h4 {
  margin: 0;
  margin-bottom: 0px;
  margin-bottom: 16px;
  color: var(--primary-400);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0px;
}
.area-riservata-link-utili .cards-wrapper .card .wrapper-link {
  text-align: right;
  margin-top: 24px;
}

@media (max-width: 767px) {
  .category-navigation-popup {
    text-align: center;
  }
  .category-navigation-popup .categories-wrapper {
    text-align: left;
  }
}
.category-navigation-popup p.title {
  font-family: "Din-Bold", sans-serif;
  font-size: 18px;
  line-height: 26px;
  color: var(--primary-400);
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .category-navigation-popup p.title {
    font-size: 24px;
    padding: 0 25px;
    margin-bottom: 22px;
  }
}
.category-navigation-popup .categories {
  margin: 0;
  padding: 0;
  display: block;
}
.category-navigation-popup .categories li.desktop {
  display: block;
}
.category-navigation-popup .categories li.mobile {
  display: none;
}
@media (max-width: 767px) {
  .category-navigation-popup .categories {
    display: flex;
    flex-grow: 2;
    flex-direction: column;
    padding: 0 25px;
  }
}
.category-navigation-popup .categories li {
  width: auto;
  float: left;
  margin-right: 16px;
}
@media (max-width: 767px) {
  .category-navigation-popup .categories li.desktop {
    display: none;
  }
  .category-navigation-popup .categories li.mobile {
    display: block;
  }
}
.category-navigation-popup .categories li a {
  border-radius: 12px;
  color: #013E2E;
  display: inline-block;
  margin-bottom: 16px;
  padding: 0 16px;
  line-height: 40px;
  background-color: #E1EBE8;
  font-size: 18px;
  font-weight: 400;
  border: solid 1px;
  border-color: var(--secondary-10);
}
.category-navigation-popup .categories li a:hover, .category-navigation-popup .categories li a.show-x {
  color: #fff;
  outline: none !important;
  background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
  border-radius: 12px;
}
.category-navigation-popup .categories li a .label {
  font: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  display: block;
  width: auto;
}
@media (max-width: 767px) {
  .category-navigation-popup .categories li a.show-x {
    align-items: center;
    width: auto;
    position: relative;
    padding-right: 56px;
  }
  .category-navigation-popup .categories li a.show-x .delete-cat {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    margin-left: 8px;
    display: block;
    background-image: url(../images/delete-icon.svg);
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: contain;
  }
}
.category-navigation-popup .buttons {
  display: none;
}
@media (max-width: 767px) {
  .category-navigation-popup .buttons {
    display: flex;
    align-items: center;
    box-shadow: 0px -12px 24px rgba(126, 140, 141, 0.16);
    padding: 25px 25px 0 25px;
  }
}
.category-navigation-popup .buttons .wrp {
  flex-grow: 2;
}
.category-navigation-popup .category-filter-mobile {
  display: none;
}
@media (max-width: 767px) {
  .category-navigation-popup .category-filter-mobile {
    text-align: center;
    width: 100%;
    cursor: pointer;
    display: inline-block;
    width: auto;
  }
  .category-navigation-popup .category-filter-mobile .wrp {
    display: block;
    text-align: center;
    display: flex;
    line-height: 26px;
    font-size: 18px;
    color: var(--primary-400);
    text-align: center;
    align-content: center;
    align-items: center;
  }
  .category-navigation-popup .category-filter-mobile .icon {
    background-image: url(../images/Icon-24pt-Filter.svg);
    width: 24px;
    height: 24px;
    background-position: center;
    display: inline-block;
    background-size: contain;
    margin-right: 8px;
  }
  .category-navigation-popup .category-filter-mobile .lbl {
    font-family: "Din-Bold", sans-serif;
  }
}
.category-navigation-popup .close-content {
  display: none;
}
@media (max-width: 767px) {
  .category-navigation-popup .close-content {
    height: 88px;
    width: 100%;
    display: block;
    position: relative;
  }
  .category-navigation-popup .close-content .close {
    position: absolute;
    top: 50%;
    right: 25px;
    width: 40px;
    height: 40px;
    background: none;
    opacity: 1 !important;
    transform: translateY(-50%);
  }
  .category-navigation-popup .close-content .close:after {
    content: "";
    display: block;
    width: 24px;
    height: 3px;
    left: 50%;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: var(--primary-400);
  }
  .category-navigation-popup .close-content .close:before {
    content: "";
    display: block;
    width: 24px;
    height: 3px;
    left: 50%;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    background-color: var(--primary-400);
  }
}
@media (max-width: 767px) {
  .category-navigation-popup .category-wrapper {
    display: none;
  }
}
@media (max-width: 767px) {
  .category-navigation-popup .category-wrapper.open {
    background: rgba(4, 63, 66, 0.76);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    display: block;
  }
  .category-navigation-popup .category-wrapper.open .category-content {
    border-radius: 25px;
    background: #fff;
    text-align: left;
    position: absolute;
    top: 25px;
    right: 25px;
    left: 25px;
    bottom: 25px;
    display: flex;
    padding: 0 0 25px 0;
    flex-direction: column;
  }
}

.podcast {
  padding-bottom: 90px;
  padding-top: 90px;
}
@media (max-width: 767px) {
  .podcast {
    padding: 20px;
  }
}
.podcast .back-link {
  margin-top: 70px;
  margin-bottom: 0;
}
.podcast .visually-hidden, .podcast .pcast-player button span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.podcast .pcast-player .pcast-player-controls {
  box-sizing: border-box;
}
.podcast .pcast-player button {
  position: relative;
  -webkit-appreance: none;
  width: 70px;
  min-width: 70px;
  height: 70px;
  border-radius: 100%;
  background: #ffc003;
  box-shadow: none;
  -webkit-appearance: none;
  border: none;
  color: #fff;
  font-size: 24px;
  line-height: 70px;
  text-align: center;
}
.podcast .pcast-player button i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.podcast .pcast-player progress {
  appearance: none;
}
.podcast .pcast-player progress[value]::-webkit-progress-bar {
  background-color: var(--secondary-80);
  border-radius: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
.podcast .pcast-player progress[value]::-webkit-progress-value {
  background: #fff;
}
.podcast .pcast-player .pcast-time {
  display: inline-block;
  font-size: 13px;
  padding: 0 5px;
  text-align: center;
  width: 4em;
}
.podcast .podcast-content-wrapper {
  display: flex;
  flex-direction: column;
}
.podcast .podcast-content-wrapper .podcast-content {
  display: flex;
  border: solid 1px;
  border-color: var(--green-20);
  border-radius: 12px;
  position: relative;
}
.podcast .podcast-content-wrapper .podcast-content + .podcast-content {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .podcast .podcast-content-wrapper .podcast-content + .podcast-content {
    margin-top: 20px;
  }
}
.podcast .podcast-content-wrapper .podcast-content .number {
  position: absolute;
  right: -25px;
  top: -25px;
  background: var(--secondary-80);
  color: #fff;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  text-align: center;
  align-content: center;
  border-radius: 100%;
}
@media (max-width: 767px) {
  .podcast .podcast-content-wrapper .podcast-content .number {
    display: none;
  }
}
.podcast .podcast-content-wrapper .podcast-content .number span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.podcast .podcast-content-wrapper .podcast-content .row-1 {
  position: relative;
  display: flex;
}
.podcast .podcast-content-wrapper .podcast-content .row-2 {
  margin-top: 20px;
  position: relative;
  width: 100%;
  align-items: center;
  display: flex;
}
.podcast .podcast-content-wrapper .podcast-content .pcast-player {
  padding: 12px;
  flex-grow: 2;
}
.podcast .podcast-content-wrapper .podcast-content .pcast-player .title-and-share {
  padding: 0 8px;
  flex-grow: 2;
}
.podcast .podcast-content-wrapper .podcast-content .pcast-player .title-and-share h4 {
  color: black;
  font-weight: 400;
  margin-top: 0;
}
.podcast .podcast-content-wrapper .podcast-content .pcast-player .pcast-player-controls .pcast-currenttime {
  color: var(--neutral-100) !important;
}
.podcast .podcast-content-wrapper .podcast-content .pcast-player .pcast-player-controls .pcast-progress {
  flex-grow: 2;
  height: 8px;
  border: none;
  margin: 0 16px;
}
.podcast .podcast-content-wrapper .podcast-content .pcast-player .pcast-player-controls .pcast-duration {
  color: var(--neutral-100) !important;
}
.podcast .podcast-content-wrapper .podcast-content .pcast-player .pcast-player-controls .pcast-mute {
  display: none;
}
.podcast .podcast-content-wrapper .podcast-content .image {
  border-top-right-radius: 12px;
  width: 190px;
  min-width: 190px;
  border-bottom-right-radius: 12px;
}
@media (max-width: 767px) {
  .podcast .podcast-content-wrapper .podcast-content .image {
    display: none;
  }
}
.podcast .podcast-content-wrapper .podcast-content .image::after {
  content: "";
  display: block;
  padding-top: 100%;
}

.single-main-news {
  padding: 0 0 80px;
}
@media (max-width: 480px) {
  .single-main-news .bper-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 799px) {
  .single-main-news .wrapper-single-main-news {
    padding: 0 5px;
  }
}
.single-main-news .wrapper-single-main-news .entry {
  display: flex;
  color: var(--primary-400);
}
.single-main-news .wrapper-single-main-news .entry:hover .col-left h4 {
  color: var(--secondary-80);
}
@media (max-width: 799px) {
  .single-main-news .wrapper-single-main-news .entry {
    display: flex;
    flex-direction: column-reverse;
  }
}
.single-main-news .wrapper-single-main-news .entry .col-left {
  width: 42%;
  padding-right: 45px;
}
@media (max-width: 799px) {
  .single-main-news .wrapper-single-main-news .entry .col-left {
    width: 100%;
    padding-right: 0;
    padding-top: 20px;
  }
}
.single-main-news .wrapper-single-main-news .entry .col-left .categories {
  margin-bottom: 12px;
}
.single-main-news .wrapper-single-main-news .entry .col-left .categories span {
  font-size: 14px;
  line-height: 20px;
  padding: 9px 20px;
  border-radius: 12px;
  background-color: var(--primary-20);
  font-weight: 400;
  display: inline-block;
  margin-bottom: 4px;
}
.single-main-news .wrapper-single-main-news .entry .col-left .date {
  color: var(--neutral-100);
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 16px;
}
.single-main-news .wrapper-single-main-news .entry .col-left h4 {
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 36px;
  font-family: "Din-Bold", sans-serif;
  padding: 0;
  margin-top: 0;
  color: var(--primary-400);
}
.single-main-news .wrapper-single-main-news .entry .col-left .description {
  margin: 0;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: var(--primary-400);
}
.single-main-news .wrapper-single-main-news .entry .image-container {
  width: 58%;
  border-radius: 24px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  .single-main-news .wrapper-single-main-news .entry .image-container {
    width: 100%;
  }
}
.single-main-news .wrapper-single-main-news .entry .image-container:after {
  padding-top: 56%;
  content: "";
  display: block;
}

.n-main-news {
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .n-main-news {
    padding-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .n-main-news .bper-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.n-main-news .wrapper-main-news {
  display: grid;
  grid-template-columns: calc(33.33% - 20px) calc(33.33% - 20px) calc(33.33% - 20px);
  gap: 30px;
}
@media (max-width: 767px) {
  .n-main-news .wrapper-main-news {
    display: block;
  }
}
.n-main-news .wrapper-main-news .item {
  color: var(--primary-400);
  width: 100%;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  .n-main-news .wrapper-main-news .item {
    padding: 0 12px;
    margin-bottom: 40px;
  }
}
.n-main-news .wrapper-main-news .item .categories {
  margin-bottom: 12px;
}
.n-main-news .wrapper-main-news .item .categories span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  display: inline-block;
  padding: 9px 20px;
  border-radius: 12px;
  background-color: var(--primary-20);
  margin-bottom: 4px;
}
.n-main-news .wrapper-main-news .item .date {
  color: var(--neutral-100);
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 16px;
}
.n-main-news .wrapper-main-news .item .text {
  margin: 0;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: var(--primary-400);
}

.chips-link {
  width: 100%;
}
.chips-link .chips-link-container {
  padding-top: 63px;
  padding-bottom: 36px;
}
.chips-link .chips-link-container .title {
  display: flex;
  justify-content: center;
  width: 100%;
  font-size: 36px;
  font-weight: normal;
  color: #005D44;
  margin: 0;
  margin-bottom: 20px;
}
.chips-link .chips-link-container .title strong {
  color: #64B054;
}
.chips-link .chips-link-container .chips.slick-initialized .slick-dots {
  bottom: -40px;
}
.chips-link .chips-link-container .chips {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 24px;
  background-color: #fff;
}
.chips-link .chips-link-container .chips a {
  padding: 12px 24px;
  background-color: #E1EBE8;
  color: #013E2E;
  border-radius: 12px;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
  margin: 8px;
}
.chips-link .chips-link-container .chips a:hover, .chips-link .chips-link-container .chips a.active-chip {
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
}
@media (max-width: 768px) {
  .chips-link .chips-link-container {
    padding-top: 45px;
    padding-bottom: 40px;
  }
  .chips-link .chips-link-container .title {
    font-size: 28px;
    margin: 0;
    margin-bottom: 16px;
  }
  .chips-link .chips-link-container .chips {
    justify-content: normal;
  }
  .chips-link .chips-link-container .chips .slick-track {
    display: flex;
  }
  .chips-link .chips-link-container .chips a {
    padding: 9px 16px 13px 16px;
    text-decoration: none;
    white-space: normal;
    margin: 10px;
    height: auto;
    min-width: 130px;
  }
}

.link-magazine .link-magazine-container {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  column-gap: 40px;
  padding-top: 29px;
  padding-bottom: 29px;
}
.link-magazine .link-magazine-container a {
  color: #005D44;
  font-size: 18px;
  text-decoration: none;
  font-weight: normal;
  white-space: nowrap;
}
.link-magazine .link-magazine-container a:hover {
  text-decoration: none;
}
@media (max-width: 768px) {
  .link-magazine .link-magazine-container {
    padding-left: 25px;
    padding-right: 25px;
    column-gap: 32px;
  }
}

.n-title-news .n-title-news-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 40px;
}
.n-title-news .n-title-news-container .title {
  font-size: 36px;
  font-weight: normal;
  color: #005D44;
}
.n-title-news .n-title-news-container .title strong {
  color: #64B054;
}
@media (max-width: 768px) {
  .n-title-news .n-title-news-container {
    justify-content: center;
  }
  .n-title-news .n-title-news-container .title {
    font-size: 28px;
  }
  .n-title-news .n-title-news-container .link-news-wrapper {
    display: none;
  }
}

.n-link-only-mobile {
  display: none;
}
@media (max-width: 767px) {
  .n-link-only-mobile {
    display: flex;
    justify-content: center;
  }
}

.n-raccolta-news {
  margin-top: 32px;
  margin-bottom: 41px;
}
.n-raccolta-news .raccolta-news-container {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  column-gap: 30px;
}
.n-raccolta-news .raccolta-news-container .main-left-news {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 16px;
}
.n-raccolta-news .raccolta-news-container .main-left-news .date {
  font-size: 18px;
  color: #7e8c8d;
  margin: 0;
}
.n-raccolta-news .raccolta-news-container .main-left-news .main-news-category {
  font-size: 14px;
  color: #005D44;
  padding: 9px 17px;
  border-radius: 12px;
  background-color: #e1eded;
}
.n-raccolta-news .raccolta-news-container .main-left-news .title {
  font-size: 28px;
  color: #005D44;
  margin: 0;
}
.n-raccolta-news .raccolta-news-container .main-left-news .image {
  height: 252px;
  width: 100%;
  border-radius: 24px;
  background-position: center;
  background-size: cover;
  margin-bottom: 8px;
}
.n-raccolta-news .raccolta-news-container .right-news {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  row-gap: 24px;
}
.n-raccolta-news .raccolta-news-container .right-news .right-news-wrapper {
  display: grid;
  grid-template-columns: 0.5fr 0.7fr;
  column-gap: 24px;
  align-items: center;
  grid-template-areas: "image text";
}
.n-raccolta-news .raccolta-news-container .right-news .right-news-wrapper .image {
  grid-area: image;
  height: 142px;
  border-radius: 24px;
  background-position: center;
  background-size: cover;
}
.n-raccolta-news .raccolta-news-container .right-news .right-news-wrapper .right-news-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.n-raccolta-news .raccolta-news-container .right-news .right-news-wrapper .right-news-info .main-news-category {
  grid-area: text;
  font-size: 14px;
  color: #005D44;
  padding: 9px 17px;
  border-radius: 12px;
  background-color: #e1eded;
  margin-bottom: 8px;
}
.n-raccolta-news .raccolta-news-container .right-news .right-news-wrapper .right-news-info .date {
  grid-area: text;
  font-size: 18px;
  color: #7e8c8d;
  margin: 0;
  margin-bottom: 16px;
}
.n-raccolta-news .raccolta-news-container .right-news .right-news-wrapper .right-news-info .title {
  grid-area: text;
  font-size: 18px;
  font-weight: normal;
  color: #005D44;
  margin: 0;
}
@media (max-width: 768px) {
  .n-raccolta-news .raccolta-news-container {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, auto);
    row-gap: 40px;
  }
}
@media (max-width: 480px) {
  .n-raccolta-news .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
  .n-raccolta-news .raccolta-news-container .right-news {
    row-gap: 40px;
  }
  .n-raccolta-news .raccolta-news-container .right-news .right-news-wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    align-items: flex-start;
    grid-template-areas: "text";
  }
  .n-raccolta-news .raccolta-news-container .right-news .right-news-wrapper .image {
    display: none;
  }
}

@media (max-width: 799px) {
  .n-title-and-link-hide-mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 480px) {
  .n-title-and-link-hide-mobile .bper-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.n-title-and-link-hide-mobile .title-and-link {
  text-align: left;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
.n-title-and-link-hide-mobile .title-and-link h4 {
  flex-grow: 2;
  padding-right: 30px;
  margin: 0;
  text-align: left;
  padding: 0;
}
.n-title-and-link-hide-mobile .title-and-link .link-cta {
  margin: 0;
  padding: 0;
  text-align: right;
}
@media (max-width: 767px) {
  .n-title-and-link-hide-mobile .title-and-link .link-cta {
    display: none;
  }
}

.n-title-link-eventi {
  margin-top: 40px;
  margin-bottom: 40px;
}
.n-title-link-eventi .section-title {
  display: flex;
  justify-content: center;
  font-size: 36px;
  margin-bottom: 40px;
}
.n-title-link-eventi .section-title p {
  line-height: 1.2;
}
.n-title-link-eventi .section-title strong {
  color: var(--secondary-80);
}
.n-title-link-eventi .link-eventi-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  grid-gap: 30px;
}
.n-title-link-eventi .link-eventi-container .title-link-eventi-item {
  width: 350px;
  height: 304px;
  padding: 40px 0 40px 32px;
  border-radius: 24px;
  display: grid;
  grid-template-columns: auto 68px;
  column-gap: 28px;
  row-gap: 24px;
  grid-template-areas: "title squircle" "link squircle";
}
.n-title-link-eventi .link-eventi-container .title-link-eventi-item.light-green {
  background-color: var(--primary-400);
}
.n-title-link-eventi .link-eventi-container .title-link-eventi-item.dark-green {
  background-color: var(--primary-600);
}
.n-title-link-eventi .link-eventi-container .title-link-eventi-item .item-title {
  grid-area: title;
  align-self: flex-end;
  font-size: 28px;
  font-family: "Din-Bold", sans-serif;
  color: #ffffff;
}
.n-title-link-eventi .link-eventi-container .title-link-eventi-item a {
  grid-area: link;
  align-self: flex-start;
  font-size: 18px;
  font-family: "Din-Bold", sans-serif;
}
.n-title-link-eventi .link-eventi-container .title-link-eventi-item .squircle-dark-green {
  grid-area: squircle;
}
.n-title-link-eventi .link-eventi-container .title-link-eventi-item .squircle-light-green {
  grid-area: squircle;
}

@media (max-width: 768px) {
  .n-title-link-eventi .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
  .n-title-link-eventi .link-eventi-container .title-link-eventi-item {
    width: 325px;
    height: 254px;
    padding: 40px 0 40px 24px;
    grid-template-columns: auto 62px;
    row-gap: 32px;
  }
  .n-title-link-eventi .link-eventi-container .title-link-eventi-item .item-title {
    font-size: 24px;
  }
  .n-title-link-eventi .link-eventi-container .title-link-eventi-item .squircle-dark-green,
  .n-title-link-eventi .link-eventi-container .title-link-eventi-item .squircle-light-green {
    background-size: auto 174px;
  }
}
.n-eventi-e-video .video-stories {
  margin-top: 56px;
}
.n-eventi-e-video .loan-video-story-adt + .loan-video-story-adt {
  margin-top: 65px;
}
@media (max-width: 768px) {
  .n-eventi-e-video .loan-video-story-adt + .loan-video-story-adt {
    margin-top: 0;
  }
}
.n-eventi-e-video .filter-and-order {
  display: flex;
  margin: 45px 0 25px 0;
}
.n-eventi-e-video .filter-and-order.cover {
  position: relative;
}
.n-eventi-e-video .filter-and-order.cover:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: hsla(0, 0%, 100%, 0.5);
  z-index: 99;
}
@media (max-width: 1100px) {
  .n-eventi-e-video .filter-and-order {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .n-eventi-e-video .filter-and-order {
    flex-direction: column;
    padding-right: 0;
    align-items: center;
  }
  .n-eventi-e-video .filter-and-order .filter-contents {
    padding-bottom: 30px;
    width: 100%;
    overflow: hidden;
  }
  .n-eventi-e-video .filter-and-order .slick-dots {
    bottom: 0 !important;
  }
  .n-eventi-e-video .filter-and-order .slick-next,
  .n-eventi-e-video .filter-and-order .slick-prev {
    display: none !important;
  }
}
.n-eventi-e-video .filter-and-order .filter {
  display: flex;
  align-items: center;
  flex-grow: 2;
  font-size: 16px;
  line-height: 24px;
  font-family: "Din-Bold", sans-serif;
  padding-right: 30px;
}
@media (max-width: 768px) {
  .n-eventi-e-video .filter-and-order .filter {
    flex-grow: 1;
    padding-right: 0;
    width: 100%;
    overflow: hidden;
    flex-direction: column;
  }
}
.n-eventi-e-video .filter-and-order .filter span {
  margin-right: 20px;
  margin-bottom: 10px;
}
@media (max-width: 1250px) {
  .n-eventi-e-video .filter-and-order .filter span {
    margin-right: 10px;
  }
}
.n-eventi-e-video .filter-and-order .filter a {
  color: var(--primary-400);
  font-size: 18px;
  line-height: 26px;
  background: var(--primary-20);
  margin-right: 20px;
  padding: 7px 25px;
  display: inline-block;
  font-weight: 400;
  margin-bottom: 10px;
  cursor: pointer;
  border-radius: 12px;
}
@media (max-width: 1250px) {
  .n-eventi-e-video .filter-and-order .filter a {
    padding: 7px 10px;
    margin-right: 10px;
  }
}
@media (max-width: 768px) {
  .n-eventi-e-video .filter-and-order .filter a {
    margin: 10px;
    padding: 7px 25px;
    text-align: center;
  }
}
.n-eventi-e-video .filter-and-order .filter a.current, .n-eventi-e-video .filter-and-order .filter a:hover {
  background: transparent linear-gradient(180deg, #29696f 0%, #183f42 100%) 0% 0% no-repeat padding-box;
  color: #fff;
}
.n-eventi-e-video .filter-and-order .order {
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  font-family: "Din-Bold", sans-serif;
}
@media (max-width: 1100px) {
  .n-eventi-e-video .filter-and-order .order {
    margin-top: 40px;
  }
}
@media (max-width: 768px) {
  .n-eventi-e-video .filter-and-order .order {
    padding: 0 20px;
    width: 100%;
    margin-top: 40px;
    display: flex;
    align-items: center;
  }
}
.n-eventi-e-video .filter-and-order .order span {
  margin-right: 20px;
}
@media (max-width: 1250px) {
  .n-eventi-e-video .filter-and-order .order span {
    margin-right: 10px;
  }
}
.n-eventi-e-video .filter-and-order .order .custom-select {
  position: relative;
}
@media (max-width: 768px) {
  .n-eventi-e-video .filter-and-order .order .custom-select {
    flex-grow: 2;
  }
}
.n-eventi-e-video .filter-and-order .order .custom-select .current {
  min-width: 218px;
  word-break: break-all;
  border-radius: 24px;
  line-height: 48px;
  display: inline-block;
  border: solid 1px;
  font-weight: 400;
  font-size: 18px;
  color: var(--primary-400);
  border-color: #B0CFD1;
  background-color: var(--neutral-5);
  position: relative;
  padding: 0 16px;
  height: 50px;
  overflow: hidden;
  padding-right: 45px;
}
@media (max-width: 768px) {
  .n-eventi-e-video .filter-and-order .order .custom-select .current {
    width: 100%;
    min-width: inherit;
  }
}
.n-eventi-e-video .filter-and-order .order .custom-select .current:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%) rotate(180deg);
  right: 10px;
  background-image: url(../images/icone-bper-2022/Icon-24pt-ChevronUp-Bigger.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 200ms;
}
.n-eventi-e-video .filter-and-order .order .custom-select .current.show-arrow:after {
  transform: translateY(-50%) rotate(0deg);
}
.n-eventi-e-video .filter-and-order .order .custom-select .options {
  position: absolute;
  bottom: 0;
  padding: 0;
  margin: 0;
  display: none;
  transform: translateY(100%);
  border: solid 1px;
  color: var(--primary-400);
  border-color: #B0CFD1;
  background-color: var(--neutral-5);
  width: 100%;
  border-radius: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
  z-index: 999;
}
.n-eventi-e-video .filter-and-order .order .custom-select .options.show {
  display: block;
}
.n-eventi-e-video .filter-and-order .order .custom-select .options li {
  padding: 8px 12px;
  display: block;
  font-weight: 400;
  cursor: pointer;
}
.n-eventi-e-video .filter-and-order .order .custom-select .options li:hover {
  color: var(--secondary-80);
}
.n-eventi-e-video .results {
  position: relative;
}
@media (max-width: 768px) {
  .n-eventi-e-video .results {
    padding: 0 20px;
  }
}
.n-eventi-e-video .results .lds-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.n-eventi-e-video .results .lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid;
  border-color: var(--primary-400);
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--primary-400) transparent transparent transparent;
}
.n-eventi-e-video .results .lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.n-eventi-e-video .results .lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.n-eventi-e-video .results .lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.n-eventi-e-video .results.cover {
  min-height: 100px;
}
.n-eventi-e-video .results.cover:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: hsla(0, 0%, 100%, 0.5);
  z-index: 99;
  content: "";
  display: block;
}
.n-eventi-e-video .bper-asset-pagination .page {
  cursor: pointer;
  padding: 0 15px;
  margin: 0;
}
.event-video .bper-wrapper .loan-story {
  padding: 40px;
  padding-top: 30px;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .event-video .bper-wrapper .loan-story {
    padding: 30px 24px;
  }
}
.event-video .bper-wrapper .loan-story .categories {
  margin-bottom: 18px;
  padding: 0;
  flex-grow: 2;
  font-size: 16px;
  line-height: 24px;
  font-family: "Din-Bold", sans-serif;
}
.event-video .bper-wrapper .loan-story .categories li {
  margin: 0;
  display: inline-block;
  color: var(--primary-400);
  font-size: 18px;
  line-height: 26px;
  background: var(--primary-20);
  margin-right: 20px;
  padding: 7px 25px;
  display: inline-block;
  font-weight: 400;
  margin-bottom: 10px;
  cursor: pointer;
  border-radius: 12px;
}
.event-video .bper-wrapper .loan-story .date {
  font-size: 18px;
  line-height: 26px;
  color: var(--green-100);
  font-weight: 400;
  margin-bottom: 25px;
}
.event-video .bper-wrapper .loan-story .loan-story-title {
  padding: 0;
  font-size: 28px;
  line-height: 36px;
  font-family: "Din-Bold", sans-serif;
}
.event-video .bper-wrapper .loan-story .loan-story-title h4 {
  color: var(--primary-400);
  text-align: left;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  margin: 0;
}
.event-video .bper-wrapper .loan-story .loan-story-subtitle {
  padding-left: 0;
  width: 100%;
  margin-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-size: 16px;
  line-height: 24px;
  color: var(--secondary-80);
  font-family: "Din-Bold", sans-serif;
  margin-bottom: 20px;
  display: block;
}
.event-video .bper-wrapper .loan-story .loan-story-subtitle h3 {
  font: inherit;
  margin: 0;
}

.n-category-navigation.news-selector {
  margin-bottom: 0 !important;
}
.n-category-navigation.news-selector .slick-prev,
.n-category-navigation.news-selector .slick-next {
  display: none !important;
}
.n-category-navigation.news-selector .slick-dots {
  bottom: -25px;
}
.n-category-navigation.news-selector .category-navigation-wrapper {
  opacity: 1;
}
.n-category-navigation.news-selector .categories-wrapper {
  padding: 35px 0;
}
.n-category-navigation.news-selector .bper-wrapper .categories-wrapper {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .n-category-navigation.news-selector .bper-wrapper .categories-wrapper {
    flex-direction: column;
  }
}
.n-category-navigation.news-selector .bper-wrapper .title {
  font-size: 16px;
  line-height: 24px;
  font-family: "Din-Bold", sans-serif;
  margin: 0;
  margin-right: 24px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .n-category-navigation.news-selector .bper-wrapper .title {
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
  }
}
.n-category-navigation.news-selector .bper-wrapper .categories {
  margin: 0 !important;
  position: relative;
  display: inline-block !important;
  padding: 0;
  width: 100%;
  float: none !important;
}
@media (max-width: 767px) {
  .n-category-navigation.news-selector .bper-wrapper .categories.slick-slider {
    margin: 0 -7px !important;
  }
}
.n-category-navigation.news-selector .bper-wrapper .categories li.category-button-wrapper {
  margin-right: 16px;
  padding: 0;
  display: inline-block;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .n-category-navigation.news-selector .bper-wrapper .categories li.category-button-wrapper {
    margin-right: 0;
    padding: 0 7px !important;
  }
}
.n-category-navigation.news-selector .bper-wrapper .categories li.category-button-wrapper a {
  background: var(--primary-20) 0% 0% no-repeat padding-box;
  border-radius: 12px;
  border: none !important;
  margin: 0;
  outline: none !important;
}
.n-category-navigation.news-selector .bper-wrapper .categories li.category-button-wrapper a:hover, .n-category-navigation.news-selector .bper-wrapper .categories li.category-button-wrapper a.active {
  outline: none !important;
  background: transparent linear-gradient(180deg, #29696f 0%, #183f42 100%) 0% 0% no-repeat padding-box;
  border-radius: 12px;
}

.n-all-news {
  margin-top: 0;
  margin-bottom: 50px;
}
.n-all-news .all-news-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(auto, 369px));
  grid-gap: 40px 30px;
  justify-content: center;
}
.n-all-news .all-news-container .item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 16px;
}
.n-all-news .all-news-container .item:hover .title {
  color: var(--secondary-80);
}
.n-all-news .all-news-container .image-container {
  height: 185px;
  width: 100%;
  border-radius: 24px;
  background-position: center;
  background-size: cover;
  margin-bottom: 8px;
}
.n-all-news .all-news-container .date {
  font-size: 18px;
  font-weight: normal;
  color: var(--neutral-100);
  margin: 0;
}
.n-all-news .all-news-container .category {
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  color: var(--primary-400);
  padding: 8px 16px;
  border-radius: 12px;
  background-color: var(--primary-20);
}
.n-all-news .all-news-container .title {
  font-size: 18px;
  font-weight: normal;
  color: var(--primary-400);
  margin: 0;
}
@media (max-width: 480px) {
  .n-all-news .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ {
  color: var(--primary-400);
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
  margin-top: 24px;
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .select-wrapper-content {
  position: relative;
}
@media (max-width: 799px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .select-wrapper-content {
    flex-grow: 2;
  }
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .select-wrapper-content:after {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-image: url(../images/arrow_down.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ select {
  -webkit-appearance: none;
  appearance: none;
  background-color: #f7fafa;
  border-color: #b0cfd1;
  width: 100%;
  color: #005D44;
}
@media (max-width: 799px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ select {
    width: 100%;
  }
}
@media (max-width: 799px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .slick-dots {
    bottom: -36px !important;
  }
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .slick-list {
    padding: 0 10% 0 0 !important;
    padding-left: 25px !important;
    margin-left: -8px;
  }
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .filter-wrapper {
  display: flex;
  flex-grow: 2;
  padding-right: 30px;
  align-items: center;
}
@media (max-width: 799px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .filter-wrapper {
    margin-bottom: 56px !important;
    padding-right: 0;
    display: block;
    width: 100%;
  }
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .select-wrapper {
  padding: 0 25px;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .select-wrapper {
    width: 100%;
  }
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .order-by-label {
  margin-right: 24px;
}
@media (max-width: 799px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .order-by-label {
    font-family: "Din-Bold", sans-serif;
  }
}
@media (max-width: 799px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .filter-by-label {
    font-family: "Din-Bold", sans-serif;
    margin-bottom: 16px;
    padding: 0 25px;
  }
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
  padding: 0;
}
@media (max-width: 1250px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1199px) and (min-width: 376px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper {
    width: 100%;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
@media (max-width: 480px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 799px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper .category-element {
  margin-left: 24px;
  position: relative;
}
@media (max-width: 799px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper .category-element {
    margin: 0 8px;
  }
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper .category-element > input.event-type {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper .category-element > input.event-type:checked + .label {
  background: transparent linear-gradient(180deg, #29696f 0, #183f42 100%) 0 0 no-repeat padding-box;
  color: #fff;
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper .category-element .label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  padding: 10px 20px;
  background: #e1eded;
  min-height: 44px;
  border-radius: 12px;
  color: #005D44;
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper .category-element .label span {
  text-align: center;
  display: flex;
  width: 100%;
  align-items: center;
  text-align: center;
  padding: 0;
  margin: 0 auto;
}
@media (max-width: 799px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper .category-element .label {
    width: 100%;
    text-align: center;
  }
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper .category-element + .category-element {
  margin-left: 16px;
}
@media (max-width: 799px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper .category-element + .category-element {
    margin-left: 8px;
  }
}

.portlet-boundary_BperAssistanceFormWebPortlet_ {
  color: var(--primary-400);
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .portlet-boundary_BperAssistanceFormWebPortlet_ .bper-wrapper {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}
@media (max-width: 767px) {
  .portlet-boundary_BperAssistanceFormWebPortlet_ .personaldata {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .portlet-boundary_BperAssistanceFormWebPortlet_ .personaldata .row {
    float: none;
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
  }
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .header-form {
  padding: 56px 0 64px 0;
  background: #f7fafa;
}
@media (max-width: 767px) {
  .portlet-boundary_BperAssistanceFormWebPortlet_ .header-form {
    padding: 40px 0 56px 0;
  }
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .header-form h1 {
  font-size: 48px;
  margin-bottom: 24px;
  margin-top: 0;
}
@media (max-width: 767px) {
  .portlet-boundary_BperAssistanceFormWebPortlet_ .header-form h1 {
    font-size: 36px;
    line-height: 48px;
  }
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .header-form h2 {
  margin: 0;
  font-size: 18px;
  font-weight: normal;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ form {
  margin-top: 64px;
}
@media (max-width: 767px) {
  .portlet-boundary_BperAssistanceFormWebPortlet_ form {
    margin-top: 56px;
  }
}
.portlet-boundary_BperAssistanceFormWebPortlet_ form .lfr-ddm-field-group {
  margin-bottom: 0;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ form .radio-inline {
  display: flex;
  align-items: center;
  margin-right: 60px;
}
@media (max-width: 767px) {
  .portlet-boundary_BperAssistanceFormWebPortlet_ form .radio-inline {
    margin: 0;
  }
  .portlet-boundary_BperAssistanceFormWebPortlet_ form .radio-inline + .radio-inline {
    margin-top: 18px;
  }
}
.portlet-boundary_BperAssistanceFormWebPortlet_ form .radio-icn + span {
  transform: translateY(2px);
  display: inline-block;
  margin-left: 5px;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ form .gender-selection {
  display: flex;
}
@media (max-width: 767px) {
  .portlet-boundary_BperAssistanceFormWebPortlet_ form .gender-selection {
    flex-direction: column;
  }
}
.portlet-boundary_BperAssistanceFormWebPortlet_ form .honeytop {
  display: none;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ form label.bper-radio > input + .radio-icn {
  box-shadow: none;
  border: 2px var(--secondary-80) solid;
  border-radius: 100%;
  top: 0%;
  background: none;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ form label.bper-radio > input:checked + .radio-icn {
  position: relative;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ form label.bper-radio > input:checked + .radio-icn:after {
  background-color: var(--secondary-80);
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.portlet-boundary_BperAssistanceFormWebPortlet_ label.bper-radio > input + .radio-icn {
  margin-left: 0;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .row + .row {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .portlet-boundary_BperAssistanceFormWebPortlet_ .col-md-6 + .col-md-6 {
    margin-top: 32px;
  }
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .wrapper-person > div > .control-label,
.portlet-boundary_BperAssistanceFormWebPortlet_ .wrapper-customer > div > .control-label {
  display: none;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .gender-selection-p {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-family: "Din-Bold", sans-serif;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ select {
  appearance: inherit;
  padding-right: 48px;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .select-wrapper {
  position: relative;
  width: 100%;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .select-wrapper select:after {
  display: none;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .select-wrapper .arrow {
  width: 24px;
  height: 24px;
  background-image: url(../images/svg/chevron-down.svg);
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  pointer-events: none;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .select-wrapper svg.arrow.bi-chevron-down {
  background: none;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ label.error {
  display: block;
  min-height: 20px;
  margin: 0;
  margin-top: 8px;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .text-error {
  color: #9d0000;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  padding-left: 30px;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .text-error:before {
  background-image: url(../images/svg/error-svgrepo-com.svg);
  width: 20px;
  height: 20px;
  display: block;
  content: "";
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.portlet-boundary_BperAssistanceFormWebPortlet_ select,
.portlet-boundary_BperAssistanceFormWebPortlet_ textarea,
.portlet-boundary_BperAssistanceFormWebPortlet_ input[type=text],
.portlet-boundary_BperAssistanceFormWebPortlet_ input[type=email],
.portlet-boundary_BperAssistanceFormWebPortlet_ input[type=mail],
.portlet-boundary_BperAssistanceFormWebPortlet_ input[type=data] {
  background: var(--neutral-5) 0% 0% no-repeat padding-box;
  border: 1px solid #B0CFD1;
  border-radius: 24px;
  text-align: left;
  height: 48px;
  padding: 0 16px;
  color: #005D44;
  opacity: 1;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ select.error,
.portlet-boundary_BperAssistanceFormWebPortlet_ textarea.error,
.portlet-boundary_BperAssistanceFormWebPortlet_ input[type=text].error,
.portlet-boundary_BperAssistanceFormWebPortlet_ input[type=email].error,
.portlet-boundary_BperAssistanceFormWebPortlet_ input[type=mail].error,
.portlet-boundary_BperAssistanceFormWebPortlet_ input[type=data].error {
  border-color: #9d0000;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ textarea {
  min-height: 88px;
  padding: 16px;
  height: auto;
  resize: inherit;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .radio-inline,
.portlet-boundary_BperAssistanceFormWebPortlet_ .checkbox-inline {
  padding-left: 0;
  position: relative;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .asterisk {
  font-size: 18px;
  letter-spacing: 0px;
  color: #7e8c8d;
  font-style: normal;
  line-height: 26px;
  margin-bottom: 32px;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .linkInformativaSfdc {
  margin: 0;
  margin-top: 0.5em;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ input[type=checkbox] {
  display: inline-block;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ label.bper-checkbox > input {
  opacity: 1;
  width: 1px;
  height: 1px;
  padding: 0;
  visibility: hidden;
  overflow: hidden;
  margin: 0;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ label.bper-checkbox > input:checked + .checkbox-icn,
.portlet-boundary_BperAssistanceFormWebPortlet_ label.bper-checkbox > input:checked + label + .checkbox-icn,
.portlet-boundary_BperAssistanceFormWebPortlet_ label.bper-checkbox > input:checked + .radio-icn,
.portlet-boundary_BperAssistanceFormWebPortlet_ label.bper-checkbox > input:checked + label + .radio-icn {
  background-color: #64B054;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ label.bper-checkbox > input + .checkbox-icn,
.portlet-boundary_BperAssistanceFormWebPortlet_ label.bper-checkbox > input + label + .checkbox-icn,
.portlet-boundary_BperAssistanceFormWebPortlet_ label.bper-checkbox > input + .radio-icn,
.portlet-boundary_BperAssistanceFormWebPortlet_ label.bper-checkbox > input + label + .radio-icn {
  display: inline-block;
  background-color: #fff;
  width: 20px;
  height: 20px;
  -webkit-box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 4px #fff;
  box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 4px #fff;
  margin-left: 10px;
  top: 20px;
  vertical-align: text-top;
  float: left;
  margin-right: 15px;
  margin-left: 0;
}

.bper-form-wrapper .form-wrapper-small {
  width: 780px;
  max-width: 100%;
  padding: 0 25px;
  margin: auto;
}
.bkg-full-green-medium .faq-landing .card, .bkg-primary-400 .faq-landing .card, .bkg-primary-600 .faq-landing .card {
  border-bottom: 1px solid #fff !important;
  color: #fff;
}

.bkg-full-green-medium .faq-landing .card .card-header button, .bkg-primary-400 .faq-landing .card .card-header button, .bkg-primary-600 .faq-landing .card .card-header button {
  color: #fff;
}

.faq-landing .card {
  background-color: transparent;
  margin: 0;
  border-bottom: 1px solid #ccc !important;
  border-radius: 0;
  box-shadow: none;
}
.faq-landing .card .card-header {
  font-size: 21px;
  line-height: 26px;
  padding: 0.75rem 0;
  background-color: transparent;
}
@media (max-width: 767px) {
  .faq-landing .card .card-header {
    font-size: 18px;
    line-height: 24px;
  }
}
.faq-landing .card .card-header button {
  border: 0;
  background-color: transparent;
  padding: 0;
  color: var(--primary-400);
  gap: 10px;
}
.faq-landing .card .card-header button:not(.collapsed) svg {
  transform: rotateX(180deg);
}
.faq-landing .card .card-header button svg {
  flex-basis: 28px;
  min-width: 28px;
  width: 28px;
  height: 28px;
  display: block;
}
.faq-landing .card .card-body {
  padding: 15px 0 40px;
  font-size: 18px;
  line-height: 22px;
}
@media (max-width: 767px) {
  .faq-landing .card .card-body {
    font-size: 16px;
    line-height: 20px;
  }
}
.faq-landing .card .card-body * {
  margin: 0;
  line-height: inherit;
  font-size: inherit;
}

.banner-carousel-2024 {
  padding: 24px 24px 0;
  margin-bottom: 65px;
}
.banner-carousel-2024:after {
  background-image: url("../images/carousel-bg-dots.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
  bottom: 65px;
  width: 234px;
  height: 134px;
  right: 23px;
  content: "";
  position: absolute;
}
.banner-carousel-2024 .slider .item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
  text-align: left;
  overflow: visible;
  padding: 0;
  position: relative;
  border-radius: 40px;
  overflow: hidden;
}
.banner-carousel-2024 .slider .item .content-body, .banner-carousel-2024 .slider .item .content-badge {
  min-height: 600px;
  padding: 96px 0 100px;
}
.banner-carousel-2024 .slider .item .tag {
  padding: 10px 16px 9px;
  border-radius: 8px;
  line-height: 12px;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 8px;
  border: 0;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.banner-carousel-2024 .slider .item .tag.bg-yellow {
  background-color: #E8D646;
  color: #071D1F;
}
.banner-carousel-2024 .slider .item .tag.bg-greenlight {
  background-color: #64B054;
  color: #fff;
}
.banner-carousel-2024 .slider .item .banner-text-content {
  gap: 24px;
}
.banner-carousel-2024 .slider .item .banner-text-content .text-green {
  color: #005d44;
}
.banner-carousel-2024 .slider .item .banner-text-content .text-white {
  color: #fff;
}
.banner-carousel-2024 .slider .item .banner-text-content .text-white h2 {
  color: #fff;
}
.banner-carousel-2024 .slider .item .banner-text-content .banner-title-text h2 {
  font-size: 56px;
  line-height: 64px;
  font-weight: 500;
  letter-spacing: -0.01em;
  margin: 0;
}
.banner-carousel-2024 .slider .item .banner-text-content .banner-title-text h2 * {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: -0.01em;
  margin: 0;
}
.banner-carousel-2024 .slider .item .banner-text-content .banner-title-text strong {
  color: var(--secondary-80);
}
.banner-carousel-2024 .slider .item .banner-text-content .banner-description {
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
  margin: 0;
}
.banner-carousel-2024 .slider .item .banner-text-content .banner-description * {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
}
.banner-carousel-2024 .slider .item .banner-text-content .banner-description strong {
  color: var(--secondary-80);
}
.banner-carousel-2024 .slider .item .banner-buttonContainer {
  margin-top: 50px;
}
.banner-carousel-2024 .slider .item .banner-buttonContainer .btn-default {
  padding: 12px 48px;
  text-shadow: none;
  font-size: 24px;
  line-height: 26px;
  font-weight: 500;
  box-shadow: none;
  white-space: normal;
  display: inline-block;
}
.banner-carousel-2024 .slider .item .banner-buttonContainer .btn-default.txt-green {
  color: #005D44;
}
.banner-carousel-2024 .slider .item .banner-buttonContainer .btn-default.txt-white {
  color: #ffffff;
}
.banner-carousel-2024 .slider .item .banner-buttonContainer .btn-default.btn-green {
  background-color: #64B054;
  background-image: none;
}
.banner-carousel-2024 .slider .item .banner-buttonContainer .btn-default.btn-green:hover {
  background-color: #64B054;
}
.banner-carousel-2024 .slider .item .banner-buttonContainer .btn-default:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.banner-carousel-2024 .slider .item .badge {
  padding: 40px 20px;
  line-height: 21px;
  font-size: 16px;
  font-weight: 500;
  color: #005157;
  background-image: url("../images/badge_img_white.svg");
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 224px;
  height: 224px;
  position: relative;
  margin: 0;
  border-radius: 50%;
}
.banner-carousel-2024 .slider .item .badge.green {
  color: #fff;
  background-color: #005d44;
  background-image: url("../images/badge_img_verde.svg");
}
.banner-carousel-2024 .slider .item .badge .container-badge {
  gap: 15px;
}
.banner-carousel-2024 .slider .item .badge .container-badge * {
  margin: 0;
  line-height: inherit;
}
.banner-carousel-2024 .slider .item .badge .container-badge strong {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}
.banner-carousel-2024 .slider .item .badge .container-badge h1, .banner-carousel-2024 .slider .item .badge .container-badge h2 {
  font-size: 64px;
  line-height: 64px;
  color: #64B054;
  font-weight: 500;
}
.banner-carousel-2024 .slider .item .badge .container-badge h3, .banner-carousel-2024 .slider .item .badge .container-badge h4 {
  font-size: 40px;
  line-height: 40px;
  color: #64B054;
  font-weight: 500;
}
.banner-carousel-2024 .slider .content-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.banner-carousel-2024 .slider .content-image:after {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(269.84deg, rgba(0, 0, 0, 0) 28.04%, rgba(0, 0, 0, 0.7) 99.86%);
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  content: "";
  position: absolute;
  display: none;
}
.banner-carousel-2024 .slider .slick-next, .banner-carousel-2024 .slider .slick-prev {
  background-image: url("../images/right_green.svg") !important;
  left: 145px !important;
  transform: none;
  background-position: center;
  width: 48px;
  height: 48px;
  background-color: #fff;
  background-repeat: no-repeat;
  border-radius: 100px;
  bottom: 30px;
  top: inherit;
}
.banner-carousel-2024 .slider .slick-next:hover, .banner-carousel-2024 .slider .slick-prev:hover {
  background-color: #fff;
}
.banner-carousel-2024 .slider .slick-next:focus-visible, .banner-carousel-2024 .slider .slick-prev:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.banner-carousel-2024 .slider .slick-next::before, .banner-carousel-2024 .slider .slick-prev::before {
  content: none;
}
[dir=rtl] .banner-carousel-2024 .slider .slick-next::before, [dir=rtl] .banner-carousel-2024 .slider .slick-prev::before {
  content: none;
}
.banner-carousel-2024 .slider .slick-next.slick-disabled, .banner-carousel-2024 .slider .slick-prev.slick-disabled {
  opacity: 0.3;
}
.banner-carousel-2024 .slider .slick-prev {
  background-image: url("../images/left_green.svg") !important;
  left: 72px !important;
  transform: translateX(-100%);
}
.banner-carousel-2024 .slider .slick-dots {
  bottom: 7px;
  width: 204px;
  height: 67px;
  left: inherit;
  transform: none;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 38px 0;
  z-index: 1;
}
.banner-carousel-2024 .slider .slick-dots li {
  width: 10px;
  height: 10px;
  border-radius: 0;
}
.banner-carousel-2024 .slider .slick-dots li button {
  border-radius: 100px;
  background-color: var(--green-30);
  height: 10px;
}
.banner-carousel-2024 .slider .slick-dots li.slick-active {
  width: 24px;
  height: 12px;
}
.banner-carousel-2024 .slider .slick-dots li.slick-active button {
  height: 12px;
  width: 24px;
  background-color: #64B054;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .banner-carousel-2024 .slider .item .content-badge {
    padding-top: 28px;
  }
}
@media (min-width: 768px) {
  .banner-carousel-2024 .slider .item .col-sm-8 {
    width: 66.6% !important;
  }
}
@media (max-width: 767px) {
  .banner-carousel-2024 {
    margin-bottom: 40px;
  }
  .banner-carousel-2024:after {
    bottom: 38px;
    width: 150px;
    height: 91px;
    left: 23px;
    right: inherit;
    transform: scaleX(-1);
  }
  .banner-carousel-2024 .slider {
    border-radius: 24px;
  }
  .banner-carousel-2024 .slider .content-image:after {
    background: linear-gradient(0deg, rgba(0, 0, 255, 0.1), rgba(0, 0, 255, 0.1)), linear-gradient(0.81deg, rgba(0, 0, 255, 0) 42.44%, rgba(0, 0, 255, 0.4) 99.12%); /* Gradient that fades from transparent blue to darker blue */
  }
  .banner-carousel-2024 .slider .item {
    border-radius: 24px;
  }
  .banner-carousel-2024 .slider .item .content-badge {
    min-height: auto;
    padding: 0;
  }
  .banner-carousel-2024 .slider .item .bper-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .banner-carousel-2024 .slider .item .badge {
    width: 165px;
    height: 165px;
    padding: 30px 10px;
    line-height: 18px;
  }
  .banner-carousel-2024 .slider .item .badge .container-badge {
    gap: 10px;
  }
  .banner-carousel-2024 .slider .item .badge .container-badge h1, .banner-carousel-2024 .slider .item .badge .container-badge h2 {
    font-size: 54px;
    line-height: 54px;
  }
  .banner-carousel-2024 .slider .item .badge .container-badge h3, .banner-carousel-2024 .slider .item .badge .container-badge h4 {
    font-size: 30px;
    line-height: 30px;
  }
  .banner-carousel-2024 .slider .item .badge .container-badge strong {
    font-size: 18px;
    line-height: 21px;
  }
  .banner-carousel-2024 .slider .item .content-body {
    min-height: 700px;
    padding: 40px 24px 80px;
  }
  .banner-carousel-2024 .slider .item .banner-text-content {
    gap: 16px;
    padding-bottom: 20px;
  }
  .banner-carousel-2024 .slider .item .banner-text-content .banner-title-text h2 {
    font-size: 34px;
    line-height: 38px;
  }
  .banner-carousel-2024 .slider .item .banner-text-content .banner-description {
    font-size: 22px;
    line-height: 30px;
  }
  .banner-carousel-2024 .slider .item .banner-buttonContainer {
    text-align: center;
  }
  .banner-carousel-2024 .slider .item .banner-buttonContainer .btn-default {
    padding: 12px 24px;
  }
  .banner-carousel-2024 .slider .content-image {
    background-position: center bottom;
  }
  .banner-carousel-2024 .slider .slick-next, .banner-carousel-2024 .slider .slick-prev {
    width: 32px;
    height: 32px;
    background-size: 16px;
    bottom: 23px;
  }
  .banner-carousel-2024 .slider .slick-next {
    left: inherit !important;
    right: 16px;
  }
  .banner-carousel-2024 .slider .slick-prev {
    left: inherit !important;
    right: 53px;
  }
  .banner-carousel-2024 .slider .slick-dots {
    bottom: 7px;
    width: 120px;
    height: 39px;
    left: 0;
  }
  .banner-carousel-2024 .slider .slick-dots li.slick-active {
    width: 17px;
    height: 10px;
  }
  .banner-carousel-2024 .slider .slick-dots li.slick-active button {
    height: 10px;
    width: 17px;
    background-color: #64B054;
  }
}
@media screen and (max-width: 1440px) {
  .bper-custom-banner-wrapper {
    margin: 0 70px 0 auto !important;
  }
}
.bper-2-column-300 .portlet-layout {
  display: flex;
  width: 100%;
}
.bper-2-column-300 .portlet-layout .portlet-column#column-1 {
  width: 300px;
  padding-right: 30px;
}
@media (max-width: 800px) {
  .bper-2-column-300 .portlet-layout .portlet-column#column-1 {
    width: 200px;
  }
}
@media (max-width: 767px) {
  .bper-2-column-300 .portlet-layout .portlet-column#column-1 {
    display: none;
  }
}
.bper-2-column-300 .portlet-layout .portlet-column#column-2 {
  width: calc(100% - 300px);
}
@media (max-width: 800px) {
  .bper-2-column-300 .portlet-layout .portlet-column#column-2 {
    width: calc(100% - 200px);
  }
}
@media (max-width: 767px) {
  .bper-2-column-300 .portlet-layout .portlet-column#column-2 {
    width: 100%;
  }
}

.signed-in .bper-2-column-300 .portlet-column {
  min-height: 50px;
}

.bper-1-2-column-300 {
  float: left;
  width: 100%;
  clear: both;
}
.bper-1-2-column-300 + .alert-info, .bper-1-2-column-300 + .portlet-msg-help,
.bper-1-2-column-300 + .portlet-msg-info,
.bper-1-2-column-300 + .portlet-msg-progress {
  float: left;
  width: 100%;
}
.bper-1-2-column-300 .portlet-layout {
  display: flex;
  width: 100%;
}
.bper-1-2-column-300 .portlet-layout .portlet-column#column-2 {
  width: 300px;
  padding-right: 30px;
}
@media (max-width: 800px) {
  .bper-1-2-column-300 .portlet-layout .portlet-column#column-2 {
    width: 200px;
  }
}
@media (max-width: 767px) {
  .bper-1-2-column-300 .portlet-layout .portlet-column#column-2 {
    display: none;
  }
}
.bper-1-2-column-300 .portlet-layout .portlet-column#column-3 {
  width: calc(100% - 300px);
}
@media (max-width: 800px) {
  .bper-1-2-column-300 .portlet-layout .portlet-column#column-3 {
    width: calc(100% - 200px);
  }
}
@media (max-width: 767px) {
  .bper-1-2-column-300 .portlet-layout .portlet-column#column-3 {
    width: 100%;
  }
}
.bper-1-2-column-300 .portlet-layout.portlet-full#column-1 {
  width: 100%;
}

.signed-in .bper-2-column-300 .portlet-column {
  min-height: 50px;
}

@media (max-width: 480px) {
  .bper-faq-layout .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.bper-faq-layout .portlet-layout {
  padding-top: 70px;
}
@media (max-width: 767px) {
  .bper-faq-layout .portlet-layout {
    padding-top: 30px;
  }
}
.bper-faq-layout .portlet-layout {
  display: flex;
  width: 100%;
}
@media (max-width: 767px) {
  .bper-faq-layout .portlet-layout {
    flex-direction: column;
  }
}
.bper-faq-layout #column-1 {
  width: 25%;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .bper-faq-layout #column-1 {
    width: 100%;
    padding-right: 0;
  }
}
.bper-faq-layout #column-2 {
  width: 75%;
}
@media (max-width: 767px) {
  .bper-faq-layout #column-2 {
    width: 100%;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track::before, .slick-track::after {
  content: "";
  display: table;
}
.slick-track::after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./../images/ajax-loader.gif") center center no-repeat;
}

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 1;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 1;
  color: var(--neutral-5) !important;
}
.slick-prev:before,
.slick-next:before {
  font-family: kievit, Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 3%;
  width: 30px;
  height: 30px;
  background-size: 24px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-image: url(../images/icone-bper-2022/Icon-24pt-Arrow-Left.svg) !important;
}
.slick-prev:hover {
  background-image: url(../images/icone-bper-2022/Icon-24pt-Arrow-Left.svg) !important;
  background-size: 24px;
}
.slick-prev.slick-disabled {
  background-image: url(../images/slick-arrow-left-disable.png) !important;
}
.slick-prev.slick-disabled:hover {
  background-image: url(../images/slick-arrow-left-disable.png) !important;
  background-size: 24px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: 3%;
}
.slick-prev::before {
  content: "←";
}
[dir=rtl] .slick-prev::before {
  content: "→";
}
.slick-prev:after, .slick-prev:before {
  display: none;
}

.slick-next {
  right: 3%;
  width: 30px;
  height: 30px;
  background-size: 24px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-image: url(../images/icone-bper-2022/Icon-24pt-Arrow-Right.svg) !important;
}
.slick-next:hover {
  background-image: url(../images/icone-bper-2022/Icon-24pt-Arrow-Right.svg) !important;
  background-size: 24px;
}
.slick-next.slick-disabled {
  background-image: url(../images/slick-arrow-right-disable.png) !important;
}
.slick-next.slick-disabled:hover {
  background-image: url(../images/slick-arrow-right-disable.png) !important;
  background-size: 24px;
}
[dir=rtl] .slick-next {
  left: 3%;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}
.slick-next:after, .slick-next:before {
  display: none;
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 0px;
}

.slick-dots {
  position: absolute;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
  bottom: 60px;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border-radius: 4px;
  transition: 200ms;
  overflow: hidden;
}
.slick-dots li + li {
  margin-left: 8px;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  background-color: var(--green-40);
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
  background-color: var(--secondary-80);
}
.slick-dots li button::before {
  display: none;
}
.slick-dots li.slick-active {
  width: 24px;
}
.slick-dots li.slick-active button {
  background-color: var(--secondary-80);
}

/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#dt/dt-1.10.22/r-2.2.6
 *
 * Included libraries:
 *   DataTables 1.10.22, Responsive 2.2.6
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
}

table.dataTable thead th,
table.dataTable tfoot th {
  font-family: "Din-Bold", sans-serif;
}

table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111;
}

table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
}

table.dataTable thead .sorting {
  background-image: url("DataTables-1.10.22/images/sort_both.png");
}

table.dataTable thead .sorting_asc {
  background-image: url("DataTables-1.10.22/images/sort_asc.png");
}

table.dataTable thead .sorting_desc {
  background-image: url("DataTables-1.10.22/images/sort_desc.png");
}

table.dataTable thead .sorting_asc_disabled {
  background-image: url("DataTables-1.10.22/images/sort_asc_disabled.png");
}

table.dataTable thead .sorting_desc_disabled {
  background-image: url("DataTables-1.10.22/images/sort_desc_disabled.png");
}

table.dataTable tbody tr {
  background-color: #ffffff;
}

table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}

table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}

table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}

table.dataTable.hover tbody tr:hover.selected,
table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}

table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3,
table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}

table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3,
table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}

table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}

table.dataTable.display tbody tr.odd > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}

table.dataTable.display tbody tr.odd > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}

table.dataTable.display tbody tr.odd.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}

table.dataTable.display tbody tr.odd.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}

table.dataTable.display tbody tr.odd.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}

table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}

table.dataTable.display tbody tr.even > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}

table.dataTable.display tbody tr.even > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}

table.dataTable.display tbody tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}

table.dataTable.display tbody tr.even.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}

table.dataTable.display tbody tr.even.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}

table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}

table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}

table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}

table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}

table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}

table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}

table.dataTable.no-footer {
  border-bottom: 1px solid #111;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px;
}

table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}

table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}

.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}

.dataTables_wrapper .dataTables_length {
  float: left;
}

.dataTables_wrapper .dataTables_length select {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  padding: 4px;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}

.dataTables_wrapper .dataTables_filter input {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  margin-left: 3px;
}

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}

.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
  background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  box-shadow: inset 0 0 3px #111;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}

.dataTables_wrapper .dataTables_scroll {
  clear: both;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}

.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td.dtr-control,
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th.dtr-control {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th.dtr-control:before {
  top: 50%;
  left: 5px;
  height: 1em;
  width: 1em;
  margin-top: -9px;
  display: block;
  position: absolute;
  color: white;
  border: 0.15em solid white;
  border-radius: 1em;
  box-shadow: 0 0 0.2em #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 1em;
  content: "+";
  background-color: #31b131;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
  content: "-";
  background-color: #d33333;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
  padding-left: 27px;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before {
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 14px;
  text-indent: 3px;
}

table.dataTable.dtr-column > tbody > tr > td.dtr-control,
table.dataTable.dtr-column > tbody > tr > th.dtr-control,
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}

table.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: 0.8em;
  width: 0.8em;
  margin-top: -0.5em;
  margin-left: -0.5em;
  display: block;
  position: absolute;
  color: white;
  border: 0.15em solid white;
  border-radius: 1em;
  box-shadow: 0 0 0.2em #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 1em;
  content: "+";
  background-color: #31b131;
}

table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: "-";
  background-color: #d33333;
}

table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}

table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}

table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  border-bottom: none;
}

table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-family: "Din-Bold", sans-serif;
}

div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}

div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 50%;
  overflow: auto;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}

div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 1em;
}

div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border: 1px solid #eaeaea;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}

div.dtr-modal div.dtr-modal-close:hover {
  background-color: #eaeaea;
}

div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}

@media (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}
.breadcrumb-horizontal {
  font-size: 0.875rem;
  padding: 0;
}

.bg-lighter {
  background-color: #f7f8f9 !important;
}

.border-lighter {
  border-color: #f7f8f9 !important;
}

.text-lighter {
  color: #f7f8f9 !important;
}

.bg-gray-dark {
  background-color: #393a4a !important;
}

.border-gray-dark {
  border-color: #393a4a !important;
}

.text-gray-dark {
  color: #393a4a !important;
}

.list-group-item-flex > .autofit-col:first-of-type {
  padding-left: 10px;
  padding-right: 4px;
}

@media (min-width: 768px) {
  .info-panel {
    bottom: 0;
    position: absolute;
    top: 0;
  }
  .info-panel > .sidenav-menu {
    bottom: 0;
    position: absolute;
    right: 0 !important;
    top: 0;
  }
}

.navbar-top {
  padding-bottom: 0.907rem;
  padding-top: 0.907rem;
}
.navbar-top .portlet:hover, .navbar-top .portlet.open {
  z-index: 1035;
}

.navbar-blank {
  flex-wrap: wrap;
}
.navbar-blank .lexicon-icon {
  font-size: 0.625rem;
  margin: 0 0 0 0.25rem;
}

.navbar-classic {
  background-color: #fff;
}
.navbar-classic.navbar-light {
  border-bottom: 1px solid #e7e7ed;
}
@media (max-width: 575.98px) {
  .navbar-classic .navbar-blank {
    margin-top: 1rem;
  }
}
.navbar-classic .navbar-form {
  padding: 0;
}
.navbar-classic .navbar-form .field-wrapper {
  right: 0;
  top: 0;
}
.navbar-classic .navbar-form .field-wrapper .lfr-icon-item {
  color: #6b6c7e;
}
@media (max-width: 767.98px) {
  .navbar-classic .portlet-search-bar {
    width: 100%;
  }
}
.navbar-classic .portlet-search-bar .input-group-item {
  margin-left: 0;
}
.navbar-classic .logo:hover {
  text-decoration: none;
}
@media (min-width: 992px) {
  .navbar-classic .navbar-nav .nav-item:not(:last-of-type) .nav-link {
    margin-right: 16px;
  }
}
.navbar-classic .nav-link {
  color: #6b6c7e;
  font-size: 0.9375rem;
  font-family: "Din-Bold", sans-serif;
}

.info-panel .sidebar > .sidenav-close {
  float: right;
  margin: 16px 16px 0 8px;
}
.info-panel .sidebar > .sidenav-close + .info-panel-content .sidebar-header > .autofit-row {
  width: auto;
}
.info-panel .sidenav-close {
  float: none;
  margin: 0;
}
.info-panel .sidebar-header .component-title {
  font-size: 16px;
  font-family: "Din-Bold", sans-serif;
}
.info-panel .sidebar-header .component-subtitle {
  font-size: 14px;
  font-family: "Din-Bold", sans-serif;
}
.info-panel .sidebar-header .autofit-padded-no-gutters {
  margin-left: -4px;
  margin-right: -4px;
}
.info-panel .sidebar-header .autofit-padded-no-gutters .autofit-col {
  padding-left: 4px;
  padding-right: 4px;
}
.info-panel .sidebar-body .sidebar-section {
  margin-bottom: 16px;
}

.sidebar-light .sidebar-header .text-default {
  color: #6b6c7e;
  font-size: 0.875rem;
  font-weight: 400;
}
.sidebar-light .sidebar-header .icon-monospaced {
  color: #6b6c7e;
}
.sidebar-light .navbar-collapse {
  border-bottom: 1px solid #cdced9;
}
@media (min-width: 576px) {
  .sidebar-light .navigation-bar-light,
  .sidebar-light .sidebar-section > .list-group-item,
  .sidebar-light .panel,
  .sidebar-light .panel-group .panel {
    background-color: transparent;
    border-color: transparent;
  }
}

.table-list th:first-child,
.table-list td:first-child {
  padding-left: 18px;
  padding-right: 6px;
}

.widget-mode-detail {
  background-color: #fff;
}
.widget-mode-detail .title {
  color: #272833;
  font-family: "Din-Bold", sans-serif;
  line-height: 1.25;
}
.widget-mode-detail .sub-title {
  color: #a0a1b0;
  font-weight: 400;
}
.widget-mode-detail .widget-metadata {
  font-size: 0.875rem;
}
.widget-mode-detail .widget-metadata .inline-item-before {
  margin-right: 1rem;
}
.widget-mode-detail .widget-metadata .username {
  color: #272833;
  font-family: "Din-Bold", sans-serif;
  line-height: 2;
}
.widget-mode-detail .aspect-ratio {
  padding-bottom: 480px;
}

.widget-mode-card .card {
  border-radius: 8px;
}
.widget-mode-card .card-header {
  border-radius: 8px 8px 0 0;
}
.widget-mode-card .card-body {
  padding: 24px;
}
.widget-mode-card .widget-topbar .title-link {
  color: #272833;
}
.widget-mode-card .widget-topbar .title {
  font-size: 1.5rem;
  font-family: "Din-Bold", sans-serif;
  margin-right: 24px;
}
.widget-mode-card .widget-metadata {
  font-size: 0.875rem;
  margin-bottom: 16px;
}
.widget-mode-card .widget-metadata .inline-item-before {
  margin-right: 1rem;
}
.widget-mode-card .widget-metadata .username {
  color: #272833;
  font-family: "Din-Bold", sans-serif;
}
.widget-mode-card .widget-resume {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 0;
}
.widget-mode-card .card-footer {
  background-color: transparent;
  padding: 0 1rem 1rem;
}
.widget-mode-card .widget-toolbar {
  border-top: 1px solid #e7e7ed;
  padding-top: 8px;
}

.widget-mode-simple .widget-mode-simple-entry:not(:last-child) {
  border-bottom: 1px solid #e7e7ed;
  margin-bottom: 24px;
  padding-bottom: 24px;
}
.widget-mode-simple .widget-topbar .title-link {
  color: #272833;
}
.widget-mode-simple .widget-topbar .title {
  font-size: 1.75rem;
  font-family: "Din-Bold", sans-serif;
}
.widget-mode-simple .widget-metadata {
  font-size: 0.875rem;
}
.widget-mode-simple .widget-metadata .inline-item-before {
  margin-right: 1rem;
}
.widget-mode-simple .widget-metadata .username {
  color: #272833;
  font-family: "Din-Bold", sans-serif;
}

.widget-toolbar .autofit-col:first-of-type > .btn-outline-borderless {
  margin-left: -0.75rem;
}

html:not(#__):not(#___) .portlet:hover > .cadmin.portlet-topper, html:not(#__):not(#___) .portlet.open > .cadmin.portlet-topper {
  z-index: 1050;
}
html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
  font-size: 13.92px;
  padding: 0 4px 0 8px;
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
    display: block;
    white-space: nowrap;
  }
}
@media (min-width: 576px) {
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
    right: auto;
  }
}
html:not(#__):not(#___) .portlet > .cadmin.portlet-topper .portlet-title-default {
  display: inline-block;
  line-height: 24px;
  vertical-align: middle;
}
html:not(#__):not(#___) .portlet > .cadmin.portlet-topper .portlet-name-text {
  margin-right: 12px;
}
html:not(#__):not(#___) .portlet > .cadmin.portlet-topper .portlet-topper-toolbar {
  display: inline-block;
  vertical-align: middle;
}
html:not(#__):not(#___) .portlet > .cadmin.portlet-topper .portlet-topper-toolbar,
html:not(#__):not(#___) .portlet > .cadmin.portlet-topper .icon-monospaced {
  height: 24px;
  line-height: 24px;
  width: 24px;
}
html:not(#__):not(#___) .portlet > .cadmin.portlet-topper .portlet-topper-toolbar .component-action {
  font-size: 14px;
  height: 24px;
  margin-top: -2px;
  width: 24px;
}
html:not(#__):not(#___) .portlet-dropzone {
  box-shadow: 0 0 0 1px transparent inset;
  transition: box-shadow 300ms ease-in-out;
  will-change: box-shadow;
}
html:not(#__):not(#___) .yui3-dd-drop-active-valid .portlet-dropzone {
  box-shadow: 0 0 0 1px rgba(0, 74, 215, 0.2) inset;
}
html:not(#__):not(#___) .yui3-dd-drop-over .portlet-dropzone {
  box-shadow: 0 0 0 4px #004ad7 inset;
}

.portlet-layout .portlet .management-bar > .container-fluid-max-xl,
.portlet-layout .portlet .navbar-underline > .container-fluid-max-xl {
  padding-left: 0;
  padding-right: 0;
}
.portlet-layout .portlet .portlet-title-text {
  color: #6b6c7e;
  font-size: 0.875rem;
  font-family: "Din-Bold", sans-serif;
  line-height: 2.2;
  margin-bottom: 0;
  text-transform: uppercase;
}

.portlet > .portlet-topper {
  font-size: 0.87rem;
  padding: 0 4px 0 8px;
}
@media (min-width: 768px) {
  .portlet > .portlet-topper {
    display: block;
    white-space: nowrap;
  }
}
@media (min-width: 576px) {
  .portlet > .portlet-topper {
    right: auto;
  }
}
.portlet > .portlet-topper .portlet-title-default {
  display: inline-block;
  line-height: 1.5rem;
  vertical-align: middle;
}
.portlet > .portlet-topper .portlet-name-text {
  margin-right: 0.75rem;
}
.portlet > .portlet-topper .portlet-topper-toolbar {
  display: inline-block;
  vertical-align: middle;
}
.portlet > .portlet-topper .portlet-topper-toolbar,
.portlet > .portlet-topper .icon-monospaced {
  height: 1.5rem;
  line-height: 1.5rem;
  width: 1.5rem;
}
.portlet > .portlet-topper .portlet-topper-toolbar .component-action {
  height: 1.5rem;
  width: 1.5rem;
}
.portlet > .portlet-topper .lexicon-icon {
  height: 0.875rem;
  width: 0.875rem;
}
.portlet:hover > .portlet-topper, .portlet.open > .portlet-topper {
  z-index: 1050;
}

.portlet-dropzone {
  box-shadow: 0 0 0 1px transparent inset;
  transition: box-shadow 300ms ease-in-out;
  will-change: box-shadow;
}
.yui3-dd-drop-active-valid .portlet-dropzone {
  box-shadow: 0 0 0 1px rgba(0, 42, 31, 0.2) inset;
}
.yui3-dd-drop-over .portlet-dropzone {
  box-shadow: 0 0 0 4px #002a1f inset;
}

.portlet-decorate .portlet {
  margin-bottom: 24px;
}
.portlet-decorate .portlet-content {
  border-radius: 0.25rem;
}

.portlet-barebone .panel,
.portlet-borderless .panel {
  background-color: transparent;
}
.portlet-barebone .panel.card,
.portlet-borderless .panel.card {
  border-color: #cdced9;
  box-shadow: none;
}
.portlet-barebone .panel-default,
.portlet-borderless .panel-default {
  border-color: #cdced9;
}
.portlet-barebone .widget-mode-detail,
.portlet-borderless .widget-mode-detail {
  background-color: transparent;
}

.aspect-ratio:not([class*=aspect-ratio-]) {
  padding-bottom: var(--aspect-ratio, 100%);
}

.aspect-ratio-4-to-3 {
  padding-bottom: var(--aspect-ratio-4-to-3, 75%);
}

.aspect-ratio-8-to-3 {
  padding-bottom: var(--aspect-ratio-8-to-3, 37.5%);
}

.aspect-ratio-16-to-9 {
  padding-bottom: var(--aspect-ratio-16-to-9, 56.25%);
}

.card-type-asset .aspect-ratio {
  padding-bottom: var(--aspect-ratio-16-to-9, 56.25%);
}

#wrapper {
  --portlet-topper-bg: var(--primary);
  --portlet-topper-color: var(--white);
  --portlet-topper-link-color: var(--portlet-topper-color);
  background-color: var(--body-bg, var(--body-bg, #fff));
  color: var(--body-color, var(--body-color, #344243));
  font-size: var(--font-size-base, 1.125rem);
}

.portlet .portlet-content {
  background-color: var(--portlet-bg, transparent);
}
@media (max-width: 767.98px) {
  .controls-visible .portlet-content-editable {
    border-color: #005D44;
  }
}
@media (min-width: 576px) {
  .controls-visible .portlet:hover > .portlet-content-editable,
  .controls-visible .portlet.open > .portlet-content-editable,
  .controls-visible .portlet.focus > .portlet-content-editable {
    border-color: #005D44;
  }
}

.portlet-layout .portlet-header {
  margin-bottom: var(--portlet-header-margin-bottom, calc(var(--spacer) * var(--spacer-5, 32px)));
}

.navbar {
  min-height: 50px;
  margin-bottom: 24px;
  border: 0;
  padding: 0;
}

body.bper-body-class section.portlet .portlet-content .autofit-row .autofit-section .dropdown {
  height: auto;
  width: auto;
  padding: 13px;
  z-index: 10;
  position: absolute;
  right: 0;
}
body.bper-body-class section.portlet .portlet-content .autofit-row .autofit-section .dropdown a {
  color: var(--accent-90);
  border: solid 1px var(--accent-90);
  transition: all 0.3s;
}
body.bper-body-class section.portlet .portlet-content .autofit-row .autofit-section .dropdown a:hover, body.bper-body-class section.portlet .portlet-content .autofit-row .autofit-section .dropdown a:focus, body.bper-body-class section.portlet .portlet-content .autofit-row .autofit-section .dropdown a:active {
  background-color: var(--accent-90);
  color: white;
}

/* ---------- Help messages, general additional information, etc. ---------- */
.portlet-msg-progress {
  background-image: url(../images/aui/loading_indicator.gif);
  background-position: 6px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
}

/* ---------- Error messages ---------- */
/* ---------- Alert messages ---------- */
/* ---------- Success messages ---------- */
/* ---------- Misc ---------- */
.navbar .nav li > a {
  overflow-wrap: break-all;
  word-wrap: break-all;
  word-break: break-all;
}

/* ---------- Status ---------- */
.entry-status.approved {
  border-color: #287d3c !important;
}
.entry-status.scheduled {
  border-color: #2e5aac !important;
}
.entry-status.pending {
  border-color: #2e5aac !important;
}
.entry-status.denied {
  border-color: #da1414 !important;
}
.entry-status.expired {
  border-color: #b95000 !important;
}
.entry-status.draft {
  border-color: #555555 !important;
}

.status.approved {
  color: #287d3c;
}
.status.scheduled {
  color: #2e5aac;
}
.status.pending {
  color: #2e5aac;
}
.status.denied {
  color: #da1414;
}
.status.expired {
  color: #b95000;
}
.status.draft {
  color: #555555;
}

.journal-content-article {
  float: left;
  width: 100%;
  z-index: 1;
  position: relative;
}
.journal-content-article > .rich-navigation-menu-adt > .bper-wrapper > .container {
  max-width: 100%;
  margin: 0;
}

.page-wrapper.cookie {
  margin-top: 133px !important;
}
@media (max-width: 1100px) {
  .page-wrapper.cookie {
    margin-top: 48px !important;
  }
}
@media (max-width: 1100px) {
  .page-wrapper #content {
    float: left;
    width: 100%;
  }
}
.page-wrapper #content.cookie {
  margin-top: 0 !important;
}
.page-wrapper #content .portlet-boundary {
  float: left;
  width: 100%;
  position: relative;
}
.page-wrapper #content .portlet-boundary .portlet {
  margin-bottom: 0;
}

.search-portlet-container {
  display: inline-block;
}
.search-portlet-container .portlet .search-input {
  padding: 0;
  border: none;
  box-shadow: none;
  height: auto;
  width: 50px;
}
.search-portlet-container .portlet .search-input::placeholder {
  color: var(--green-300);
  font-family: kievit, Helvetica, Arial, sans-serif;
  font-size: 36px;
  line-height: 48px;
}
.search-portlet-container .portlet .lfr-ddm-field-group {
  margin-bottom: 0;
  float: left;
}
.search-portlet-container .portlet .lfr-ddm-field-group .icon-monospaced a.lfr-icon-item {
  margin: 0;
}
.search-portlet-container .portlet .lfr-ddm-field-group .icon-monospaced a.lfr-icon-item .lexicon-icon-search {
  padding-top: 0;
}

@media (min-width: 768px) {
  .portlet-login {
    margin: 0 auto;
    width: 50%;
  }
}
.portlet-login .button-holder {
  text-align: center;
}

.product-menu.sidebar.sidebar-inverse.sidenav-menu h4 {
  font-size: 18px;
  font-weight: 400;
}
.product-menu.sidebar.sidebar-inverse.sidenav-menu h6 {
  font-size: 14px;
}

.portlet .portlet-topper {
  z-index: 1030;
}

.add-portlet-message h4,
.list-group-item-content h4 {
  line-height: 32px;
  padding: 10px 40px 10px 24px;
  margin: 0;
  font-size: 16px;
}
.add-portlet-message h6,
.add-portlet-message h5,
.list-group-item-content h6,
.list-group-item-content h5 {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 16px;
  padding-left: 24px;
  padding-right: 28px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.add-portlet-message img + span,
.add-portlet-message svg + span,
.list-group-item-content img + span,
.list-group-item-content svg + span {
  margin-left: 5px;
  line-height: 16px;
  display: inline-block;
}

.input-group.search-bar input + .input-group-btn {
  padding: 10px;
}

.list-group-item-content h5,
.list-group-item-content h6 {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
  margin: 0;
}

.display-style-bar {
  padding: 15px;
}
.display-style-bar .list-group-item-content {
  padding: 0;
}
.display-style-bar .text-default {
  line-height: 1.4;
}

.columns-1-2-1 .portlet-layout:nth-child(2).row {
  display: flex;
  max-width: 1170px;
  margin: auto !important;
  float: none;
  padding-bottom: 10px;
}
.columns-1-2-1 .portlet-layout:nth-child(2).row .col-md-6:nth-child(1) {
  padding-left: 0;
}
.columns-1-2-1 .portlet-layout:nth-child(2).row .col-md-6:nth-child(2) {
  padding-right: 0;
}
@media (max-width: 991px) {
  .columns-1-2-1 .portlet-layout:nth-child(2).row {
    display: block;
  }
  .columns-1-2-1 .portlet-layout:nth-child(2).row .col-md-6:nth-child(1) {
    float: left;
    width: 100%;
    padding-left: 15px;
    margin-bottom: 0;
  }
  .columns-1-2-1 .portlet-layout:nth-child(2).row .col-md-6:nth-child(2) {
    margin-top: 15px;
    float: left;
    width: 100%;
    padding-right: 15px;
    /*display: none;*/
  }
}

body.signed-in.has-control-menu .page-wrapper#wrapper {
  padding-top: 0;
}
@media (max-width: 1100px) {
  body.signed-in.has-control-menu .page-wrapper#wrapper {
    margin-top: 0;
  }
}
body.signed-in.has-control-menu .page-wrapper#wrapper .navbar {
  margin-top: 56px !important;
  padding-top: 0;
}
@media (max-width: 1100px) {
  body.signed-in.has-control-menu .page-wrapper#wrapper .navbar {
    margin-top: 0 !important;
    top: 48px !important;
  }
}
@media (max-width: 1100px) {
  body.signed-in.has-control-menu .page-wrapper#wrapper.content-online-mobile .content-button-online-mobile {
    top: 48px;
  }
}
@media (max-width: 1100px) {
  body.signed-in.has-control-menu .page-wrapper#wrapper.content-online-mobile .navbar {
    margin-top: 48px !important;
  }
}

.portlet-asset-publisher .taglib-categorization-filter {
  display: none;
}
.portlet-asset-publisher .asset-full-content > .align-items-center {
  display: none !important;
}
.portlet-asset-publisher .portlet-body {
  /* FIX https://bper-it.atlassian.net/browse/BPER2-31
  	Spazio tra breadcrumbs e dettaglio articolo (margin dell'h2)
  */
}
.portlet-asset-publisher .portlet-body > div > h2 {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
  padding: 0;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .portlet-asset-publisher .portlet-body > div > h2 {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  .portlet-asset-publisher .portlet-body > div > h2 {
    width: 100%;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
.portlet-asset-publisher .portlet-body > div > .h2 {
  margin: 0;
}

.portal-popup .affix {
  position: relative;
}

body.signed-in .control-menu {
  z-index: 991;
}
body.signed-in .modal {
  z-index: 995;
}

body.locked {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
}

.lfr-product-menu-panel.sidenav-menu-slider,
.lfr-admin-panel.sidenav-menu-slider {
  z-index: 1201 !important;
}

.header-back-to {
  /*remove arrow-text go back in asset publisher detail*/
  display: none;
}
.header-back-to + span {
  display: none;
}

.taglib-social-bookmarks {
  display: none;
}

.search-portlet-container {
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}

body .portlet-column-content.empty {
  padding: 0;
}

.col-md-6.portlet-column {
  margin-bottom: 35px;
}
.col-md-6.portlet-column .portlet-boundary {
  margin-top: 35px;
}
@media (max-width: 991px) {
  .col-md-6.portlet-column .portlet-boundary {
    margin-top: 0;
  }
}

.page-wrapper #content .portlet-nested-portlets {
  position: relative;
  margin: 0 auto;
  height: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
}
.page-wrapper #content .portlet-nested-portlets > section {
  width: 100%;
  max-width: 1170px;
}
.page-wrapper #content .portlet-nested-portlets .bper-wrapper {
  max-width: 100%;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .page-wrapper #content .portlet-nested-portlets .bper-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .page-wrapper #content .portlet-nested-portlets .bper-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1199px) and (min-width: 376px) {
  .page-wrapper #content .portlet-nested-portlets {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  .page-wrapper #content .portlet-nested-portlets {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.page-wrapper #content .portlet-nested-portlets.bper-wrapper-inverse {
  margin-bottom: -1px;
}
.page-wrapper #content .portlet-nested-portlets .app-download {
  padding: 0 25px;
}
.page-wrapper #content .portlet-nested-portlets .portlet-body .columns-2 .portlet-layout {
  display: flex;
}
@media (max-width: 991px) {
  .page-wrapper #content .portlet-nested-portlets .portlet-body .columns-2 .portlet-layout {
    display: block;
  }
}
.page-wrapper #content .portlet-nested-portlets .portlet-body .columns-2 .portlet-layout > div {
  /*position: relative;
  margin-left: 15px;
  margin-right: 15px;
  padding: 0;
  width: calc(50% - 30px);
  float: left;

  @media (max-width: 991px) {
  	width: 100%;
  	margin-left: 0;
  	margin-right: 0;
  	margin-bottom: 15px;
  	overflow: hidden;
  }*/
  /*
  .portlet-boundary{
  	position: static !important;
  	.portlet{
  		position: static;
  		.portlet-body{
  			.journal-content-article{
  				&>div{
  					position: absolute;
  					height: 100%;
  				}
  			}
  		}
  	}
  }*/
}
.page-wrapper #content .portlet-nested-portlets .portlet-body .columns-2 .portlet-layout > div .bper-wrapper {
  margin: 0;
  padding: 0;
}
.page-wrapper #content .portlet-nested-portlets .portlet-body .columns-2 .portlet-layout > div .portlet-boundary {
  margin-top: 0;
}

body .dialog-with-footer .button-holder.dialog-footer {
  background: #fff !important;
  position: relative;
}

.portlet-icon-back {
  display: none;
}

.dialog-iframe-popup .lfr-form-content {
  position: relative !important;
}

.loadingmask-content {
  background: none;
}

.dialog-with-footer .button-holder.dialog-footer {
  position: relative;
}

.taglib-portlet-preview.show-borders {
  float: left;
}

/*@media only (min-width: 768px) {*/
@media (min-width: 768px) {
  .dialog-iframe-popup .navbar ~ .portlet-configuration-setup,
  .dialog-iframe-popup .portlet-export-import-container {
    height: calc(100% - 78px);
  }
}
.datepicker-popover.popover {
  z-index: 1300 !important;
}

body.signed-in #wrapper .portlet-layout .portlet-dropzone.gray {
  min-height: 200px;
  background: rgba(240, 240, 240, 0.2);
  border: #f3f3f3 solid 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

body.signed-in #wrapper .portlet-dropzone.empty {
  min-height: 100px;
}
@media (max-width: 799px) {
  body.signed-in #wrapper .portlet-dropzone.empty {
    min-height: 50px;
  }
}

@media (max-width: 799px) {
  body #wrapper .portlet-dropzone.empty {
    min-height: 50px;
  }
}

.product-menu .list-group a .collapse-icon-open svg,
.product-menu .list-group a .collapse-icon-closed svg {
  /*position: absolute;
  top: 50%;
  transform: translateY(-50%);*/
}

body > .LPMcontainer.LPMoverlay {
  display: none !important;
}

.hide-accessible {
  display: none;
}

/**
 * Clay 3.84.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
/**
* Lexicon 1.0.14
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
:root {
  --blue: #4b9fff;
  --indigo: #7785ff;
  --purple: #af78ff;
  --pink: #ff73c3;
  --red: #ff5f5f;
  --orange: #ffb46e;
  --yellow: #ffd76e;
  --green: #9be169;
  --teal: #50d2a0;
  --cyan: #5fc8ff;
  --white: #fff;
  --gray: #6b6c7e;
  --gray-dark: #393a4a;
  --primary: #005D44;
  --secondary: #6b6c7e;
  --success: #287d3c;
  --info: #2e5aac;
  --warning: #b95000;
  --danger: #da1414;
  --light: #f1f2f5;
  --dark: #272833;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1280px;
  --breakpoint-xxl: 1440px;
  --font-family-sans-serif: "DIN-Regular", Helvetica, Arial, sans-serif;
  --font-family-monospace: sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
}

/* SPDX-SnippetBegin
 * SPDX-License-Identifier: MIT
 * SPDX-SnippetCopyrightText: © 2016 Nicolas Gallagher and Jonathan Neal <https://github.com/necolas/normalize.css>
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(7, 29, 31, 0);
}

main {
  display: block;
}

body {
  background-color: var(--body-bg, #fff);
  color: var(--body-color, #344243);
  font-family: var(--font-family-base, "DIN-Regular", Helvetica, Arial, sans-serif);
  font-size: var(--font-size-base, 1.125rem);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: var(--font-weight-normal, 400);
  line-height: 1.5;
  margin: 0;
  -ms-overflow-style: scrollbar;
  text-align: inherit;
}
@media (max-width: 767.98px) {
  body {
    font-size: 1.125rem;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5rem;
  margin-top: 0;
}

p {
  margin-bottom: 1rem;
  margin-top: 0;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  text-decoration: underline;
  text-decoration: underline dotted;
  text-decoration-skip-ink: none;
}

address {
  font-style: normal;
  margin-bottom: 1rem;
}

ol,
ul,
dl {
  margin-bottom: 1rem;
  margin-top: 0;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: var(--font-weight-bold, 700);
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: var(--font-weight-bolder, 900);
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #005D44;
  text-decoration: none;
}
a:hover {
  color: #002a1f;
  text-decoration: underline;
}
pre,
code,
kbd,
samp {
  font-family: sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
}

pre {
  margin-bottom: 1rem;
  margin-top: 0;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

input,
button,
select,
optgroup,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

button,
input {
  overflow: visible;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
}

fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
}

legend {
  color: inherit;
  display: block;
  font-size: 1.5rem;
  line-height: inherit;
  margin-bottom: 0.5rem;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  width: 100%;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

/* SPDX-SnippetEnd */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: var(--primary-400, #005D44);
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.2;
  margin-bottom: 0.5rem;
}

h1,
.h1 {
  font-size: var(--h1-font-size, 4rem);
}
h2,
.h2 {
  font-size: var(--h2-font-size, 2rem);
}
h3,
.h3 {
  font-size: var(--h3-font-size, 2.625rem);
}
h4,
.h4 {
  font-size: var(--h4-font-size, 1.375rem);
}
h5,
.h5 {
  font-size: var(--h5-font-size, 1.5rem);
}
h6,
.h6 {
  font-size: var(--h6-font-size, 1.75rem);
}
.lead {
  font-size: var(--lead-font-size, 1.40625rem);
  font-weight: var(--lead-font-weight, 400);
}

.display-1 {
  font-size: var(--display1-size, 6rem);
  font-weight: var(--display1-weight, 300);
  line-height: var(--display-line-height, 1.2);
}

.display-2 {
  font-size: var(--display2-size, 5.5rem);
  font-weight: var(--display2-weight, 300);
  line-height: var(--display-line-height, 1.2);
}

.display-3 {
  font-size: var(--display3-size, 4.5rem);
  font-weight: var(--display3-weight, 300);
  line-height: var(--display-line-height, 1.2);
}

.display-4 {
  font-size: var(--display4-size, 3.5rem);
  font-weight: var(--display4-weight, 300);
  line-height: var(--display-line-height, 1.2);
}

hr {
  border-color: var(--hr-border-color, rgba(7, 29, 31, 0.1));
  border-style: solid;
  border-width: var(--hr-border-width, 0.0625rem) 0 0 0;
  margin-bottom: var(--hr-margin-y, 1rem);
  margin-top: var(--hr-margin-y, 1rem);
}

small,
.small {
  font-size: 0.875rem;
  font-weight: var(--font-weight-normal, 400);
}

mark,
.mark {
  background-color: #fcf8e3;
  box-decoration-break: clone;
  box-shadow: -0.25em 0 0 #fcf8e3;
  display: inline;
  line-height: normal;
  padding: 2px 0.25em 3px 0;
  position: relative;
  white-space: pre-wrap;
}
mark:before,
.mark:before {
  background-color: #fcf8e3;
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  right: 100%;
  top: 0;
  width: 0.25em;
  z-index: -1;
}

.list-unstyled {
  list-style: none;
  padding-left: 0;
}

.list-inline {
  list-style: none;
  padding-left: 0;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  font-size: var(--blockquote-font-size, 1.40625rem);
  margin-bottom: 1rem;
}

.blockquote-footer {
  color: var(--blockquote-small-color, #6b6c7e);
  display: block;
  font-size: var(--blockquote-small-font-size, 0.875rem);
}
.blockquote-footer::before {
  content: "— ";
}

b {
  font-weight: var(--font-weight-semi-bold, 500);
}

strong {
  font-weight: var(--font-weight-semi-bold, 500);
}

.reference-mark {
  display: inline-block;
  font-size: 0.75rem;
  position: relative;
  vertical-align: super;
}
.reference-mark.lexicon-icon {
  vertical-align: super;
}

.c-kbd-group {
  font-size: 0.875rem;
}
.c-kbd-group > .c-kbd {
  font-size: inherit;
}

.c-kbd {
  background-color: transparent;
  border-radius: 2px;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  color: inherit;
  display: inline-block;
  font-family: DIN-Regular, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  height: 1.5rem;
  line-height: 1.375rem;
  min-width: 1.5rem;
  padding-bottom: 0;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  padding-top: 0;
  text-align: center;
  text-transform: capitalize;
}

.c-kbd > .c-kbd {
  border-width: 0px;
  font-size: inherit;
  font-weight: inherit;
  height: auto;
  line-height: inherit;
  min-width: 0;
  padding: 0;
}
.c-kbd > .c-kbd[class*=c-kbd-] {
  border-width: inherit;
  height: inherit;
  min-width: inherit;
  padding: inherit;
}
.c-kbd > .c-kbd[class*=c-kbd-]:first-child {
  margin-left: -0.3125rem;
}
.c-kbd > .c-kbd[class*=c-kbd-]:last-child {
  margin-right: -0.3125rem;
}
.c-kbd > .c-kbd.c-kbd-monospaced {
  padding: 0;
}
.c-kbd > .c-kbd-separator {
  font-weight: var(--font-weight-normal, 400);
}

.c-kbd-monospaced {
  padding: 0;
}

.c-kbd-inline {
  border-width: 0px;
  font-weight: var(--font-weight-light, 300);
  height: auto;
  line-height: inherit;
  min-width: 0;
  padding: 0;
}
.c-kbd-inline .c-kbd-separator {
  font-weight: inherit;
}

.c-kbd-sm,
.c-kbd.c-kbd-sm {
  font-size: 0.75rem;
}

.c-kbd-group-sm {
  font-size: 0.75rem;
}
.c-kbd-lg,
.c-kbd.c-kbd-lg {
  font-size: 1rem;
}

.c-kbd-group-lg {
  font-size: 1rem;
}
.c-kbd-group-light {
  color: #6b6c7e;
}

.c-kbd-light {
  background-color: #fff;
  border-color: #cdced9;
  color: #6b6c7e;
}

.c-kbd-group-dark {
  color: #fff;
}

.c-kbd-dark {
  background-color: #393a4a;
  border-color: #393a4a;
  color: #fff;
}

.text-truncate {
  display: block;
}

.text-truncate-inline {
  display: inline-flex;
  max-width: 100%;
}
.text-truncate-inline .text-truncate {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
  word-wrap: normal;
}

code {
  color: #ff73c3;
  font-size: 87.5%;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  background-color: #272833;
  border-radius: var(--border-radius-sm, 0.1875rem);
  box-shadow: inset 0 -0.1rem 0 rgba(7, 29, 31, 0.25);
  color: #fff;
  font-size: 87.5%;
  padding: 0.2rem 0.4rem;
}
kbd kbd {
  box-shadow: none;
  font-size: 100%;
  font-weight: var(--font-weight-bold, 700);
  padding: 0;
}

pre {
  color: #272833;
  display: block;
  font-size: 87.5%;
}
pre code {
  color: inherit;
  font-size: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

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

.img-thumbnail {
  background-color: var(--body-bg, #fff);
  border: 0.0625rem solid #e7e7ed;
  border-radius: 0.25rem;
  box-shadow: 0 1px 2px rgba(7, 29, 31, 0.075);
  height: auto;
  max-width: 100%;
  padding: 0.25rem;
}

.figure {
  display: inline-block;
}

.figure-img {
  line-height: 1;
  margin-bottom: 0.5rem;
}

.figure-caption {
  color: #6b6c7e;
  font-size: 90%;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.carousel-inner::after {
  clear: both;
  content: "";
  display: block;
}

.carousel-item {
  backface-visibility: hidden;
  display: none;
  float: left;
  margin-right: -100%;
  position: relative;
  transition: transform 0.6s ease-in-out;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transform: none;
  transition-property: opacity;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
  z-index: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
  transition: opacity 0s 0.6s;
  z-index: 0;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  align-items: center;
  bottom: 0;
  color: #fff;
  display: flex;
  justify-content: center;
  opacity: 0.5;
  position: absolute;
  text-align: center;
  top: 0;
  transition: opacity 0.15s ease;
  width: 15%;
  z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  opacity: 0.9;
  outline: 0;
  text-decoration: none;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background: no-repeat 50%/100% 100%;
  display: inline-block;
  height: 20px;
  width: 20px;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23fff'%20width='8'%20height='8'%20viewBox='0%200%208%208'%3E%3Cpath%20d='M5.25%200l-4%204%204%204%201.5-1.5L4.25%204l2.5-2.5L5.25%200z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23fff'%20width='8'%20height='8'%20viewBox='0%200%208%208'%3E%3Cpath%20d='M2.75%200l-1.5%201.5L3.75%204l-2.5%202.5L2.75%208l4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  list-style: none;
  margin-left: 15%;
  margin-right: 15%;
  padding-left: 0;
  position: absolute;
  right: 0;
  z-index: 15;
}
.carousel-indicators li {
  background-clip: padding-box;
  background-color: #fff;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  box-sizing: content-box;
  cursor: pointer;
  flex: 0 1 auto;
  height: 3px;
  margin-left: 3px;
  margin-right: 3px;
  opacity: 0.5;
  text-indent: -999px;
  transition: opacity 0.6s ease;
  width: 30px;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.jumbotron {
  background-color: #f1f2f5;
  border-radius: var(--border-radius-lg, 0.375rem);
  margin-bottom: 2rem;
  padding: 2rem 1rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  animation: spinner-border 0.75s linear infinite;
  border-color: currentColor transparent currentColor currentColor;
  border-radius: 50%;
  border-style: solid;
  border-width: 0.25em;
  display: inline-block;
  height: 2rem;
  vertical-align: text-bottom;
  width: 2rem;
}

.spinner-border-sm {
  border-width: 0.2em;
  height: 1rem;
  width: 1rem;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}
.spinner-grow {
  animation: spinner-grow 0.75s linear infinite;
  background-color: currentColor;
  border-radius: 50%;
  display: inline-block;
  height: 2rem;
  opacity: 0;
  vertical-align: text-bottom;
  width: 2rem;
}

.spinner-grow-sm {
  height: 1rem;
  width: 1rem;
}

.toast {
  backdrop-filter: blur(10px);
  background-clip: padding-box;
  background-color: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  box-shadow: 0 0.25rem 0.75rem rgba(7, 29, 31, 0.1);
  font-size: 0.875rem;
  max-width: 350px;
  opacity: 0;
  overflow: hidden;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}

.toast-header {
  align-items: center;
  background-clip: padding-box;
  background-color: rgba(255, 255, 255, 0.85);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  color: #6b6c7e;
  display: flex;
  padding: 0.25rem 0.75rem;
}

.toast-body {
  padding: 0.75rem;
}

.lexicon-icon {
  display: inline-block;
  fill: currentColor;
  height: 1em;
  margin-top: -3px;
  vertical-align: middle;
  width: 1em;
}

.lexicon-icon-sm {
  font-size: 0.5rem;
}

.lexicon-icon-lg {
  font-size: 2rem;
}

.lexicon-icon-xl {
  font-size: 8rem;
}

.order-arrow-down-active .order-arrow-arrow-down {
  fill: #a7a9bc;
}

.order-arrow-up-active .order-arrow-arrow-up {
  fill: #a7a9bc;
}

a.collapse-icon,
button.collapse-icon {
  padding-right: 2.28125rem;
}
a.collapse-icon .c-inner,
button.collapse-icon .c-inner {
  margin-right: -2.28125rem;
}

.collapse-icon-closed .lexicon-icon,
.collapse-icon-open .lexicon-icon {
  display: block;
}

.collapse-icon .collapse-icon-closed,
.collapse-icon .collapse-icon-open {
  height: 1em;
  position: absolute;
  right: 0.9375rem;
  top: calc(0.625rem + 0.0625rem + (((0.9375em * 1.5) - 1em) * 0.5));
  width: 1em;
}
.collapse-icon .collapse-icon-closed .lexicon-icon,
.collapse-icon .collapse-icon-open .lexicon-icon {
  margin-top: 0;
}
.collapse-icon .collapse-icon-closed {
  display: none;
}
.collapse-icon .collapse-icon-open {
  display: inline-block;
}

.collapsed .collapse-icon-closed {
  display: inline-block;
}
.collapsed .collapse-icon-open {
  display: none;
}

.collapse-icon.collapse-icon-middle .collapse-icon-closed,
.collapse-icon.collapse-icon-middle .collapse-icon-open {
  margin-top: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.aspect-ratio {
  display: block;
  overflow: hidden;
  position: relative;
  padding-bottom: calc(1 / 1 * 100%);
}

.aspect-ratio-item {
  left: 0;
  position: absolute;
  word-wrap: break-word;
}

.aspect-ratio-item-fluid, .sticker-img {
  max-width: 100%;
  position: absolute;
  word-wrap: break-word;
}

.aspect-ratio-item-vertical-fluid {
  max-height: 100%;
  position: absolute;
  word-wrap: break-word;
}

.aspect-ratio-item-flush {
  max-width: none;
  position: absolute;
  width: 100.6%;
}

.aspect-ratio-item-vertical-flush {
  height: 100.6%;
  max-height: none;
  position: absolute;
}

.aspect-ratio-item-top-left {
  position: absolute;
  bottom: auto;
  left: 0;
  right: auto;
  top: 0;
}

.aspect-ratio-item-top-center {
  position: absolute;
  bottom: auto;
  left: 50%;
  right: auto;
  top: 0;
  transform: translateX(-50%);
}

.aspect-ratio-item-top-right {
  position: absolute;
  bottom: auto;
  left: auto;
  right: 0;
  top: 0;
}

.aspect-ratio-item-right-middle {
  position: absolute;
  bottom: auto;
  left: auto;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.aspect-ratio-item-bottom-right {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  top: auto;
}

.aspect-ratio-item-bottom-center {
  position: absolute;
  bottom: 0;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}

.aspect-ratio-item-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
}

.aspect-ratio-item-left-middle {
  position: absolute;
  bottom: auto;
  left: 0;
  right: auto;
  top: 50%;
  transform: translateY(-50%);
}

.aspect-ratio-item-center-middle, .sticker-img {
  position: absolute;
  bottom: auto;
  left: 50%;
  right: auto;
  top: 50%;
  transform: translate(-50%, -50%);
}

.aspect-ratio-3-to-2 {
  padding-bottom: calc(2 / 3 * 100%);
}

.aspect-ratio-4-to-3 {
  padding-bottom: calc(3 / 4 * 100%);
}

.aspect-ratio-8-to-3 {
  padding-bottom: calc(3 / 8 * 100%);
}

.aspect-ratio-8-to-5 {
  padding-bottom: calc(5 / 8 * 100%);
}

.aspect-ratio-16-to-9 {
  padding-bottom: calc(9 / 16 * 100%);
}

.aspect-ratio-bg-contain {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.aspect-ratio-bg-cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.aspect-ratio-bg-center {
  background-position: center;
  background-repeat: no-repeat;
}

.btn {
  background-color: transparent;
  border-color: transparent;
  border-style: solid;
  border-width: 0.0625rem;
  border-radius: 0.25rem;
  box-shadow: none;
  color: var(--body-color, #344243);
  cursor: pointer;
  display: inline-block;
  font-size: 1.125rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.5;
  padding-bottom: 0.4375rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-top: 0.4375rem;
  text-align: center;
  text-transform: none;
  transition: all 0.2s ease-in-out;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--body-color, #344243);
  text-decoration: none;
}
.btn:focus, .btn.focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.btn:active:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.btn:disabled, .btn.disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.btn:disabled:focus, .btn.disabled:focus {
  box-shadow: none;
}
.btn:disabled:active, .btn.disabled:active {
  pointer-events: none;
}
.btn .c-inner {
  margin-bottom: -0.4375rem;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
  margin-top: -0.4375rem;
}
.btn .inline-item {
  line-height: 1;
  margin-top: -3px;
}
.btn .inline-item .lexicon-icon {
  margin-top: 0;
}
.btn .btn-section {
  display: block;
  font-size: 0.6875rem;
  font-weight: var(--font-weight-normal, 400);
  line-height: 1;
}
fieldset:disabled a.btn {
  cursor: not-allowed;
  opacity: 0.4;
}
fieldset:disabled a.btn:focus {
  box-shadow: none;
}
fieldset:disabled a.btn:active {
  pointer-events: none;
}

.btn-xs {
  font-size: 0.75rem;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
}
.btn-xs .c-inner {
  margin-bottom: -0.125rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: -0.125rem;
}
.btn-xs .inline-item {
  font-size: inherit;
  margin-top: -3px;
}
.btn-xs .inline-item-before {
  margin-right: 0.25rem;
}
.btn-xs .inline-item-after {
  margin-left: 0.25rem;
}
.btn-xs .btn-section {
  font-size: 0.375rem;
}
.btn-lg, .btn-group-lg > .btn,
.btn-group-lg .btn-group > .btn {
  border-radius: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.5;
  padding-bottom: 0.59375rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.59375rem;
}
.btn-lg .c-inner, .btn-group-lg > .btn .c-inner,
.btn-group-lg .btn-group > .btn .c-inner {
  margin-bottom: -0.59375rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-top: -0.59375rem;
}
.btn-lg .inline-item, .btn-group-lg > .btn .inline-item,
.btn-group-lg .btn-group > .btn .inline-item {
  font-size: 1.125rem;
}
.btn-lg .btn-section, .btn-group-lg > .btn .btn-section,
.btn-group-lg .btn-group > .btn .btn-section {
  font-size: 0.8125rem;
}
.btn-sm, .btn-group-sm > .btn,
.btn-group-sm .btn-group > .btn, .form-group-sm .btn {
  border-radius: var(--border-radius-sm, 0.1875rem);
  font-size: 0.875rem;
  line-height: 1.15;
  padding-bottom: 0.4375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.4375rem;
}
.btn-sm .c-inner, .btn-group-sm > .btn .c-inner,
.btn-group-sm .btn-group > .btn .c-inner, .form-group-sm .btn .c-inner {
  margin-bottom: -0.4375rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.4375rem;
}
.btn-sm .lexicon-icon, .btn-group-sm > .btn .lexicon-icon,
.btn-group-sm .btn-group > .btn .lexicon-icon, .form-group-sm .btn .lexicon-icon {
  font-size: 1rem;
}
.btn-sm .btn-section, .btn-group-sm > .btn .btn-section,
.btn-group-sm .btn-group > .btn .btn-section, .form-group-sm .btn .btn-section {
  font-size: 0.5625rem;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}

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

.btn-unstyled, .menubar-toggler {
  background-color: rgba(0, 0, 0, 0.001);
  border-width: 0;
  cursor: pointer;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  max-width: 100%;
  padding: 0;
  text-align: left;
  text-transform: inherit;
  vertical-align: baseline;
}
.btn-unstyled .c-inner, .menubar-toggler .c-inner {
  margin: 0;
  max-width: none;
}
.btn-monospaced.btn-xs {
  height: 1.5rem;
  width: 1.5rem;
}
.btn-monospaced {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  height: 2.5rem;
  justify-content: center;
  line-height: 1;
  overflow: hidden;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  text-align: center;
  white-space: normal;
  width: 2.5rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.btn-monospaced .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 0;
  width: 100%;
}
.btn-monospaced .lexicon-icon {
  margin-top: 0;
}
.btn-monospaced .inline-item {
  margin-top: 0;
}
.btn-monospaced.btn-lg, .btn-group-lg .btn-monospaced, .btn-group-vertical > .btn-monospaced.btn-lg {
  height: 3rem;
  width: 3rem;
}
.btn-monospaced.btn-sm, .btn-group-sm .btn-monospaced, .btn-group-vertical > .btn-monospaced.btn-sm {
  height: 2rem;
  width: 2rem;
}
.btn-primary {
  background-color: var(--btn-primary-background-color, #E8D646);
  border-color: var(--btn-primary-border-color, #E8D646);
  color: var(--btn-primary-color, #071D1F);
}
.btn-primary:hover {
  background-color: var(--btn-primary-hover-background-color, #CAB402);
  border-color: var(--btn-primary-hover-border-color, #CAB402);
  color: var(--btn-primary-hover-color, #071D1F);
}
.btn-primary:disabled, .disabled.btn-primary {
  border-color: #bcb6af;
  color: #bcb6af;
}
.form-file-input:focus + .btn-primary {
  background-color: #004331;
}
.btn-secondary {
  background-color: var(--btn-secondary-background-color, #fff);
  border-color: var(--btn-secondary-border-color, #cdced9);
  color: var(--btn-secondary-color, #6b6c7e);
}
.btn-secondary:hover {
  background-color: var(--btn-secondary-hover-background-color, #f7f8f9);
  border-color: var(--btn-secondary-hover-border-color, #cdced9);
  color: var(--btn-secondary-hover-color, #272833);
}
.form-file-input:focus + .btn-secondary {
  background-color: #f7f8f9;
  border-color: #cdced9;
  color: #272833;
}
.btn-success {
  background-color: #287d3c;
  border-color: #287d3c;
  color: #fff;
}
.btn-success:hover {
  background-color: #226a33;
  border-color: transparent;
  color: #fff;
}
.btn-success:focus, .focus.btn-success {
  background-color: #226a33;
  border-color: transparent;
  color: #fff;
}
.btn-success:active {
  background-color: #1c5629;
  border-color: transparent;
  color: #fff;
}
.active.btn-success {
  background-color: #1c5629;
  border-color: transparent;
  color: #fff;
}
.btn-success:disabled, .disabled.btn-success {
  background-color: #287d3c;
  border-color: #287d3c;
  color: #fff;
}
[aria-expanded=true].btn-success, .show.btn-success {
  background-color: #1c5629;
  border-color: transparent;
  color: #fff;
}
.form-file-input:focus + .btn-success {
  background-color: #226a33;
  border-color: transparent;
  color: #fff;
}
.btn-info {
  background-color: #2e5aac;
  border-color: #2e5aac;
  color: #fff;
}
.btn-info:hover {
  background-color: #294f98;
  border-color: transparent;
  color: #fff;
}
.btn-info:focus, .focus.btn-info {
  background-color: #294f98;
  border-color: transparent;
  color: #fff;
}
.btn-info:active {
  background-color: #234584;
  border-color: transparent;
  color: #fff;
}
.active.btn-info {
  background-color: #234584;
  border-color: transparent;
  color: #fff;
}
.btn-info:disabled, .disabled.btn-info {
  background-color: #2e5aac;
  border-color: #2e5aac;
  color: #fff;
}
[aria-expanded=true].btn-info, .show.btn-info {
  background-color: #234584;
  border-color: transparent;
  color: #fff;
}
.btn-warning {
  background-color: #b95000;
  border-color: #b95000;
  color: #fff;
}
.btn-warning:hover {
  background-color: #9f4500;
  border-color: transparent;
  color: #fff;
}
.btn-warning:focus, .focus.btn-warning {
  background-color: #9f4500;
  border-color: transparent;
  color: #fff;
}
.btn-warning:active {
  background-color: #863a00;
  border-color: transparent;
  color: #fff;
}
.active.btn-warning {
  background-color: #863a00;
  border-color: transparent;
  color: #fff;
}
.btn-warning:disabled, .disabled.btn-warning {
  background-color: #b95000;
  border-color: #b95000;
  color: #fff;
}
[aria-expanded=true].btn-warning, .show.btn-warning {
  background-color: #863a00;
  border-color: transparent;
  color: #fff;
}
.form-file-input:focus + .btn-warning {
  background-color: #9f4500;
  border-color: transparent;
  color: #fff;
}
.btn-danger {
  background-color: #da1414;
  border-color: #da1414;
  color: #fff;
}
.btn-danger:hover {
  background-color: #c31212;
  border-color: transparent;
  color: #fff;
}
.btn-danger:focus, .focus.btn-danger {
  background-color: #c31212;
  border-color: transparent;
  color: #fff;
}
.btn-danger:active {
  background-color: #ab1010;
  border-color: transparent;
  color: #fff;
}
.active.btn-danger {
  background-color: #ab1010;
  border-color: transparent;
  color: #fff;
}
.btn-danger:disabled, .disabled.btn-danger {
  background-color: #da1414;
  border-color: #da1414;
  color: #fff;
}
[aria-expanded=true].btn-danger, .show.btn-danger {
  background-color: #ab1010;
  border-color: transparent;
  color: #fff;
}
.form-file-input:focus + .btn-danger {
  background-color: #c31212;
  border-color: transparent;
  color: #fff;
}
.btn-light {
  background-color: #f1f2f5;
  border-color: #f1f2f5;
  color: #272833;
}
.btn-light:hover {
  background-color: #e2e4ea;
  border-color: transparent;
  color: #272833;
}
.btn-light:focus, .focus.btn-light {
  background-color: #e2e4ea;
  border-color: transparent;
  color: #272833;
}
.btn-light:active {
  background-color: #d3d6e0;
  border-color: transparent;
  color: #272833;
}
.active.btn-light {
  background-color: #d3d6e0;
  border-color: transparent;
  color: #272833;
}
.btn-light:disabled, .disabled.btn-light {
  background-color: #f1f2f5;
  border-color: #f1f2f5;
  color: #272833;
}
[aria-expanded=true].btn-light, .show.btn-light {
  background-color: #d3d6e0;
  border-color: transparent;
  color: #272833;
}
.form-file-input:focus + .btn-light {
  background-color: #e2e4ea;
  border-color: transparent;
  color: #272833;
}
.btn-dark {
  background-color: #272833;
  border-color: #272833;
  color: #fff;
}
.btn-dark:hover {
  background-color: #1c1c24;
  border-color: transparent;
  color: #fff;
}
.btn-dark:focus, .focus.btn-dark {
  background-color: #1c1c24;
  border-color: transparent;
  color: #fff;
}
.btn-dark:active {
  background-color: #111116;
  border-color: transparent;
  color: #fff;
}
.active.btn-dark {
  background-color: #111116;
  border-color: transparent;
  color: #fff;
}
.btn-dark:disabled, .disabled.btn-dark {
  background-color: #272833;
  border-color: #272833;
  color: #fff;
}
[aria-expanded=true].btn-dark, .show.btn-dark {
  background-color: #111116;
  border-color: transparent;
  color: #fff;
}
.form-file-input:focus + .btn-dark {
  background-color: #1c1c24;
  border-color: transparent;
  color: #fff;
}
.btn-link {
  border-radius: 1px;
  color: var(--btn-link-color, #64B054);
  font-weight: var(--font-weight-normal, 400);
  text-decoration: none;
}
.btn-link:hover {
  color: var(--btn-link-hover-color, #ea862c);
  text-decoration: none;
}
.btn-link:focus, .focus.btn-link {
  text-decoration: none;
}
.btn-link:active {
  box-shadow: [none];
}
.active.btn-link {
  box-shadow: [none];
}
.btn-link:disabled, .disabled.btn-link {
  box-shadow: none;
  color: #bcb6af;
  text-decoration: none;
}
[aria-expanded=true].btn-link, .show.btn-link {
  box-shadow: [none];
}
.btn-outline-primary {
  border-color: var(--btn-outline-primary-border-color, #CAB402);
  color: var(--btn-outline-primary-color, #CAB402);
}
.btn-outline-primary:hover {
  background-color: var(--btn-outline-primary-hover-background-color, transparent);
  border-color: var(--btn-outline-primary-hover-border-color, #7C7212);
  color: var(--btn-outline-primary-hover-color, #7C7212);
}
.btn-outline-secondary {
  border-color: var(--btn-outline-secondary-border-color, #cdced9);
  color: var(--btn-outline-secondary-color, #6b6c7e);
  background-color: var(--btn-outline-secondary-background-color, transparent);
}
.btn-outline-secondary:hover {
  background-color: var(--btn-outline-secondary-hover-background-color, rgba(39, 40, 51, 0.03));
  border-color: var(--btn-outline-secondary-hover-border-color, transparent);
  color: var(--btn-outline-secondary-hover-color, #272833);
}
.btn-outline-success {
  border-color: #287d3c;
  color: #287d3c;
}
.btn-outline-success:hover {
  background-color: #226a33;
  border-color: #287d3c;
  color: #fff;
}
.btn-outline-success:focus, .focus.btn-outline-success {
  background-color: #226a33;
  color: #fff;
}
.btn-outline-success:active {
  background-color: #1c5629;
  border-color: #287d3c;
  color: #fff;
}
.active.btn-outline-success {
  background-color: #1c5629;
  border-color: #287d3c;
  color: #fff;
}
.btn-outline-success:disabled, .disabled.btn-outline-success {
  background-color: transparent;
  color: #287d3c;
}
[aria-expanded=true].btn-outline-success, .show.btn-outline-success {
  background-color: #1c5629;
  border-color: #287d3c;
  color: #fff;
}
.btn-outline-info {
  border-color: #2e5aac;
  color: #2e5aac;
}
.btn-outline-info:hover {
  background-color: #294f98;
  border-color: #2e5aac;
  color: #fff;
}
.btn-outline-info:focus, .focus.btn-outline-info {
  background-color: #294f98;
  color: #fff;
}
.btn-outline-info:active {
  background-color: #234584;
  border-color: #2e5aac;
  color: #fff;
}
.active.btn-outline-info {
  background-color: #234584;
  border-color: #2e5aac;
  color: #fff;
}
.btn-outline-info:disabled, .disabled.btn-outline-info {
  background-color: transparent;
  color: #2e5aac;
}
[aria-expanded=true].btn-outline-info, .show.btn-outline-info {
  background-color: #234584;
  border-color: #2e5aac;
  color: #fff;
}
.btn-outline-warning {
  border-color: #b95000;
  color: #b95000;
}
.btn-outline-warning:hover {
  background-color: #9f4500;
  border-color: #b95000;
  color: #fff;
}
.btn-outline-warning:focus, .focus.btn-outline-warning {
  background-color: #9f4500;
  color: #fff;
}
.btn-outline-warning:active {
  background-color: #863a00;
  border-color: #b95000;
  color: #fff;
}
.active.btn-outline-warning {
  background-color: #863a00;
  border-color: #b95000;
  color: #fff;
}
.btn-outline-warning:disabled, .disabled.btn-outline-warning {
  background-color: transparent;
  color: #b95000;
}
[aria-expanded=true].btn-outline-warning, .show.btn-outline-warning {
  background-color: #863a00;
  border-color: #b95000;
  color: #fff;
}
.btn-outline-danger {
  border-color: #da1414;
  color: #da1414;
}
.btn-outline-danger:hover {
  background-color: #c31212;
  border-color: #da1414;
  color: #fff;
}
.btn-outline-danger:focus, .focus.btn-outline-danger {
  background-color: #c31212;
  color: #fff;
}
.btn-outline-danger:active {
  background-color: #ab1010;
  border-color: #da1414;
  color: #fff;
}
.active.btn-outline-danger {
  background-color: #ab1010;
  border-color: #da1414;
  color: #fff;
}
.btn-outline-danger:disabled, .disabled.btn-outline-danger {
  background-color: transparent;
  color: #da1414;
}
[aria-expanded=true].btn-outline-danger, .show.btn-outline-danger {
  background-color: #ab1010;
  border-color: #da1414;
  color: #fff;
}
.btn-outline-light {
  border-color: #f1f2f5;
  color: #f1f2f5;
}
.btn-outline-light:hover {
  background-color: #e2e4ea;
  border-color: #f1f2f5;
  color: #272833;
}
.btn-outline-light:focus, .focus.btn-outline-light {
  background-color: #e2e4ea;
  color: #272833;
}
.btn-outline-light:active {
  background-color: #d3d6e0;
  border-color: #f1f2f5;
  color: #272833;
}
.active.btn-outline-light {
  background-color: #d3d6e0;
  border-color: #f1f2f5;
  color: #272833;
}
.btn-outline-light:disabled, .disabled.btn-outline-light {
  background-color: transparent;
  color: #f1f2f5;
}
[aria-expanded=true].btn-outline-light, .show.btn-outline-light {
  background-color: #d3d6e0;
  border-color: #f1f2f5;
  color: #272833;
}
.btn-outline-dark {
  border-color: #272833;
  color: #272833;
}
.btn-outline-dark:hover {
  background-color: #1c1c24;
  border-color: #272833;
  color: #fff;
}
.btn-outline-dark:focus, .focus.btn-outline-dark {
  background-color: #1c1c24;
  color: #fff;
}
.btn-outline-dark:active {
  background-color: #111116;
  border-color: #272833;
  color: #fff;
}
.active.btn-outline-dark {
  background-color: #111116;
  border-color: #272833;
  color: #fff;
}
.btn-outline-dark:disabled, .disabled.btn-outline-dark {
  background-color: transparent;
  color: #272833;
}
[aria-expanded=true].btn-outline-dark, .show.btn-outline-dark {
  background-color: #111116;
  border-color: #272833;
  color: #fff;
}
.btn-outline-borderless {
  border-color: transparent;
}
.btn-outline-borderless:hover {
  border-color: transparent;
}
.btn-outline-borderless:focus, .btn-outline-borderless.focus {
  border-color: transparent;
}
.btn-outline-borderless:disabled, .btn-outline-borderless.disabled {
  border-color: transparent;
}
.btn-outline-borderless:not(:disabled):not(.disabled):active {
  border-color: transparent;
}

.show > .btn-outline-borderless.dropdown-toggle {
  border-color: transparent;
}

.btn .loading-animation {
  font-size: 1em;
  margin-top: -0.1em;
}

.fade {
  transition: var(--transition-fade, opacity 0.15s linear);
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  position: relative;
  transition: var(--transition-collapse, height 0.35s ease);
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(30px * 0.5);
  padding-right: calc(30px * 0.5);
  width: 100%;
}
@media (min-width: 576px) {
  .container {
    max-width: var(--container-max-sm, 540px);
  }
}
@media (min-width: 768px) {
  .container {
    max-width: var(--container-max-md, 720px);
  }
}
@media (min-width: 992px) {
  .container {
    max-width: var(--container-max-lg, 960px);
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: var(--container-max-xl, 1248px);
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: var(--container-max-xl, 1408px);
  }
}

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(30px * 0.5);
  padding-right: calc(30px * 0.5);
  width: 100%;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: var(--container-max-sm, 540px);
  }
}
@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: var(--container-max-md, 720px);
  }
}
@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: var(--container-max-lg, 960px);
  }
}
@media (min-width: 1280px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: var(--container-max-xl, 1248px);
  }
}
@media (min-width: 1440px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: var(--container-max-xl, 1408px);
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.no-gutters {
  margin-left: 0;
  margin-right: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 calc(100% / 1);
  max-width: calc(100% / 1);
}

.row-cols-2 > * {
  flex: 0 0 calc(100% / 2);
  max-width: calc(100% / 2);
}

.row-cols-3 > * {
  flex: 0 0 calc(100% / 3);
  max-width: calc(100% / 3);
}

.row-cols-4 > * {
  flex: 0 0 calc(100% / 4);
  max-width: calc(100% / 4);
}

.row-cols-5 > * {
  flex: 0 0 calc(100% / 5);
  max-width: calc(100% / 5);
}

.row-cols-6 > * {
  flex: 0 0 calc(100% / 6);
  max-width: calc(100% / 6);
}

.col-auto {
  flex: 0 0 auto;
  max-width: 100%;
  width: auto;
}

.col-1 {
  flex: 0 0 calc(1 / 12 * 100%);
  max-width: calc(1 / 12 * 100%);
}

.col-2 {
  flex: 0 0 calc(2 / 12 * 100%);
  max-width: calc(2 / 12 * 100%);
}

.col-3 {
  flex: 0 0 calc(3 / 12 * 100%);
  max-width: calc(3 / 12 * 100%);
}

.col-4 {
  flex: 0 0 calc(4 / 12 * 100%);
  max-width: calc(4 / 12 * 100%);
}

.col-5 {
  flex: 0 0 calc(5 / 12 * 100%);
  max-width: calc(5 / 12 * 100%);
}

.col-6 {
  flex: 0 0 calc(6 / 12 * 100%);
  max-width: calc(6 / 12 * 100%);
}

.col-7 {
  flex: 0 0 calc(7 / 12 * 100%);
  max-width: calc(7 / 12 * 100%);
}

.col-8 {
  flex: 0 0 calc(8 / 12 * 100%);
  max-width: calc(8 / 12 * 100%);
}

.col-9 {
  flex: 0 0 calc(9 / 12 * 100%);
  max-width: calc(9 / 12 * 100%);
}

.col-10 {
  flex: 0 0 calc(10 / 12 * 100%);
  max-width: calc(10 / 12 * 100%);
}

.col-11 {
  flex: 0 0 calc(11 / 12 * 100%);
  max-width: calc(11 / 12 * 100%);
}

.col-12 {
  flex: 0 0 calc(12 / 12 * 100%);
  max-width: calc(12 / 12 * 100%);
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: calc(1 / 12 * 100%);
}

.offset-2 {
  margin-left: calc(2 / 12 * 100%);
}

.offset-3 {
  margin-left: calc(3 / 12 * 100%);
}

.offset-4 {
  margin-left: calc(4 / 12 * 100%);
}

.offset-5 {
  margin-left: calc(5 / 12 * 100%);
}

.offset-6 {
  margin-left: calc(6 / 12 * 100%);
}

.offset-7 {
  margin-left: calc(7 / 12 * 100%);
}

.offset-8 {
  margin-left: calc(8 / 12 * 100%);
}

.offset-9 {
  margin-left: calc(9 / 12 * 100%);
}

.offset-10 {
  margin-left: calc(10 / 12 * 100%);
}

.offset-11 {
  margin-left: calc(11 / 12 * 100%);
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 calc(100% / 1);
    max-width: calc(100% / 1);
  }
  .row-cols-sm-2 > * {
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
  }
  .row-cols-sm-3 > * {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
  .row-cols-sm-4 > * {
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
  }
  .row-cols-sm-5 > * {
    flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
  }
  .row-cols-sm-6 > * {
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
  }
  .col-sm-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%);
  }
  .col-sm-2 {
    flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%);
  }
  .col-sm-3 {
    flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
  }
  .col-sm-4 {
    flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%);
  }
  .col-sm-5 {
    flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%);
  }
  .col-sm-6 {
    flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%);
  }
  .col-sm-7 {
    flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%);
  }
  .col-sm-8 {
    flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
  .col-sm-9 {
    flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%);
  }
  .col-sm-10 {
    flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%);
  }
  .col-sm-11 {
    flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%);
  }
  .col-sm-12 {
    flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 100%);
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: calc(0 / 12 * 100%);
  }
  .offset-sm-1 {
    margin-left: calc(1 / 12 * 100%);
  }
  .offset-sm-2 {
    margin-left: calc(2 / 12 * 100%);
  }
  .offset-sm-3 {
    margin-left: calc(3 / 12 * 100%);
  }
  .offset-sm-4 {
    margin-left: calc(4 / 12 * 100%);
  }
  .offset-sm-5 {
    margin-left: calc(5 / 12 * 100%);
  }
  .offset-sm-6 {
    margin-left: calc(6 / 12 * 100%);
  }
  .offset-sm-7 {
    margin-left: calc(7 / 12 * 100%);
  }
  .offset-sm-8 {
    margin-left: calc(8 / 12 * 100%);
  }
  .offset-sm-9 {
    margin-left: calc(9 / 12 * 100%);
  }
  .offset-sm-10 {
    margin-left: calc(10 / 12 * 100%);
  }
  .offset-sm-11 {
    margin-left: calc(11 / 12 * 100%);
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 calc(100% / 1);
    max-width: calc(100% / 1);
  }
  .row-cols-md-2 > * {
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
  }
  .row-cols-md-3 > * {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
  .row-cols-md-4 > * {
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
  }
  .row-cols-md-5 > * {
    flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
  }
  .row-cols-md-6 > * {
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
  }
  .col-md-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%);
  }
  .col-md-2 {
    flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%);
  }
  .col-md-3 {
    flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
  }
  .col-md-4 {
    flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%);
  }
  .col-md-5 {
    flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%);
  }
  .col-md-6 {
    flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%);
  }
  .col-md-7 {
    flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%);
  }
  .col-md-8 {
    flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
  .col-md-9 {
    flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%);
  }
  .col-md-10 {
    flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%);
  }
  .col-md-11 {
    flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%);
  }
  .col-md-12 {
    flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 100%);
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: calc(0 / 12 * 100%);
  }
  .offset-md-1 {
    margin-left: calc(1 / 12 * 100%);
  }
  .offset-md-2 {
    margin-left: calc(2 / 12 * 100%);
  }
  .offset-md-3 {
    margin-left: calc(3 / 12 * 100%);
  }
  .offset-md-4 {
    margin-left: calc(4 / 12 * 100%);
  }
  .offset-md-5 {
    margin-left: calc(5 / 12 * 100%);
  }
  .offset-md-6 {
    margin-left: calc(6 / 12 * 100%);
  }
  .offset-md-7 {
    margin-left: calc(7 / 12 * 100%);
  }
  .offset-md-8 {
    margin-left: calc(8 / 12 * 100%);
  }
  .offset-md-9 {
    margin-left: calc(9 / 12 * 100%);
  }
  .offset-md-10 {
    margin-left: calc(10 / 12 * 100%);
  }
  .offset-md-11 {
    margin-left: calc(11 / 12 * 100%);
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 calc(100% / 1);
    max-width: calc(100% / 1);
  }
  .row-cols-lg-2 > * {
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
  }
  .row-cols-lg-3 > * {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
  .row-cols-lg-4 > * {
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
  }
  .row-cols-lg-5 > * {
    flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
  }
  .row-cols-lg-6 > * {
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
  }
  .col-lg-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%);
  }
  .col-lg-2 {
    flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%);
  }
  .col-lg-3 {
    flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
  }
  .col-lg-4 {
    flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%);
  }
  .col-lg-5 {
    flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%);
  }
  .col-lg-6 {
    flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%);
  }
  .col-lg-7 {
    flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%);
  }
  .col-lg-8 {
    flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
  .col-lg-9 {
    flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%);
  }
  .col-lg-10 {
    flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%);
  }
  .col-lg-11 {
    flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%);
  }
  .col-lg-12 {
    flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 100%);
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: calc(0 / 12 * 100%);
  }
  .offset-lg-1 {
    margin-left: calc(1 / 12 * 100%);
  }
  .offset-lg-2 {
    margin-left: calc(2 / 12 * 100%);
  }
  .offset-lg-3 {
    margin-left: calc(3 / 12 * 100%);
  }
  .offset-lg-4 {
    margin-left: calc(4 / 12 * 100%);
  }
  .offset-lg-5 {
    margin-left: calc(5 / 12 * 100%);
  }
  .offset-lg-6 {
    margin-left: calc(6 / 12 * 100%);
  }
  .offset-lg-7 {
    margin-left: calc(7 / 12 * 100%);
  }
  .offset-lg-8 {
    margin-left: calc(8 / 12 * 100%);
  }
  .offset-lg-9 {
    margin-left: calc(9 / 12 * 100%);
  }
  .offset-lg-10 {
    margin-left: calc(10 / 12 * 100%);
  }
  .offset-lg-11 {
    margin-left: calc(11 / 12 * 100%);
  }
}
@media (min-width: 1280px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 calc(100% / 1);
    max-width: calc(100% / 1);
  }
  .row-cols-xl-2 > * {
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
  }
  .row-cols-xl-3 > * {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
  .row-cols-xl-4 > * {
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
  }
  .row-cols-xl-5 > * {
    flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
  }
  .row-cols-xl-6 > * {
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
  }
  .col-xl-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%);
  }
  .col-xl-2 {
    flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%);
  }
  .col-xl-3 {
    flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
  }
  .col-xl-4 {
    flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%);
  }
  .col-xl-5 {
    flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%);
  }
  .col-xl-6 {
    flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%);
  }
  .col-xl-7 {
    flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%);
  }
  .col-xl-8 {
    flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
  .col-xl-9 {
    flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%);
  }
  .col-xl-10 {
    flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%);
  }
  .col-xl-11 {
    flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%);
  }
  .col-xl-12 {
    flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 100%);
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: calc(0 / 12 * 100%);
  }
  .offset-xl-1 {
    margin-left: calc(1 / 12 * 100%);
  }
  .offset-xl-2 {
    margin-left: calc(2 / 12 * 100%);
  }
  .offset-xl-3 {
    margin-left: calc(3 / 12 * 100%);
  }
  .offset-xl-4 {
    margin-left: calc(4 / 12 * 100%);
  }
  .offset-xl-5 {
    margin-left: calc(5 / 12 * 100%);
  }
  .offset-xl-6 {
    margin-left: calc(6 / 12 * 100%);
  }
  .offset-xl-7 {
    margin-left: calc(7 / 12 * 100%);
  }
  .offset-xl-8 {
    margin-left: calc(8 / 12 * 100%);
  }
  .offset-xl-9 {
    margin-left: calc(9 / 12 * 100%);
  }
  .offset-xl-10 {
    margin-left: calc(10 / 12 * 100%);
  }
  .offset-xl-11 {
    margin-left: calc(11 / 12 * 100%);
  }
}
@media (min-width: 1440px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 calc(100% / 1);
    max-width: calc(100% / 1);
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%);
  }
  .col-xxl-2 {
    flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%);
  }
  .col-xxl-3 {
    flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
  }
  .col-xxl-4 {
    flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%);
  }
  .col-xxl-5 {
    flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%);
  }
  .col-xxl-6 {
    flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%);
  }
  .col-xxl-7 {
    flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%);
  }
  .col-xxl-8 {
    flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
  .col-xxl-9 {
    flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%);
  }
  .col-xxl-10 {
    flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%);
  }
  .col-xxl-11 {
    flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%);
  }
  .col-xxl-12 {
    flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 100%);
  }
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-last {
    order: 13;
  }
  .order-xxl-0 {
    order: 0;
  }
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-6 {
    order: 6;
  }
  .order-xxl-7 {
    order: 7;
  }
  .order-xxl-8 {
    order: 8;
  }
  .order-xxl-9 {
    order: 9;
  }
  .order-xxl-10 {
    order: 10;
  }
  .order-xxl-11 {
    order: 11;
  }
  .order-xxl-12 {
    order: 12;
  }
  .offset-xxl-0 {
    margin-left: calc(0 / 12 * 100%);
  }
  .offset-xxl-1 {
    margin-left: calc(1 / 12 * 100%);
  }
  .offset-xxl-2 {
    margin-left: calc(2 / 12 * 100%);
  }
  .offset-xxl-3 {
    margin-left: calc(3 / 12 * 100%);
  }
  .offset-xxl-4 {
    margin-left: calc(4 / 12 * 100%);
  }
  .offset-xxl-5 {
    margin-left: calc(5 / 12 * 100%);
  }
  .offset-xxl-6 {
    margin-left: calc(6 / 12 * 100%);
  }
  .offset-xxl-7 {
    margin-left: calc(7 / 12 * 100%);
  }
  .offset-xxl-8 {
    margin-left: calc(8 / 12 * 100%);
  }
  .offset-xxl-9 {
    margin-left: calc(9 / 12 * 100%);
  }
  .offset-xxl-10 {
    margin-left: calc(10 / 12 * 100%);
  }
  .offset-xxl-11 {
    margin-left: calc(11 / 12 * 100%);
  }
}
.container-fluid-max-sm {
  max-width: var(--container-max-sm, 540px);
}
.container-fluid-max-md {
  max-width: var(--container-max-md, 720px);
}
.container-fluid-max-lg {
  max-width: var(--container-max-lg, 960px);
}
.container-fluid-max-xl {
  max-width: var(--container-max-xl, 1248px);
}
.container-fluid-max-xxl {
  max-width: var(--container-max-xl, 1408px);
}

.container-no-gutters {
  padding-left: 0;
  padding-right: 0;
}
.container-no-gutters > .row {
  margin-left: 0;
  margin-right: 0;
}
.container-no-gutters > .row > .col,
.container-no-gutters > .row > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 575.98px) {
  .container-no-gutters-sm-down {
    padding-left: 0;
    padding-right: 0;
  }
  .container-no-gutters-sm-down > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .container-no-gutters-sm-down > .row > .col,
  .container-no-gutters-sm-down > .row > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 767.98px) {
  .container-no-gutters-md-down {
    padding-left: 0;
    padding-right: 0;
  }
  .container-no-gutters-md-down > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .container-no-gutters-md-down > .row > .col,
  .container-no-gutters-md-down > .row > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 991.98px) {
  .container-no-gutters-lg-down {
    padding-left: 0;
    padding-right: 0;
  }
  .container-no-gutters-lg-down > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .container-no-gutters-lg-down > .row > .col,
  .container-no-gutters-lg-down > .row > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 1279.98px) {
  .container-no-gutters-xl-down {
    padding-left: 0;
    padding-right: 0;
  }
  .container-no-gutters-xl-down > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .container-no-gutters-xl-down > .row > .col,
  .container-no-gutters-xl-down > .row > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 1439.98px) {
  .container-no-gutters-xxl-down {
    padding-left: 0;
    padding-right: 0;
  }
  .container-no-gutters-xxl-down > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .container-no-gutters-xxl-down > .row > .col,
  .container-no-gutters-xxl-down > .row > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}

.card-page {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.container .card-page, .container-fluid .card-page {
  margin-left: -15px;
  margin-right: -15px;
}

.container-form-lg {
  padding-bottom: 3rem;
  padding-top: 3rem;
}
@media (max-width: 991.98px) {
  .container-form-lg {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}
@media (max-width: 991.98px) {
  .container-form-lg .menubar-vertical-expand-lg {
    margin-top: -1rem;
  }
}

.container-view {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}

.alert, .portlet-msg-alert,
.portlet-msg-error,
.portlet-msg-help,
.portlet-msg-info,
.portlet-msg-progress,
.portlet-msg-success {
  border-color: transparent;
  border-style: solid;
  border-width: 0.0625rem;
  border-radius: 0.25rem;
  display: block;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  padding: 0.9375rem 1rem;
  position: relative;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.alert .alert-btn, .portlet-msg-alert .alert-btn,
.portlet-msg-error .alert-btn,
.portlet-msg-help .alert-btn,
.portlet-msg-info .alert-btn,
.portlet-msg-progress .alert-btn,
.portlet-msg-success .alert-btn {
  border-radius: var(--border-radius-sm, 0.1875rem);
  font-size: 0.875rem;
  line-height: 1.15;
  padding-bottom: 0.4375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.4375rem;
}
.alert .alert-btn .c-inner, .portlet-msg-alert .alert-btn .c-inner,
.portlet-msg-error .alert-btn .c-inner,
.portlet-msg-help .alert-btn .c-inner,
.portlet-msg-info .alert-btn .c-inner,
.portlet-msg-progress .alert-btn .c-inner,
.portlet-msg-success .alert-btn .c-inner {
  margin-bottom: -0.4375rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.4375rem;
}
.alert .btn-group, .portlet-msg-alert .btn-group,
.portlet-msg-error .btn-group,
.portlet-msg-help .btn-group,
.portlet-msg-info .btn-group,
.portlet-msg-progress .btn-group,
.portlet-msg-success .btn-group {
  margin-bottom: -0.125rem;
  margin-top: -0.125rem;
}
.alert .btn-group-item, .portlet-msg-alert .btn-group-item,
.portlet-msg-error .btn-group-item,
.portlet-msg-help .btn-group-item,
.portlet-msg-info .btn-group-item,
.portlet-msg-progress .btn-group-item,
.portlet-msg-success .btn-group-item {
  margin-bottom: 0.125rem;
  margin-top: 0.125rem;
}
.alert .close, .portlet-msg-alert .close,
.portlet-msg-error .close,
.portlet-msg-help .close,
.portlet-msg-info .close,
.portlet-msg-progress .close,
.portlet-msg-success .close {
  color: inherit;
  font-size: 1rem;
  height: 2rem;
  opacity: 1;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  position: absolute;
  right: 0.5rem;
  top: 0.6875rem;
  width: 2rem;
}
.alert .close:hover, .portlet-msg-alert .close:hover,
.portlet-msg-error .close:hover,
.portlet-msg-help .close:hover,
.portlet-msg-info .close:hover,
.portlet-msg-progress .close:hover,
.portlet-msg-success .close:hover {
  color: inherit;
}
.alert .close:disabled, .portlet-msg-alert .close:disabled,
.portlet-msg-error .close:disabled,
.portlet-msg-help .close:disabled,
.portlet-msg-info .close:disabled,
.portlet-msg-progress .close:disabled,
.portlet-msg-success .close:disabled, .alert .close.disabled, .portlet-msg-alert .close.disabled,
.portlet-msg-error .close.disabled,
.portlet-msg-help .close.disabled,
.portlet-msg-info .close.disabled,
.portlet-msg-progress .close.disabled,
.portlet-msg-success .close.disabled {
  color: inherit;
}
.alert .close .c-inner, .portlet-msg-alert .close .c-inner,
.portlet-msg-error .close .c-inner,
.portlet-msg-help .close .c-inner,
.portlet-msg-info .close .c-inner,
.portlet-msg-progress .close .c-inner,
.portlet-msg-success .close .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.alert .lead, .portlet-msg-alert .lead,
.portlet-msg-error .lead,
.portlet-msg-help .lead,
.portlet-msg-info .lead,
.portlet-msg-progress .lead,
.portlet-msg-success .lead {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  margin-right: 0.3125rem;
}
.alert .component-title, .portlet-msg-alert .component-title,
.portlet-msg-error .component-title,
.portlet-msg-help .component-title,
.portlet-msg-info .component-title,
.portlet-msg-progress .component-title,
.portlet-msg-success .component-title {
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
  margin-top: 0;
}
.alert .component-subtitle, .portlet-msg-alert .component-subtitle,
.portlet-msg-error .component-subtitle,
.portlet-msg-help .component-subtitle,
.portlet-msg-info .component-subtitle,
.portlet-msg-progress .component-subtitle,
.portlet-msg-success .component-subtitle {
  font-size: 0.75rem;
  font-weight: var(--font-weight-normal, 400);
}
.alert-heading {
  color: inherit;
}

.alert-footer {
  margin-top: 1rem;
}

.alert-link,
.alert-link.btn-unstyled {
  font-weight: var(--font-weight-semi-bold, 500);
  text-decoration: underline;
}
.alert-link:hover,
.alert-link.btn-unstyled:hover {
  text-decoration: none;
}
.alert-link.focus, .alert-link:focus,
.alert-link.btn-unstyled.focus,
.alert-link.btn-unstyled:focus {
  text-decoration: none;
}
.alert-indicator {
  font-size: 1rem;
  line-height: 1;
}
.alert-indicator + .lead {
  margin-left: 0.3125rem;
}

.alert-dismissible {
  padding-right: 2.5rem;
}

.alert-fluid {
  border-radius: 0;
  border-width: 0 0 1px 0;
  margin-bottom: 0;
  padding: 0;
}
.alert-fluid.alert-dismissible .container,
.alert-fluid.alert-dismissible .container-fluid {
  padding-right: calc( 				2.5rem + 15px 			);
  position: relative;
}
.alert-fluid .close {
  right: calc(15px + 0.25rem);
}
.alert-fluid .container,
.alert-fluid .container-fluid {
  padding-bottom: 0.96875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.96875rem;
}
.alert-container {
  height: 0;
  position: relative;
}

.alert-notifications .alert, .alert-notifications .portlet-msg-alert,
.alert-notifications .portlet-msg-error,
.alert-notifications .portlet-msg-help,
.alert-notifications .portlet-msg-info,
.alert-notifications .portlet-msg-progress,
.alert-notifications .portlet-msg-success {
  box-shadow: 0 0.5rem 2rem -0.25rem rgba(0, 0, 0, 0.3);
  clear: both;
  float: left;
  margin-bottom: 1rem;
  max-width: 22.5rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
}
@media (max-width: 767.98px) {
  .alert-notifications .alert, .alert-notifications .portlet-msg-alert,
  .alert-notifications .portlet-msg-error,
  .alert-notifications .portlet-msg-help,
  .alert-notifications .portlet-msg-info,
  .alert-notifications .portlet-msg-progress,
  .alert-notifications .portlet-msg-success {
    max-width: none;
    width: 100%;
  }
}
.alert-notifications .alert:last-child, .alert-notifications .portlet-msg-alert:last-child,
.alert-notifications .portlet-msg-error:last-child,
.alert-notifications .portlet-msg-help:last-child,
.alert-notifications .portlet-msg-info:last-child,
.alert-notifications .portlet-msg-progress:last-child,
.alert-notifications .portlet-msg-success:last-child {
  margin-bottom: 0;
}
.alert-notifications .alert-fluid {
  padding-bottom: 0;
  padding-top: 0;
}

.alert-notifications-absolute {
  height: 0;
  position: absolute;
  right: 0.5rem;
  top: 4.75rem;
  z-index: 5000;
}
@media (max-width: 767.98px) {
  .alert-notifications-absolute {
    left: 0.5rem;
    right: 0.5rem;
    top: 4.25rem;
  }
}

.alert-notifications-fixed {
  bottom: 1.25rem;
  left: 1.25rem;
  position: fixed;
  z-index: 5000;
}
@media (max-width: 767.98px) {
  .alert-notifications-fixed {
    bottom: 1rem;
    left: 15px;
    right: 15px;
  }
}

.alert-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
}
.alert-list .close {
  top: 50%;
  transform: translateY(-50%);
}

.modal-body .alert .close, .modal-body .portlet-msg-alert .close,
.modal-body .portlet-msg-error .close,
.modal-body .portlet-msg-help .close,
.modal-body .portlet-msg-info .close,
.modal-body .portlet-msg-progress .close,
.modal-body .portlet-msg-success .close {
  right: 1.5rem;
}
.modal-body .alert-list .alert-fluid:last-child {
  margin-bottom: -1px;
}

.autofit-row.alert-autofit-row {
  align-items: baseline;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  width: auto;
}
.autofit-row.alert-autofit-row > .autofit-col {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.alert-feedback.alert, .alert-feedback.portlet-msg-alert,
.alert-feedback.portlet-msg-error,
.alert-feedback.portlet-msg-help,
.alert-feedback.portlet-msg-info,
.alert-feedback.portlet-msg-progress,
.alert-feedback.portlet-msg-success {
  background-color: transparent;
  border-width: 0;
  margin-bottom: 0.25rem;
  padding: 0;
}
.alert-feedback.alert .alert-autofit-row, .alert-feedback.portlet-msg-alert .alert-autofit-row,
.alert-feedback.portlet-msg-error .alert-autofit-row,
.alert-feedback.portlet-msg-help .alert-autofit-row,
.alert-feedback.portlet-msg-info .alert-autofit-row,
.alert-feedback.portlet-msg-progress .alert-autofit-row,
.alert-feedback.portlet-msg-success .alert-autofit-row,
.alert-feedback.alert .autofit-row,
.alert-feedback.portlet-msg-alert .autofit-row,
.alert-feedback.portlet-msg-error .autofit-row,
.alert-feedback.portlet-msg-help .autofit-row,
.alert-feedback.portlet-msg-info .autofit-row,
.alert-feedback.portlet-msg-progress .autofit-row,
.alert-feedback.portlet-msg-success .autofit-row {
  display: inline;
  margin-left: 0;
  margin-right: 0;
}
.alert-feedback.alert .alert-autofit-row > .autofit-col, .alert-feedback.portlet-msg-alert .alert-autofit-row > .autofit-col,
.alert-feedback.portlet-msg-error .alert-autofit-row > .autofit-col,
.alert-feedback.portlet-msg-help .alert-autofit-row > .autofit-col,
.alert-feedback.portlet-msg-info .alert-autofit-row > .autofit-col,
.alert-feedback.portlet-msg-progress .alert-autofit-row > .autofit-col,
.alert-feedback.portlet-msg-success .alert-autofit-row > .autofit-col,
.alert-feedback.alert .autofit-row > .autofit-col,
.alert-feedback.portlet-msg-alert .autofit-row > .autofit-col,
.alert-feedback.portlet-msg-error .autofit-row > .autofit-col,
.alert-feedback.portlet-msg-help .autofit-row > .autofit-col,
.alert-feedback.portlet-msg-info .autofit-row > .autofit-col,
.alert-feedback.portlet-msg-progress .autofit-row > .autofit-col,
.alert-feedback.portlet-msg-success .autofit-row > .autofit-col {
  display: inline;
  padding-left: 0;
  padding-right: 0.25em;
}
.alert-feedback.alert .alert-autofit-row > .autofit-col > .autofit-section, .alert-feedback.portlet-msg-alert .alert-autofit-row > .autofit-col > .autofit-section,
.alert-feedback.portlet-msg-error .alert-autofit-row > .autofit-col > .autofit-section,
.alert-feedback.portlet-msg-help .alert-autofit-row > .autofit-col > .autofit-section,
.alert-feedback.portlet-msg-info .alert-autofit-row > .autofit-col > .autofit-section,
.alert-feedback.portlet-msg-progress .alert-autofit-row > .autofit-col > .autofit-section,
.alert-feedback.portlet-msg-success .alert-autofit-row > .autofit-col > .autofit-section,
.alert-feedback.alert .autofit-row > .autofit-col > .autofit-section,
.alert-feedback.portlet-msg-alert .autofit-row > .autofit-col > .autofit-section,
.alert-feedback.portlet-msg-error .autofit-row > .autofit-col > .autofit-section,
.alert-feedback.portlet-msg-help .autofit-row > .autofit-col > .autofit-section,
.alert-feedback.portlet-msg-info .autofit-row > .autofit-col > .autofit-section,
.alert-feedback.portlet-msg-progress .autofit-row > .autofit-col > .autofit-section,
.alert-feedback.portlet-msg-success .autofit-row > .autofit-col > .autofit-section {
  display: inline;
}
.alert-feedback.alert .close, .alert-feedback.portlet-msg-alert .close,
.alert-feedback.portlet-msg-error .close,
.alert-feedback.portlet-msg-help .close,
.alert-feedback.portlet-msg-info .close,
.alert-feedback.portlet-msg-progress .close,
.alert-feedback.portlet-msg-success .close {
  font-size: inherit;
  height: 1rem;
  position: relative;
  right: auto;
  top: 0.125em;
  width: 1rem;
}
.alert-feedback.alert .lead, .alert-feedback.portlet-msg-alert .lead,
.alert-feedback.portlet-msg-error .lead,
.alert-feedback.portlet-msg-help .lead,
.alert-feedback.portlet-msg-info .lead,
.alert-feedback.portlet-msg-progress .lead,
.alert-feedback.portlet-msg-success .lead {
  margin-right: 0;
}
.alert-feedback.alert .lead + .component-text, .alert-feedback.portlet-msg-alert .lead + .component-text,
.alert-feedback.portlet-msg-error .lead + .component-text,
.alert-feedback.portlet-msg-help .lead + .component-text,
.alert-feedback.portlet-msg-info .lead + .component-text,
.alert-feedback.portlet-msg-progress .lead + .component-text,
.alert-feedback.portlet-msg-success .lead + .component-text {
  margin-left: 0.25em;
}

.alert-inline.alert, .alert-inline.portlet-msg-alert,
.alert-inline.portlet-msg-error,
.alert-inline.portlet-msg-help,
.alert-inline.portlet-msg-info,
.alert-inline.portlet-msg-progress,
.alert-inline.portlet-msg-success {
  display: inline-block;
  max-width: 100%;
  width: auto;
}
.alert-inline.alert.alert-dismissible, .alert-inline.alert-dismissible.portlet-msg-alert,
.alert-inline.alert-dismissible.portlet-msg-error,
.alert-inline.alert-dismissible.portlet-msg-help,
.alert-inline.alert-dismissible.portlet-msg-info,
.alert-inline.alert-dismissible.portlet-msg-progress,
.alert-inline.alert-dismissible.portlet-msg-success {
  padding-right: 3.5rem;
}
.alert-inline.alert.alert-dismissible.alert-fluid, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-error,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-help,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-info,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-success {
  padding-right: 0;
}
.alert-inline.alert.alert-dismissible.alert-fluid > .container, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert > .container,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-error > .container,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-help > .container,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-info > .container,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress > .container,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-success > .container,
.alert-inline.alert.alert-dismissible.alert-fluid > .container-fluid,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert > .container-fluid,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-error > .container-fluid,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-help > .container-fluid,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-info > .container-fluid,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress > .container-fluid,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-success > .container-fluid {
  padding-right: 3.5rem;
}
.alert-inline.alert.alert-dismissible.alert-fluid > .container > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert > .container > .alert-autofit-row,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-error > .container > .alert-autofit-row,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-help > .container > .alert-autofit-row,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-info > .container > .alert-autofit-row,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress > .container > .alert-autofit-row,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-success > .container > .alert-autofit-row,
.alert-inline.alert.alert-dismissible.alert-fluid > .container-fluid > .alert-autofit-row,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert > .container-fluid > .alert-autofit-row,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-error > .container-fluid > .alert-autofit-row,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-help > .container-fluid > .alert-autofit-row,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-info > .container-fluid > .alert-autofit-row,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress > .container-fluid > .alert-autofit-row,
.alert-inline.alert-dismissible.alert-fluid.portlet-msg-success > .container-fluid > .alert-autofit-row {
  align-items: center;
  margin-bottom: calc(-0.9375rem - 1px);
  margin-top: calc(-0.9375rem - 1px);
  padding-bottom: 0.5625rem;
  padding-top: 0.5625rem;
  min-height: 3.5rem;
}
.alert-inline.alert > .alert-autofit-row, .alert-inline.portlet-msg-alert > .alert-autofit-row,
.alert-inline.portlet-msg-error > .alert-autofit-row,
.alert-inline.portlet-msg-help > .alert-autofit-row,
.alert-inline.portlet-msg-info > .alert-autofit-row,
.alert-inline.portlet-msg-progress > .alert-autofit-row,
.alert-inline.portlet-msg-success > .alert-autofit-row {
  align-items: center;
  margin-bottom: calc(-0.9375rem - 1px);
  margin-top: calc(-0.9375rem - 1px);
  padding-bottom: 0.5625rem;
  padding-top: 0.5625rem;
  min-height: 3.5rem;
}
.alert-inline.alert > .alert-autofit-row .btn-group, .alert-inline.portlet-msg-alert > .alert-autofit-row .btn-group,
.alert-inline.portlet-msg-error > .alert-autofit-row .btn-group,
.alert-inline.portlet-msg-help > .alert-autofit-row .btn-group,
.alert-inline.portlet-msg-info > .alert-autofit-row .btn-group,
.alert-inline.portlet-msg-progress > .alert-autofit-row .btn-group,
.alert-inline.portlet-msg-success > .alert-autofit-row .btn-group {
  margin-right: 2rem;
  margin-left: 0.75rem;
}
.alert-inline.alert .close, .alert-inline.portlet-msg-alert .close,
.alert-inline.portlet-msg-error .close,
.alert-inline.portlet-msg-help .close,
.alert-inline.portlet-msg-info .close,
.alert-inline.portlet-msg-progress .close,
.alert-inline.portlet-msg-success .close {
  margin-top: -1rem;
  top: 50%;
}
.alert-autofit-stacked.alert > .alert-autofit-row, .alert-autofit-stacked.portlet-msg-alert > .alert-autofit-row,
.alert-autofit-stacked.portlet-msg-error > .alert-autofit-row,
.alert-autofit-stacked.portlet-msg-help > .alert-autofit-row,
.alert-autofit-stacked.portlet-msg-info > .alert-autofit-row,
.alert-autofit-stacked.portlet-msg-progress > .alert-autofit-row,
.alert-autofit-stacked.portlet-msg-success > .alert-autofit-row {
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 0;
  margin-top: 0;
  min-height: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.alert-autofit-stacked.alert > .alert-autofit-row > .autofit-col, .alert-autofit-stacked.portlet-msg-alert > .alert-autofit-row > .autofit-col,
.alert-autofit-stacked.portlet-msg-error > .alert-autofit-row > .autofit-col,
.alert-autofit-stacked.portlet-msg-help > .alert-autofit-row > .autofit-col,
.alert-autofit-stacked.portlet-msg-info > .alert-autofit-row > .autofit-col,
.alert-autofit-stacked.portlet-msg-progress > .alert-autofit-row > .autofit-col,
.alert-autofit-stacked.portlet-msg-success > .alert-autofit-row > .autofit-col {
  width: 100%;
}
.alert-autofit-stacked.alert > .alert-autofit-row .btn-group, .alert-autofit-stacked.portlet-msg-alert > .alert-autofit-row .btn-group,
.alert-autofit-stacked.portlet-msg-error > .alert-autofit-row .btn-group,
.alert-autofit-stacked.portlet-msg-help > .alert-autofit-row .btn-group,
.alert-autofit-stacked.portlet-msg-info > .alert-autofit-row .btn-group,
.alert-autofit-stacked.portlet-msg-progress > .alert-autofit-row .btn-group,
.alert-autofit-stacked.portlet-msg-success > .alert-autofit-row .btn-group {
  margin-right: 0;
  margin-top: 0.875rem;
  margin-left: 0;
}
.alert-autofit-stacked.alert .close, .alert-autofit-stacked.portlet-msg-alert .close,
.alert-autofit-stacked.portlet-msg-error .close,
.alert-autofit-stacked.portlet-msg-help .close,
.alert-autofit-stacked.portlet-msg-info .close,
.alert-autofit-stacked.portlet-msg-progress .close,
.alert-autofit-stacked.portlet-msg-success .close {
  margin-top: 0;
  top: 0.6875rem;
}
@media (max-width: 767.98px) {
  .alert-autofit-stacked-sm-down.alert > .alert-autofit-row, .alert-autofit-stacked-sm-down.portlet-msg-alert > .alert-autofit-row,
  .alert-autofit-stacked-sm-down.portlet-msg-error > .alert-autofit-row,
  .alert-autofit-stacked-sm-down.portlet-msg-help > .alert-autofit-row,
  .alert-autofit-stacked-sm-down.portlet-msg-info > .alert-autofit-row,
  .alert-autofit-stacked-sm-down.portlet-msg-progress > .alert-autofit-row,
  .alert-autofit-stacked-sm-down.portlet-msg-success > .alert-autofit-row {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 0;
    margin-top: 0;
    min-height: 0;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 767.98px) {
  .alert-autofit-stacked-sm-down.alert > .alert-autofit-row > .autofit-col, .alert-autofit-stacked-sm-down.portlet-msg-alert > .alert-autofit-row > .autofit-col,
  .alert-autofit-stacked-sm-down.portlet-msg-error > .alert-autofit-row > .autofit-col,
  .alert-autofit-stacked-sm-down.portlet-msg-help > .alert-autofit-row > .autofit-col,
  .alert-autofit-stacked-sm-down.portlet-msg-info > .alert-autofit-row > .autofit-col,
  .alert-autofit-stacked-sm-down.portlet-msg-progress > .alert-autofit-row > .autofit-col,
  .alert-autofit-stacked-sm-down.portlet-msg-success > .alert-autofit-row > .autofit-col {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .alert-autofit-stacked-sm-down.alert > .alert-autofit-row .btn-group, .alert-autofit-stacked-sm-down.portlet-msg-alert > .alert-autofit-row .btn-group,
  .alert-autofit-stacked-sm-down.portlet-msg-error > .alert-autofit-row .btn-group,
  .alert-autofit-stacked-sm-down.portlet-msg-help > .alert-autofit-row .btn-group,
  .alert-autofit-stacked-sm-down.portlet-msg-info > .alert-autofit-row .btn-group,
  .alert-autofit-stacked-sm-down.portlet-msg-progress > .alert-autofit-row .btn-group,
  .alert-autofit-stacked-sm-down.portlet-msg-success > .alert-autofit-row .btn-group {
    margin-right: 0;
    margin-top: 0.875rem;
    margin-left: 0;
  }
}
@media (max-width: 767.98px) {
  .alert-autofit-stacked-sm-down.alert .close, .alert-autofit-stacked-sm-down.portlet-msg-alert .close,
  .alert-autofit-stacked-sm-down.portlet-msg-error .close,
  .alert-autofit-stacked-sm-down.portlet-msg-help .close,
  .alert-autofit-stacked-sm-down.portlet-msg-info .close,
  .alert-autofit-stacked-sm-down.portlet-msg-progress .close,
  .alert-autofit-stacked-sm-down.portlet-msg-success .close {
    margin-top: 0;
    top: 0.6875rem;
  }
}

@media (max-width: 575.98px) {
  .alert-autofit-stacked-xs-down.alert > .alert-autofit-row, .alert-autofit-stacked-xs-down.portlet-msg-alert > .alert-autofit-row,
  .alert-autofit-stacked-xs-down.portlet-msg-error > .alert-autofit-row,
  .alert-autofit-stacked-xs-down.portlet-msg-help > .alert-autofit-row,
  .alert-autofit-stacked-xs-down.portlet-msg-info > .alert-autofit-row,
  .alert-autofit-stacked-xs-down.portlet-msg-progress > .alert-autofit-row,
  .alert-autofit-stacked-xs-down.portlet-msg-success > .alert-autofit-row {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 0;
    margin-top: 0;
    min-height: 0;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 575.98px) {
  .alert-autofit-stacked-xs-down.alert > .alert-autofit-row > .autofit-col, .alert-autofit-stacked-xs-down.portlet-msg-alert > .alert-autofit-row > .autofit-col,
  .alert-autofit-stacked-xs-down.portlet-msg-error > .alert-autofit-row > .autofit-col,
  .alert-autofit-stacked-xs-down.portlet-msg-help > .alert-autofit-row > .autofit-col,
  .alert-autofit-stacked-xs-down.portlet-msg-info > .alert-autofit-row > .autofit-col,
  .alert-autofit-stacked-xs-down.portlet-msg-progress > .alert-autofit-row > .autofit-col,
  .alert-autofit-stacked-xs-down.portlet-msg-success > .alert-autofit-row > .autofit-col {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .alert-autofit-stacked-xs-down.alert > .alert-autofit-row .btn-group, .alert-autofit-stacked-xs-down.portlet-msg-alert > .alert-autofit-row .btn-group,
  .alert-autofit-stacked-xs-down.portlet-msg-error > .alert-autofit-row .btn-group,
  .alert-autofit-stacked-xs-down.portlet-msg-help > .alert-autofit-row .btn-group,
  .alert-autofit-stacked-xs-down.portlet-msg-info > .alert-autofit-row .btn-group,
  .alert-autofit-stacked-xs-down.portlet-msg-progress > .alert-autofit-row .btn-group,
  .alert-autofit-stacked-xs-down.portlet-msg-success > .alert-autofit-row .btn-group {
    margin-right: 0;
    margin-top: 0.875rem;
    margin-left: 0;
  }
}
@media (max-width: 575.98px) {
  .alert-autofit-stacked-xs-down.alert .close, .alert-autofit-stacked-xs-down.portlet-msg-alert .close,
  .alert-autofit-stacked-xs-down.portlet-msg-error .close,
  .alert-autofit-stacked-xs-down.portlet-msg-help .close,
  .alert-autofit-stacked-xs-down.portlet-msg-info .close,
  .alert-autofit-stacked-xs-down.portlet-msg-progress .close,
  .alert-autofit-stacked-xs-down.portlet-msg-success .close {
    margin-top: 0;
    top: 0.6875rem;
  }
}

.alert-indicator-start.alert, .alert-indicator-start.portlet-msg-alert,
.alert-indicator-start.portlet-msg-error,
.alert-indicator-start.portlet-msg-help,
.alert-indicator-start.portlet-msg-info,
.alert-indicator-start.portlet-msg-progress,
.alert-indicator-start.portlet-msg-success {
  padding-left: calc(1rem + 1rem + 0.5rem);
}
.alert-indicator-start.alert.alert-fluid, .alert-indicator-start.alert-fluid.portlet-msg-alert,
.alert-indicator-start.alert-fluid.portlet-msg-error,
.alert-indicator-start.alert-fluid.portlet-msg-help,
.alert-indicator-start.alert-fluid.portlet-msg-info,
.alert-indicator-start.alert-fluid.portlet-msg-progress,
.alert-indicator-start.alert-fluid.portlet-msg-success {
  padding-left: 0;
}
.alert-indicator-start.alert.alert-fluid > .container, .alert-indicator-start.alert-fluid.portlet-msg-alert > .container,
.alert-indicator-start.alert-fluid.portlet-msg-error > .container,
.alert-indicator-start.alert-fluid.portlet-msg-help > .container,
.alert-indicator-start.alert-fluid.portlet-msg-info > .container,
.alert-indicator-start.alert-fluid.portlet-msg-progress > .container,
.alert-indicator-start.alert-fluid.portlet-msg-success > .container,
.alert-indicator-start.alert.alert-fluid > .container-fluid,
.alert-indicator-start.alert-fluid.portlet-msg-alert > .container-fluid,
.alert-indicator-start.alert-fluid.portlet-msg-error > .container-fluid,
.alert-indicator-start.alert-fluid.portlet-msg-help > .container-fluid,
.alert-indicator-start.alert-fluid.portlet-msg-info > .container-fluid,
.alert-indicator-start.alert-fluid.portlet-msg-progress > .container-fluid,
.alert-indicator-start.alert-fluid.portlet-msg-success > .container-fluid {
  padding-left: calc( 						1rem + 1rem + 							0.5rem 					);
}
.alert-indicator-start.alert.alert-feedback, .alert-indicator-start.alert-feedback.portlet-msg-alert,
.alert-indicator-start.alert-feedback.portlet-msg-error,
.alert-indicator-start.alert-feedback.portlet-msg-help,
.alert-indicator-start.alert-feedback.portlet-msg-info,
.alert-indicator-start.alert-feedback.portlet-msg-progress,
.alert-indicator-start.alert-feedback.portlet-msg-success {
  padding-left: calc(1rem + 0.5rem);
}
.alert-indicator-start.alert .alert-indicator, .alert-indicator-start.portlet-msg-alert .alert-indicator,
.alert-indicator-start.portlet-msg-error .alert-indicator,
.alert-indicator-start.portlet-msg-help .alert-indicator,
.alert-indicator-start.portlet-msg-info .alert-indicator,
.alert-indicator-start.portlet-msg-progress .alert-indicator,
.alert-indicator-start.portlet-msg-success .alert-indicator {
  line-height: 1;
  margin-left: calc(-1em - 0.5rem);
  margin-top: 2px;
  position: absolute;
}
.alert-indicator-start.alert .alert-indicator + .lead, .alert-indicator-start.portlet-msg-alert .alert-indicator + .lead,
.alert-indicator-start.portlet-msg-error .alert-indicator + .lead,
.alert-indicator-start.portlet-msg-help .alert-indicator + .lead,
.alert-indicator-start.portlet-msg-info .alert-indicator + .lead,
.alert-indicator-start.portlet-msg-progress .alert-indicator + .lead,
.alert-indicator-start.portlet-msg-success .alert-indicator + .lead {
  margin-left: 0;
}
.alert-indicator-start.alert .alert-autofit-row .alert-indicator:only-child, .alert-indicator-start.portlet-msg-alert .alert-autofit-row .alert-indicator:only-child,
.alert-indicator-start.portlet-msg-error .alert-autofit-row .alert-indicator:only-child,
.alert-indicator-start.portlet-msg-help .alert-autofit-row .alert-indicator:only-child,
.alert-indicator-start.portlet-msg-info .alert-autofit-row .alert-indicator:only-child,
.alert-indicator-start.portlet-msg-progress .alert-autofit-row .alert-indicator:only-child,
.alert-indicator-start.portlet-msg-success .alert-autofit-row .alert-indicator:only-child {
  margin-right: 0;
}

.alert-primary {
  background-color: #43ffcc;
  border-color: #00d29a;
  color: #005D44;
}
.alert-primary hr {
  border-top-color: #00b887;
}
.alert-primary .alert-btn {
  background-color: #fff;
  border-color: #00d29a;
  color: #005D44;
}
.alert-primary .alert-btn:hover {
  background-color: #005D44;
  color: #fff;
  border-color: #005D44;
}
.alert-primary .alert-btn:active {
  background-color: #004431;
  border-color: #004431;
}
.alert-primary .alert-btn.active {
  background-color: #004431;
  border-color: #004431;
}
.alert-primary .alert-btn[aria-expanded=true], .alert-primary .alert-btn.show {
  background-color: #004431;
  border-color: #004431;
}
.alert-primary .close {
  color: #005D44;
}
.alert-primary .close:hover {
  color: #005D44;
}
.alert-primary .lead {
  color: #005D44;
}
.alert-primary .alert-link {
  color: #005D44;
}
.alert-secondary {
  background-color: #e7e7ed;
  border-color: #a7a9bc;
  color: #6b6c7e;
}
.alert-secondary .alert-btn {
  background-color: #fff;
  border-color: #a7a9bc;
  color: #6b6c7e;
}
.alert-secondary .alert-btn:hover {
  background-color: #6b6c7e;
  color: #fff;
  border-color: #6b6c7e;
}
.alert-secondary .alert-btn:active {
  background-color: #5f6070;
  border-color: #5f6070;
}
.alert-secondary .alert-btn.active {
  background-color: #5f6070;
  border-color: #5f6070;
}
.alert-secondary .alert-btn[aria-expanded=true], .alert-secondary .alert-btn.show {
  background-color: #5f6070;
  border-color: #5f6070;
}
.alert-secondary .close {
  color: #6b6c7e;
}
.alert-secondary .close:hover {
  color: #6b6c7e;
}
.alert-secondary .lead {
  color: #6b6c7e;
}
.alert-secondary .alert-link {
  color: #005D44;
}
.alert-success, .portlet-msg-success {
  background-color: #edf9f0;
  border-color: #5aca75;
  color: #287d3c;
}
.alert-success .alert-btn, .portlet-msg-success .alert-btn {
  background-color: #fff;
  border-color: #5aca75;
  color: #287d3c;
}
.alert-success .alert-btn:hover, .portlet-msg-success .alert-btn:hover {
  background-color: #287d3c;
  color: #fff;
  border-color: #287d3c;
}
.alert-success .alert-btn:active, .portlet-msg-success .alert-btn:active {
  background-color: #226a33;
  border-color: #226a33;
}
.alert-success .alert-btn.active, .portlet-msg-success .alert-btn.active {
  background-color: #226a33;
  border-color: #226a33;
}
.alert-success .alert-btn[aria-expanded=true], .portlet-msg-success .alert-btn[aria-expanded=true], .alert-success .alert-btn.show, .portlet-msg-success .alert-btn.show {
  background-color: #226a33;
  border-color: #226a33;
}
.alert-success .close, .portlet-msg-success .close {
  color: #287d3c;
}
.alert-success .close:hover, .portlet-msg-success .close:hover {
  color: #287d3c;
}
.alert-success .lead, .portlet-msg-success .lead {
  color: #287d3c;
}
.alert-success .alert-link, .portlet-msg-success .alert-link {
  color: #005D44;
}
.alert-info, .portlet-msg-help,
.portlet-msg-info,
.portlet-msg-progress {
  background-color: #eef2fa;
  border-color: #89a7e0;
  color: #2e5aac;
}
.alert-info .alert-btn, .portlet-msg-help .alert-btn,
.portlet-msg-info .alert-btn,
.portlet-msg-progress .alert-btn {
  background-color: #fff;
  border-color: #89a7e0;
  color: #2e5aac;
}
.alert-info .alert-btn:hover, .portlet-msg-help .alert-btn:hover,
.portlet-msg-info .alert-btn:hover,
.portlet-msg-progress .alert-btn:hover {
  background-color: #2e5aac;
  color: #fff;
  border-color: #2e5aac;
}
.alert-info .alert-btn:active, .portlet-msg-help .alert-btn:active,
.portlet-msg-info .alert-btn:active,
.portlet-msg-progress .alert-btn:active {
  background-color: #294f98;
  border-color: #294f98;
}
.alert-info .alert-btn.active, .portlet-msg-help .alert-btn.active,
.portlet-msg-info .alert-btn.active,
.portlet-msg-progress .alert-btn.active {
  background-color: #294f98;
  border-color: #294f98;
}
.alert-info .alert-btn[aria-expanded=true], .portlet-msg-help .alert-btn[aria-expanded=true],
.portlet-msg-info .alert-btn[aria-expanded=true],
.portlet-msg-progress .alert-btn[aria-expanded=true], .alert-info .alert-btn.show, .portlet-msg-help .alert-btn.show,
.portlet-msg-info .alert-btn.show,
.portlet-msg-progress .alert-btn.show {
  background-color: #294f98;
  border-color: #294f98;
}
.alert-info .close, .portlet-msg-help .close,
.portlet-msg-info .close,
.portlet-msg-progress .close {
  color: #2e5aac;
}
.alert-info .close:hover, .portlet-msg-help .close:hover,
.portlet-msg-info .close:hover,
.portlet-msg-progress .close:hover {
  color: #2e5aac;
}
.alert-info .lead, .portlet-msg-help .lead,
.portlet-msg-info .lead,
.portlet-msg-progress .lead {
  color: #2e5aac;
}
.alert-info .alert-link, .portlet-msg-help .alert-link,
.portlet-msg-info .alert-link,
.portlet-msg-progress .alert-link {
  color: #005D44;
}
.alert-warning, .portlet-msg-alert {
  background-color: #fff4ec;
  border-color: #ff8f39;
  color: #b95000;
}
.alert-warning .alert-btn, .portlet-msg-alert .alert-btn {
  background-color: #fff;
  border-color: #ff8f39;
  color: #b95000;
}
.alert-warning .alert-btn:hover, .portlet-msg-alert .alert-btn:hover {
  background-color: #b95000;
  color: #fff;
  border-color: #b95000;
}
.alert-warning .alert-btn:active, .portlet-msg-alert .alert-btn:active {
  background-color: #a04500;
  border-color: #a04500;
}
.alert-warning .alert-btn.active, .portlet-msg-alert .alert-btn.active {
  background-color: #a04500;
  border-color: #a04500;
}
.alert-warning .alert-btn[aria-expanded=true], .portlet-msg-alert .alert-btn[aria-expanded=true], .alert-warning .alert-btn.show, .portlet-msg-alert .alert-btn.show {
  background-color: #a04500;
  border-color: #a04500;
}
.alert-warning .close, .portlet-msg-alert .close {
  color: #b95000;
}
.alert-warning .close:hover, .portlet-msg-alert .close:hover {
  color: #b95000;
}
.alert-warning .lead, .portlet-msg-alert .lead {
  color: #b95000;
}
.alert-warning .alert-link, .portlet-msg-alert .alert-link {
  color: #005D44;
}
.alert-danger, .portlet-msg-error {
  background-color: #feefef;
  border-color: #f48989;
  color: #da1414;
}
.alert-danger .alert-btn, .portlet-msg-error .alert-btn {
  background-color: #fff;
  border-color: #f48989;
  color: #da1414;
}
.alert-danger .alert-btn:hover, .portlet-msg-error .alert-btn:hover {
  background-color: #da1414;
  color: #fff;
  border-color: #da1414;
}
.alert-danger .alert-btn:active, .portlet-msg-error .alert-btn:active {
  background-color: #c31212;
  border-color: #c31212;
}
.alert-danger .alert-btn.active, .portlet-msg-error .alert-btn.active {
  background-color: #c31212;
  border-color: #c31212;
}
.alert-danger .alert-btn[aria-expanded=true], .portlet-msg-error .alert-btn[aria-expanded=true], .alert-danger .alert-btn.show, .portlet-msg-error .alert-btn.show {
  background-color: #c31212;
  border-color: #c31212;
}
.alert-danger .close, .portlet-msg-error .close {
  color: #da1414;
}
.alert-danger .close:hover, .portlet-msg-error .close:hover {
  color: #da1414;
}
.alert-danger .lead, .portlet-msg-error .lead {
  color: #da1414;
}
.alert-danger .alert-link, .portlet-msg-error .alert-link {
  color: #005D44;
}
.alert-light {
  background-color: white;
  border-color: #f7f8f9;
  color: #272833;
}
.alert-light .alert-btn {
  background-color: #fff;
  border-color: #30313f;
  color: #272833;
}
.alert-light .alert-btn:hover {
  background-color: #272833;
  color: #fff;
  border-color: #272833;
}
.alert-light .alert-btn:active {
  background-color: #1c1d25;
  border-color: #1c1d25;
}
.alert-light .alert-btn.active {
  background-color: #1c1d25;
  border-color: #1c1d25;
}
.alert-light .alert-btn[aria-expanded=true], .alert-light .alert-btn.show {
  background-color: #1c1d25;
  border-color: #1c1d25;
}
.alert-light .close {
  color: #272833;
}
.alert-light .close:hover {
  color: #272833;
}
.alert-light .lead {
  color: #272833;
}
.alert-dark {
  background-color: #393a4a;
  border-color: #30313f;
  color: #f1f2f5;
}
.alert-dark .alert-btn {
  background-color: #fff;
  border-color: #30313f;
  color: #272833;
}
.alert-dark .alert-btn:hover {
  background-color: #272833;
  color: #fff;
  border-color: #272833;
}
.alert-dark .alert-btn:active {
  background-color: #1c1d25;
  border-color: #1c1d25;
}
.alert-dark .alert-btn.active {
  background-color: #1c1d25;
  border-color: #1c1d25;
}
.alert-dark .alert-btn[aria-expanded=true], .alert-dark .alert-btn.show {
  background-color: #1c1d25;
  border-color: #1c1d25;
}
.alert-dark .close {
  color: #f1f2f5;
}
.alert-dark .close:hover {
  color: #f1f2f5;
}
.alert-dark .lead {
  color: #f1f2f5;
}
.badge {
  border-color: transparent;
  border-radius: 10rem;
  border-style: solid;
  border-width: 1px;
  display: inline-flex;
  font-size: 0.625rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.1;
  margin-bottom: 0.125rem;
  margin-right: 0.25rem;
  margin-top: 0.125rem;
  max-width: 100%;
  padding-bottom: 0.09375rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.09375rem;
  text-align: center;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  white-space: inherit;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
.badge:empty {
  display: none;
}
.badge[href]:hover, .badge[type]:hover {
  text-decoration: none;
}
.badge[href].focus, .badge[href]:focus, .badge[type].focus, .badge[type]:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.badge a {
  color: #fff;
  text-decoration: underline;
}
.badge a:hover {
  text-decoration: none;
}
.badge a.focus, .badge a:focus {
  text-decoration: none;
}
.badge > .c-inner {
  margin-bottom: -0.09375rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-top: -0.09375rem;
  max-width: none;
}
.badge .inline-item a {
  align-items: center;
  display: inline-flex;
  margin-top: 0;
}
.badge .inline-item .btn-unstyled {
  color: inherit;
  display: inline-flex;
  margin-top: 0;
  max-width: none;
}
.badge .inline-item .close {
  color: inherit;
  display: inline-flex;
  float: none;
  font-size: inherit;
  margin-top: 0;
  opacity: 1;
}
.badge .inline-item a .lexicon-icon,
.badge .inline-item .btn-unstyled .lexicon-icon,
.badge .inline-item .close .lexicon-icon {
  margin-top: 0;
}
.badge .inline-item .lexicon-icon {
  height: 0.875em;
  margin-top: 0;
  width: 0.875em;
}

.badge-item {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  min-height: 0;
  position: relative;
  text-align: left;
}
.badge-item a {
  display: inline-flex;
}
.badge-item .btn-unstyled {
  color: inherit;
  display: inline-flex;
}
.badge-item .close {
  border-radius: 1px;
  color: inherit;
  display: inline-flex;
  font-size: inherit;
  height: auto;
  opacity: 1;
  width: auto;
}
.badge-item .close:hover {
  color: inherit;
  opacity: 1;
}
.badge-item .close:focus {
  opacity: 1;
}
.badge-item .lexicon-icon {
  height: 0.875em;
  margin-top: 0;
  width: 0.875em;
}

.badge-item-expand {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0.375rem;
  word-wrap: break-word;
}
.badge-item-expand a {
  flex-direction: column;
}

.badge-item-before {
  margin-right: 0.85714em;
}

.badge-item-after {
  margin-left: 0.85714em;
}

.btn .badge {
  margin-right: 0;
  position: relative;
  top: -1px;
}

.badge-pill {
  border-radius: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.badge-primary {
  background-color: #005D44;
  color: #fff;
}
[href].badge-primary:hover, [type].badge-primary:hover {
  background-color: #005D44;
  color: #fff;
}
[href].focus.badge-primary, [href].badge-primary:focus, [type].focus.badge-primary, [type].badge-primary:focus {
  background-color: #005D44;
  box-shadow: 0 0 0 0.2rem rgba(0, 93, 68, 0.5);
  color: #fff;
}
.badge-secondary {
  background-color: #e7e7ed;
  color: #272833;
}
[href].badge-secondary:hover, [type].badge-secondary:hover {
  background-color: #e7e7ed;
  color: #272833;
}
[href].focus.badge-secondary, [href].badge-secondary:focus, [type].focus.badge-secondary, [type].badge-secondary:focus {
  background-color: #e7e7ed;
  color: #272833;
  box-shadow: 0 0 0 0.2rem rgba(231, 231, 237, 0.5);
}
.badge-secondary a {
  color: #272833;
}
.badge-success {
  background-color: #287d3c;
  color: #fff;
}
[href].badge-success:hover, [type].badge-success:hover {
  background-color: #287d3c;
  color: #fff;
}
[href].focus.badge-success, [href].badge-success:focus, [type].focus.badge-success, [type].badge-success:focus {
  background-color: #287d3c;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.5);
}
.badge-info {
  background-color: #2e5aac;
  color: #fff;
}
[href].badge-info:hover, [type].badge-info:hover {
  background-color: #2e5aac;
  color: #fff;
}
[href].focus.badge-info, [href].badge-info:focus, [type].focus.badge-info, [type].badge-info:focus {
  background-color: #2e5aac;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(46, 90, 172, 0.5);
}
.badge-warning {
  background-color: #b95000;
  color: #fff;
}
[href].badge-warning:hover, [type].badge-warning:hover {
  background-color: #b95000;
  color: #fff;
}
[href].focus.badge-warning, [href].badge-warning:focus, [type].focus.badge-warning, [type].badge-warning:focus {
  background-color: #b95000;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(185, 80, 0, 0.5);
}
.badge-danger {
  background-color: #da1414;
  color: #fff;
}
[href].badge-danger:hover, [type].badge-danger:hover {
  background-color: #da1414;
  color: #fff;
}
[href].focus.badge-danger, [href].badge-danger:focus, [type].focus.badge-danger, [type].badge-danger:focus {
  background-color: #da1414;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(218, 20, 20, 0.5);
}
.badge-light {
  background-color: #f1f2f5;
  color: #272833;
}
[href].badge-light:hover, [type].badge-light:hover {
  background-color: #f1f2f5;
  color: #272833;
}
[href].focus.badge-light, [href].badge-light:focus, [type].focus.badge-light, [type].badge-light:focus {
  background-color: #f1f2f5;
  color: #272833;
  box-shadow: 0 0 0 0.2rem rgba(241, 242, 245, 0.5);
}
.badge-light a {
  color: #272833;
}
.badge-dark {
  background-color: #272833;
  color: #fff;
}
[href].badge-dark:hover, [type].badge-dark:hover {
  background-color: #272833;
  color: #fff;
}
[href].focus.badge-dark, [href].badge-dark:focus, [type].focus.badge-dark, [type].badge-dark:focus {
  background-color: #272833;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(39, 40, 51, 0.5);
}
.breadcrumb {
  background-color: transparent;
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
  list-style: none;
  margin-bottom: 0;
  padding: 0.59375rem 0.125rem;
}

.breadcrumb-link {
  color: #6b6c7e;
  display: block;
  text-decoration: none;
  border-radius: 1px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .breadcrumb-link {
    transition: none;
  }
}
.breadcrumb-link:hover {
  color: #6b6c7e;
  text-decoration: underline;
}
.breadcrumb-link.focus, .breadcrumb-link:focus {
  color: #6b6c7e;
  text-decoration: underline;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.breadcrumb-item {
  font-size: 0.875rem;
  margin-right: 0.5em;
  position: relative;
}
.breadcrumb-item.active,
.breadcrumb-item .active {
  color: #272833;
  font-weight: var(--font-weight-semi-bold, 500);
}
.breadcrumb-item > span {
  text-transform: inherit;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 1em;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: #6b6c7e;
  display: block;
  float: left;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M375.2%20239.2%20173.3%2037c-23.6-23-59.9%2011.9-36%2035.1l183%20183.9-182.9%20183.8c-24%2023.5%2012.5%2058.2%2036.1%2035.2l201.7-202.1c10.2-10.1%209.3-24.4%200-33.7z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  height: 0.6em;
  left: 0;
  margin-top: calc(-0.6em / 2);
  padding: 0;
  position: absolute;
  top: 50%;
  width: 0.6em;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item .dropdown-toggle {
  text-decoration: none;
}
.breadcrumb-item .dropdown-toggle:hover {
  text-decoration: none;
}
.breadcrumb-item .dropdown-toggle:focus, .breadcrumb-item .dropdown-toggle.focus {
  text-decoration: none;
}
.breadcrumb-text-truncate {
  display: inline-block;
  max-width: 17.875rem;
  overflow: hidden;
  text-decoration: inherit;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .breadcrumb-text-truncate {
    max-width: 8.5rem;
  }
}

.btn-group,
.btn-group-vertical {
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  z-index: 3;
}
.btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -0.0625rem;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group {
  flex-wrap: wrap;
}

.btn-group-nowrap {
  flex-wrap: nowrap;
}

.btn-group-item {
  align-items: center;
  display: inline-flex;
  margin-right: 1rem;
}

.btn-group-item:last-child,
.btn-group-item-last {
  margin-right: 0;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  margin-bottom: 0.125rem;
  margin-top: 0.125rem;
}
.btn-toolbar .btn-group:not(:last-child),
.btn-toolbar .input-group:not(:last-child) {
  margin-right: 0.5rem;
}
.btn-toolbar .input-group {
  width: auto;
}

.dropdown-toggle-split {
  padding-left: calc(0.9375rem * 0.75);
  padding-right: calc(0.9375rem * 0.75);
}

.btn-sm + .dropdown-toggle-split {
  padding-right: calc(0.75rem * 0.75);
  padding-left: calc(0.75rem * 0.75);
}

.btn-lg + .dropdown-toggle-split {
  padding-right: calc(1.5rem * 0.75);
  padding-left: calc(1.5rem * 0.75);
}

.btn-group-vertical {
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -0.0625rem;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-vertical > .btn-monospaced {
  width: 2.5rem;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  position: absolute;
}

.c-empty-state-animation {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 5rem auto 1.5rem;
  max-width: 340px;
  text-align: center;
}

.c-empty-state-image {
  margin-bottom: -0.5rem;
  max-width: 250px;
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.c-empty-state-aspect-ratio {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  display: block;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}

.c-empty-state-title {
  font-size: 1.25rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.2;
  margin-bottom: 0;
  margin-top: 2.5rem;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.c-empty-state-text {
  color: #6b6c7e;
  margin-bottom: 0;
  margin-top: 0.5rem;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.c-empty-state-footer {
  margin-top: 1rem;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.c-empty-state-sm.c-empty-state-animation {
  margin: 2.5rem auto 2rem;
  max-width: 268px;
}
.c-empty-state-sm .c-empty-state-image {
  max-width: 120px;
}
.c-empty-state-sm .c-empty-state-title {
  font-size: 1rem;
  line-height: 1.5;
}
.c-empty-state-sm .c-empty-state-text {
  font-size: 0.875rem;
}
.label {
  border-color: #272833;
  border-radius: 0.125rem;
  border-style: solid;
  border-width: 0.0625rem;
  display: inline-flex;
  font-size: 0.625rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1;
  margin-bottom: 0.125rem;
  margin-right: 0.25rem;
  margin-top: 0.125rem;
  max-width: 100%;
  padding-bottom: 0.125rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.125rem;
  text-transform: uppercase;
  white-space: inherit;
  overflow-wrap: break-word;
  word-wrap: break-word;
  outline: 0;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .label {
    transition: none;
  }
}
.label:disabled, .label.disabled {
  box-shadow: none;
}
.label[href], .label[type], .label[tabindex] {
  cursor: pointer;
  text-decoration: none;
}
.label[href]:hover, .label[type]:hover, .label[tabindex]:hover {
  text-decoration: underline;
}
.label[href].focus, .label[href]:focus, .label[type].focus, .label[type]:focus, .label[tabindex].focus, .label[tabindex]:focus {
  text-decoration: underline;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.label a,
.label .btn-unstyled {
  color: inherit;
  display: inline-block;
  text-decoration: none;
}
.label a:hover,
.label .btn-unstyled:hover {
  color: inherit;
  text-decoration: underline;
}
.label a.focus, .label a:focus,
.label .btn-unstyled.focus,
.label .btn-unstyled:focus {
  color: inherit;
  text-decoration: underline;
}
.label .sticker {
  border-radius: 100px;
  height: 0.875em;
  line-height: 0.875em;
  width: 0.875em;
}
.label .sticker-overlay {
  border-radius: 100px;
}
.label > .c-inner {
  margin-bottom: -0.125rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-top: -0.125rem;
  max-width: none;
}
.label .inline-item a {
  align-items: center;
  display: inline-flex;
  margin-top: 0;
}
.label .inline-item .btn-unstyled {
  color: inherit;
  display: inline-flex;
  margin-top: 0;
  max-width: none;
}
.label .inline-item .close {
  color: inherit;
  display: inline-flex;
  float: none;
  font-size: inherit;
  margin-top: 0;
  opacity: 1;
}
.label .inline-item a .lexicon-icon,
.label .inline-item .btn-unstyled .lexicon-icon,
.label .inline-item .close .lexicon-icon {
  margin-top: 0;
}
.label .inline-item .lexicon-icon {
  margin-top: 0;
}

.label-item {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  min-height: 0;
  position: relative;
}
.label-item a {
  display: inline-flex;
}
.label-item .btn-unstyled {
  color: inherit;
  display: inline-flex;
}
.label-item .close {
  border-radius: 1px;
  color: inherit;
  display: inline-flex;
  font-size: 1rem;
  height: auto;
  margin-bottom: -2px;
  margin-top: -2px;
  opacity: 1;
  width: auto;
}
.label-item .close:hover {
  color: inherit;
  opacity: 1;
}
.label-item .close:focus {
  opacity: 1;
}
.label-item .close:disabled, .label-item .close.disabled {
  opacity: 0.4;
  color: inherit;
}
.label-item .lexicon-icon {
  margin-top: 0;
}
.label-item .text-truncate-inline {
  display: inline-flex;
}

.label-item-expand {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 1rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.label-item-expand a {
  flex-direction: column;
}
.label-item-before {
  margin-right: 0.85714em;
}

.label-item-after {
  margin-left: 0.85714em;
}

.label-lg {
  font-size: 0.75rem;
  height: auto;
  padding-bottom: 0.3125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.3125rem;
  text-transform: none;
  min-height: 1.5rem;
}
.label-lg .lexicon-icon {
  height: 1em;
  width: 1em;
}
.label-lg .label-item {
  margin-bottom: -0.0625rem;
  margin-top: -0.0625rem;
}
.label-lg .label-item .lexicon-icon {
  height: 1em;
  width: 1em;
}
.label-lg .sticker {
  height: 0.875rem;
  line-height: 0.875rem;
  width: 0.875rem;
}
.label-lg > .c-inner {
  margin-bottom: -0.3125rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: -0.3125rem;
}

.label-primary {
  background-color: #fff;
  border-color: #00d29a;
  color: #005D44;
}
[href].label-primary:hover, [type].label-primary:hover, [tabindex].label-primary:hover {
  border-color: #00d29a;
  color: #002a1f;
}
[href].focus.label-primary, [href].label-primary:focus, [type].focus.label-primary, [type].label-primary:focus, [tabindex].focus.label-primary, [tabindex].label-primary:focus {
  color: #002a1f;
}
.label-primary a:hover,
.label-primary .btn-unstyled:hover {
  color: #002a1f;
}
.label-primary .close:hover {
  color: #002a1f;
}
.label-primary .close:focus {
  color: #002a1f;
}
.label-secondary {
  background-color: #fff;
  border-color: #cdced9;
  color: #6b6c7e;
}
[href].label-secondary:hover, [type].label-secondary:hover, [tabindex].label-secondary:hover {
  border-color: #cdced9;
  color: #272833;
}
[href].focus.label-secondary, [href].label-secondary:focus, [type].focus.label-secondary, [type].label-secondary:focus, [tabindex].focus.label-secondary, [tabindex].label-secondary:focus {
  color: #272833;
}
.label-secondary a:hover,
.label-secondary .btn-unstyled:hover {
  color: #272833;
}
.label-secondary .close:hover {
  color: #272833;
}
.label-secondary .close:focus {
  color: #272833;
}
.label-success {
  background-color: #fff;
  border-color: #5aca75;
  color: #287d3c;
}
[href].label-success:hover, [type].label-success:hover, [tabindex].label-success:hover {
  border-color: #5aca75;
  color: #1c5629;
}
[href].focus.label-success, [href].label-success:focus, [type].focus.label-success, [type].label-success:focus, [tabindex].focus.label-success, [tabindex].label-success:focus {
  color: #1c5629;
}
.label-success a:hover,
.label-success .btn-unstyled:hover {
  color: #1c5629;
}
.label-success .close:hover {
  color: #1c5629;
}
.label-success .close:focus {
  color: #1c5629;
}
.label-info {
  background-color: #fff;
  border-color: #89a7e0;
  color: #2e5aac;
}
[href].label-info:hover, [type].label-info:hover, [tabindex].label-info:hover {
  border-color: #89a7e0;
  color: #234584;
}
[href].focus.label-info, [href].label-info:focus, [type].focus.label-info, [type].label-info:focus, [tabindex].focus.label-info, [tabindex].label-info:focus {
  color: #234584;
}
.label-info a:hover,
.label-info .btn-unstyled:hover {
  color: #234584;
}
.label-info .close:hover {
  color: #234584;
}
.label-info .close:focus {
  color: #234584;
}
.label-warning {
  background-color: #fff;
  border-color: #ff8f39;
  color: #b95000;
}
[href].label-warning:hover, [type].label-warning:hover, [tabindex].label-warning:hover {
  border-color: #ff8f39;
  color: #863a00;
}
[href].focus.label-warning, [href].label-warning:focus, [type].focus.label-warning, [type].label-warning:focus, [tabindex].focus.label-warning, [tabindex].label-warning:focus {
  color: #863a00;
}
.label-warning a:hover,
.label-warning .btn-unstyled:hover {
  color: #863a00;
}
.label-warning .close:hover {
  color: #863a00;
}
.label-warning .close:focus {
  color: #863a00;
}
.label-danger {
  background-color: #fff;
  border-color: #f48989;
  color: #da1414;
}
[href].label-danger:hover, [type].label-danger:hover, [tabindex].label-danger:hover {
  border-color: #f48989;
  color: #ab1010;
}
[href].focus.label-danger, [href].label-danger:focus, [type].focus.label-danger, [type].label-danger:focus, [tabindex].focus.label-danger, [tabindex].label-danger:focus {
  color: #ab1010;
}
.label-danger a:hover,
.label-danger .btn-unstyled:hover {
  color: #ab1010;
}
.label-danger .close:hover {
  color: #ab1010;
}
.label-danger .close:focus {
  color: #ab1010;
}
.label-dark {
  background-color: #fff;
  border-color: #272833;
  color: #272833;
}
[href].label-dark:hover, [type].label-dark:hover, [tabindex].label-dark:hover {
  border-color: #272833;
  color: #393a4a;
}
[href].focus.label-dark, [href].label-dark:focus, [type].focus.label-dark, [type].label-dark:focus, [tabindex].focus.label-dark, [tabindex].label-dark:focus {
  color: #393a4a;
}
.label-dark a:hover,
.label-dark .btn-unstyled:hover {
  color: #393a4a;
}
.label-dark .close:hover {
  color: #393a4a;
}
.label-dark .close:focus {
  color: #393a4a;
}
.label-light {
  background-color: #272833;
  border-color: #f1f2f5;
  color: #f1f2f5;
}
[href].label-light:hover, [type].label-light:hover, [tabindex].label-light:hover {
  border-color: #f1f2f5;
  color: #d3d6e0;
}
[href].focus.label-light, [href].label-light:focus, [type].focus.label-light, [type].label-light:focus, [tabindex].focus.label-light, [tabindex].label-light:focus {
  color: #d3d6e0;
}
.label-light a:hover,
.label-light .btn-unstyled:hover {
  color: #d3d6e0;
}
.label-light .close:hover {
  color: #d3d6e0;
}
.label-light .close:focus {
  color: #d3d6e0;
}
.label-inverse-primary {
  background-color: #005D44;
  border-color: #005D44;
  color: #fff;
}
[href].label-inverse-primary:hover, [type].label-inverse-primary:hover, [tabindex].label-inverse-primary:hover {
  color: #fff;
}
.label-inverse-secondary {
  background-color: #6b6c7e;
  border-color: #6b6c7e;
  color: #fff;
}
[href].label-inverse-secondary:hover, [type].label-inverse-secondary:hover, [tabindex].label-inverse-secondary:hover {
  color: #fff;
}
.label-inverse-success {
  background-color: #287d3c;
  border-color: #287d3c;
  color: #fff;
}
[href].label-inverse-success:hover, [type].label-inverse-success:hover, [tabindex].label-inverse-success:hover {
  color: #fff;
}
.label-inverse-info {
  background-color: #2e5aac;
  border-color: #2e5aac;
  color: #fff;
}
[href].label-inverse-info:hover, [type].label-inverse-info:hover, [tabindex].label-inverse-info:hover {
  color: #fff;
}
.label-inverse-warning {
  background-color: #b95000;
  border-color: #b95000;
  color: #fff;
}
[href].label-inverse-warning:hover, [type].label-inverse-warning:hover, [tabindex].label-inverse-warning:hover {
  color: #fff;
}
.label-inverse-danger {
  background-color: #da1414;
  border-color: #da1414;
  color: #fff;
}
[href].label-inverse-danger:hover, [type].label-inverse-danger:hover, [tabindex].label-inverse-danger:hover {
  color: #fff;
}
.label-inverse-light {
  background-color: #f1f2f5;
  border-color: #f1f2f5;
  color: #272833;
}
[href].label-inverse-light:hover, [type].label-inverse-light:hover, [tabindex].label-inverse-light:hover {
  color: #272833;
}
.label-inverse-dark {
  background-color: #272833;
  border-color: #272833;
  color: #fff;
}
[href].label-inverse-dark:hover, [type].label-inverse-dark:hover, [tabindex].label-inverse-dark:hover {
  color: #fff;
}
.media {
  align-items: flex-start;
  display: flex;
}

.media-body {
  flex: 1;
}

.sticker {
  align-items: center;
  border-radius: 0.25rem;
  color: #272833;
  height: 2rem;
  line-height: 2rem;
  display: inline-flex;
  font-size: 1rem;
  font-weight: var(--font-weight-bold, 700);
  justify-content: center;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 2rem;
}
.sticker > .inline-item {
  justify-content: center;
}
.sticker > .inline-item .lexicon-icon {
  margin-top: 0;
}
.sticker .lexicon-icon {
  margin-top: 0;
}
.sticker-overlay {
  align-items: center;
  border-radius: inherit;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.sticker-bottom-left {
  bottom: 1rem;
  left: 1rem;
  position: absolute;
  right: auto;
  top: auto;
}

.sticker-bottom-right {
  bottom: 1rem;
  left: auto;
  position: absolute;
  right: 1rem;
  top: auto;
}

.sticker-top-left {
  left: 1rem;
  position: absolute;
  top: 1rem;
}

.sticker-top-right {
  left: auto;
  position: absolute;
  right: 1rem;
  top: 1rem;
}

.sticker-outside {
  left: -1rem;
  top: -1rem;
}
.sticker-outside.sticker-bottom-left {
  bottom: -1rem;
  top: auto;
}
.sticker-outside.sticker-bottom-right {
  bottom: -1rem;
  left: auto;
  right: -1rem;
  top: auto;
}
.sticker-outside.sticker-top-right {
  left: auto;
  right: -1rem;
}

.sticker-user-icon {
  background-color: #fff;
  border-radius: var(--border-radius-circle, 5000px);
  box-shadow: 0 0 0 1px #e7e7ed;
}
.sticker-sm {
  font-size: 0.75rem;
  height: 1.5rem;
  line-height: 1.5rem;
  width: 1.5rem;
}
.sticker-outside.sticker-sm {
  left: -0.75rem;
  top: -0.75rem;
}
.sticker-outside.sticker-bottom-left.sticker-sm {
  bottom: -0.75rem;
  top: auto;
}
.sticker-outside.sticker-bottom-right.sticker-sm {
  bottom: -0.75rem;
  left: auto;
  right: -0.75rem;
  top: auto;
}
.sticker-outside.sticker-top-right.sticker-sm {
  left: auto;
  right: -0.75rem;
}

.sticker-lg {
  font-size: 1.25rem;
  height: 2.5rem;
  line-height: 2.5rem;
  width: 2.5rem;
}
.sticker-outside.sticker-lg {
  left: -1.25rem;
  top: -1.25rem;
}
.sticker-outside.sticker-bottom-left.sticker-lg {
  bottom: -1.25rem;
  top: auto;
}
.sticker-outside.sticker-bottom-right.sticker-lg {
  bottom: -1.25rem;
  left: auto;
  right: -1.25rem;
  top: auto;
}
.sticker-outside.sticker-top-right.sticker-lg {
  left: auto;
  right: -1.25rem;
}

.sticker-xl {
  font-size: 1.5rem;
  height: 3rem;
  line-height: 3rem;
  width: 3rem;
}
.sticker-outside.sticker-xl {
  left: -1.5rem;
  top: -1.5rem;
}
.sticker-outside.sticker-bottom-left.sticker-xl {
  bottom: -1.5rem;
  top: auto;
}
.sticker-outside.sticker-bottom-right.sticker-xl {
  bottom: -1.5rem;
  left: auto;
  right: -1.5rem;
  top: auto;
}
.sticker-outside.sticker-top-right.sticker-xl {
  left: auto;
  right: -1.5rem;
}

.sticker-primary {
  background-color: #fff;
  color: #005D44;
}
.sticker-secondary {
  background-color: #fff;
  color: #6b6c7e;
}
.sticker-success {
  background-color: #fff;
  color: #287d3c;
}
.sticker-info {
  background-color: #fff;
  color: #2e5aac;
}
.sticker-warning {
  background-color: #fff;
  color: #b95000;
}
.sticker-danger {
  background-color: #fff;
  color: #da1414;
}
.sticker-light {
  background-color: #272833;
  color: #f1f2f5;
}
.sticker-dark {
  background-color: #fff;
  color: #272833;
}
.sticker-circle {
  border-radius: var(--border-radius-circle, 5000px);
}
.card,
.card-horizontal {
  background-color: #fff;
  border-color: rgba(7, 29, 31, 0.125);
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 0px;
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.6);
  display: block;
  margin-bottom: 1.5rem;
  min-width: 0;
  position: relative;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.card .aspect-ratio .label,
.card-horizontal .aspect-ratio .label {
  display: block;
  margin-bottom: 0.5rem;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0.5rem;
}
.card .aspect-ratio-item-top-left,
.card-horizontal .aspect-ratio-item-top-left {
  left: 1rem;
  top: 1rem;
}
.card .aspect-ratio-item-top-center,
.card-horizontal .aspect-ratio-item-top-center {
  top: 1rem;
}
.card .aspect-ratio-item-top-right,
.card-horizontal .aspect-ratio-item-top-right {
  right: 1rem;
  top: 1rem;
}
.card .aspect-ratio-item-right-middle,
.card-horizontal .aspect-ratio-item-right-middle {
  right: 1rem;
}
.card .aspect-ratio-item-bottom-right,
.card-horizontal .aspect-ratio-item-bottom-right {
  bottom: 1rem;
  right: 1rem;
}
.card .aspect-ratio-item-bottom-center,
.card-horizontal .aspect-ratio-item-bottom-center {
  bottom: 1rem;
}
.card .aspect-ratio-item-bottom-left,
.card-horizontal .aspect-ratio-item-bottom-left {
  bottom: 1rem;
  left: 1rem;
}
.card > hr,
.card-horizontal > hr {
  margin-left: 0;
  margin-right: 0;
}
.card .autofit-col:first-child,
.card-horizontal .autofit-col:first-child {
  border-bottom-left-radius: calc(
	0.25rem - 0px
);
  border-top-left-radius: calc(
	0.25rem - 0px
);
}
.card .autofit-col:last-child,
.card-horizontal .autofit-col:last-child {
  border-bottom-right-radius: calc(
	0.25rem - 0px
);
  border-top-right-radius: calc(
	0.25rem - 0px
);
}
.card > .list-group:first-child .list-group-item:first-child,
.card-horizontal > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child,
.card-horizontal > .list-group:last-child .list-group-item:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}

.card-section-header {
  color: #6b6c7e;
  font-size: 0.75rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 2.5;
  margin-bottom: 1.5rem;
  padding: 0 15px;
  text-transform: uppercase;
}

.card-title {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.5;
  margin-bottom: 0;
  color: #272833;
}
.card-title[href],
.card-title [href] {
  color: #272833;
}
.card-title[href]:hover,
.card-title [href]:hover {
  color: #272833;
}
.card-subtitle {
  color: #6b6c7e;
  font-size: 0.875rem;
  font-weight: var(--font-weight-normal, 400);
  margin-bottom: 0;
  margin-top: 0;
}
.card-subtitle[href],
.card-subtitle [href] {
  color: #6b6c7e;
}
.card-subtitle[href]:hover,
.card-subtitle [href]:hover {
  color: #6b6c7e;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link {
  color: #6b6c7e;
  font-size: 0.875rem;
}
.card-link:hover {
  color: #6b6c7e;
  text-decoration: underline;
}
.card-link.btn-unstyled {
  white-space: normal;
}
.card-link + .card-link {
  margin-left: 0;
}

.card-divider {
  background-color: rgba(7, 29, 31, 0.125);
  height: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.card-header {
  background-color: rgba(7, 29, 31, 0.03);
  border-bottom: 0px solid rgba(7, 29, 31, 0.125);
  margin-bottom: 0;
  padding: 0.75rem 1.25rem;
}
.card-header:first-child {
  border-radius: calc( 	0.25rem - 0px ) calc( 	0.25rem - 0px ) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-header-tabs {
  border-bottom: 0;
  margin-bottom: -0.75rem;
  margin-left: calc(-1.25rem / 2);
  margin-right: calc(-1.25rem / 2);
}

.card-header-pills {
  margin-left: calc(-1.25rem / 2);
  margin-right: calc(-1.25rem / 2);
}

.card-footer {
  background-color: rgba(7, 29, 31, 0.03);
  border-top: 0px solid rgba(7, 29, 31, 0.125);
  padding: 0.75rem 1.25rem;
}
.card-footer:last-child {
  border-radius: 0 0 calc( 	0.25rem - 0px ) calc( 	0.25rem - 0px );
}
.card-img-overlay {
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  position: absolute;
  right: 0;
  top: 0;
}

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(
	0.25rem - 0px
);
  border-top-right-radius: calc(
	0.25rem - 0px
);
}

.card-img,
.card-img-bottom {
  border-bottom-left-radius: calc(
	0.25rem - 0px
);
  border-bottom-right-radius: calc(
	0.25rem - 0px
);
}

.card-row {
  display: flex;
  width: 100%;
}
.card-row .autofit-col {
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
}
.card-row .autofit-col-expand {
  min-width: 25px;
}

.card-row .autofit-col-gutters {
  padding-left: 10px;
  padding-right: 10px;
}
.card-row .autofit-col-gutters .card-divider {
  margin-left: -10px;
  margin-right: -10px;
}

.justify-content-center .autofit-col {
  justify-content: center;
}
.justify-content-start .autofit-col {
  justify-content: flex-start;
}
.justify-content-end .autofit-col {
  justify-content: flex-end;
}
.text-center .autofit-col {
  text-align: center;
}
.text-left .autofit-col {
  text-align: left;
}
.text-right .autofit-col {
  text-align: right;
}

.card-item-first {
  border-top-left-radius: calc(
	0.25rem - 0px
);
  border-top-right-radius: calc(
	0.25rem - 0px
);
  width: 100%;
}

.autofit-col:first-child .card-item-first {
  border-radius: calc(
	0.25rem - 0px
) 0 0 calc(
	0.25rem - 0px
);
}

.card-item-last {
  border-bottom-left-radius: calc(
	0.25rem - 0px
);
  border-bottom-right-radius: calc(
	0.25rem - 0px
);
  width: 100%;
}

.autofit-col:last-child .card-item-last {
  border-radius: 0 calc(
	0.25rem - 0px
) calc(
	0.25rem - 0px
) 0;
}

.rounded .card-header,
.rounded .card-item-first {
  border-top-left-radius: calc(
	var(--border-radius, 0.25rem) - 0px
);
  border-top-right-radius: calc(
	var(--border-radius, 0.25rem) - 0px
);
}
.rounded .card-footer,
.rounded .card-item-last {
  border-bottom-left-radius: calc(
	var(--border-radius, 0.25rem) - 0px
);
  border-bottom-right-radius: calc(
	var(--border-radius, 0.25rem) - 0px
);
}
.rounded .autofit-col:first-child {
  border-bottom-left-radius: calc(
	var(--border-radius, 0.25rem) - 0px
);
  border-top-left-radius: calc(
	var(--border-radius, 0.25rem) - 0px
);
}
.rounded .autofit-col:first-child .card-item-first {
  border-radius: calc(
	var(--border-radius, 0.25rem) - 0px
) 0 0 calc(
	var(--border-radius, 0.25rem) - 0px
);
}
.rounded .autofit-col:last-child {
  border-bottom-right-radius: calc(
	var(--border-radius, 0.25rem) - 0px
);
  border-top-right-radius: calc(
	var(--border-radius, 0.25rem) - 0px
);
}
.rounded .autofit-col:last-child .card-item-last {
  border-radius: 0 calc(
	var(--border-radius, 0.25rem) - 0px
) calc(
	var(--border-radius, 0.25rem) - 0px
) 0;
}

.rounded-0 .card-header,
.rounded-0 .card-item-first {
  border-top-left-radius: calc(
	0 - 0px
);
  border-top-right-radius: calc(
	0 - 0px
);
}
.rounded-0 .card-footer,
.rounded-0 .card-item-last {
  border-bottom-left-radius: calc(
	0 - 0px
);
  border-bottom-right-radius: calc(
	0 - 0px
);
}
.rounded-0 .autofit-col:first-child {
  border-bottom-left-radius: calc(
	0 - 0px
);
  border-top-left-radius: calc(
	0 - 0px
);
}
.rounded-0 .autofit-col:first-child .card-item-first {
  border-radius: calc(
	0 - 0px
) 0 0 calc(
	0 - 0px
);
}
.rounded-0 .autofit-col:last-child {
  border-bottom-right-radius: calc(
	0 - 0px
);
  border-top-right-radius: calc(
	0 - 0px
);
}
.rounded-0 .autofit-col:last-child .card-item-last {
  border-radius: 0 calc(
	0 - 0px
) calc(
	0 - 0px
) 0;
}

.rounded-circle .card-header,
.rounded-circle .card-item-first {
  border-top-left-radius: calc(
	var(--border-radius-circle, 5000px) - 0px
);
  border-top-right-radius: calc(
	var(--border-radius-circle, 5000px) - 0px
);
}
.rounded-circle .card-footer,
.rounded-circle .card-item-last {
  border-bottom-left-radius: calc(
	var(--border-radius-circle, 5000px) - 0px
);
  border-bottom-right-radius: calc(
	var(--border-radius-circle, 5000px) - 0px
);
}
.rounded-circle .autofit-col:first-child {
  border-bottom-left-radius: calc(
	var(--border-radius-circle, 5000px) - 0px
);
  border-top-left-radius: calc(
	var(--border-radius-circle, 5000px) - 0px
);
}
.rounded-circle .autofit-col:first-child .card-item-first {
  border-radius: calc(
	var(--border-radius-circle, 5000px) - 0px
) 0 0 calc(
	var(--border-radius-circle, 5000px) - 0px
);
}
.rounded-circle .autofit-col:last-child {
  border-bottom-right-radius: calc(
	var(--border-radius-circle, 5000px) - 0px
);
  border-top-right-radius: calc(
	var(--border-radius-circle, 5000px) - 0px
);
}
.rounded-circle .autofit-col:last-child .card-item-last {
  border-radius: 0 calc(
	var(--border-radius-circle, 5000px) - 0px
) calc(
	var(--border-radius-circle, 5000px) - 0px
) 0;
}

.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-left: -15px;
    margin-right: -15px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-bottom: 0;
    margin-left: 15px;
    margin-right: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    border-left: 0;
    margin-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: 0px;
}

.form-check-card {
  margin-bottom: 1.5rem;
  margin-top: 0;
  padding-left: 0;
}
.form-check-card:hover .card {
  box-shadow: 0 0 0 2px #80acff;
}
.form-check-card.active .card {
  box-shadow: 0 0 0 2px #80acff;
}
.form-check-card.checked .card {
  box-shadow: 0 0 0 2px #80acff;
}
.form-check-card .card {
  margin-bottom: 0;
}
.form-check-card .form-check-input {
  margin-left: 0;
  margin-top: 0;
  opacity: 0;
  position: absolute;
  z-index: 1;
}
.form-check-card .form-check-label {
  color: var(--body-color, #344243);
  display: inline;
  font-weight: var(--font-weight-normal, 400);
  padding-left: 0;
  position: static;
}
.form-check-card .custom-control {
  display: inline;
  margin-right: 0;
  position: static;
}
.form-check-card .custom-control label {
  font-weight: var(--font-weight-normal, 400);
  padding-left: 0;
}
.form-check-card .custom-control .custom-control-label {
  opacity: 0;
  position: absolute;
  z-index: 1;
}
.form-check-card .custom-control .custom-control-label::before {
  top: 0;
}
.form-check-card .custom-control .custom-control-label::after {
  top: 0;
}
.form-check-card .custom-control .custom-control-input {
  z-index: 2;
}
.form-check-card .custom-control .custom-control-input:checked ~ .card {
  box-shadow: 0 0 0 2px #80acff;
}
.form-check-card .custom-control .custom-control-input:checked ~ .card {
  box-shadow: 0 0 0 2px #80acff;
}
.form-check-card .form-check-input:checked ~ .card {
  box-shadow: 0 0 0 2px #80acff;
}
.form-check-bottom-left .card-horizontal > .card-body,
.form-check-middle-left .card-horizontal > .card-body,
.form-check-top-left .card-horizontal > .card-body {
  padding-left: 50px;
}

.form-check-bottom-right .card-horizontal > .card-body,
.form-check-middle-right .card-horizontal > .card-body,
.form-check-top-right .card-horizontal > .card-body {
  padding-right: 50px;
}

.form-check-bottom-left .form-check-input {
  bottom: 1rem;
  left: 1rem;
  opacity: 1;
  top: auto;
  transform: none;
}
.form-check-bottom-left .custom-control .custom-control-label {
  bottom: 1rem;
  left: 1rem;
  opacity: 1;
  top: auto;
  transform: none;
}
.form-check-bottom-left .custom-control .custom-control-input {
  bottom: 1rem;
  left: 1rem;
  top: auto;
  transform: none;
}
.form-check-bottom-right .form-check-input {
  bottom: 1rem;
  left: auto;
  opacity: 1;
  right: 1rem;
  top: auto;
  transform: none;
}
.form-check-bottom-right .custom-control .custom-control-label {
  bottom: 1rem;
  left: auto;
  opacity: 1;
  right: 1rem;
  top: auto;
  transform: none;
}
.form-check-bottom-right .custom-control .custom-control-input {
  bottom: 1rem;
  left: auto;
  right: 1rem;
  top: auto;
  transform: none;
}
.form-check-middle-left .form-check-input {
  left: 1rem;
  margin-top: 0;
  opacity: 1;
  top: 50%;
  transform: translateY(-50%);
}
.form-check-middle-left .custom-control .custom-control-label {
  left: 1rem;
  margin-top: 0;
  opacity: 1;
  top: 50%;
  transform: translateY(-50%);
}
.form-check-middle-left .custom-control .custom-control-input {
  left: 1rem;
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%);
}
.form-check-middle-right .form-check-input {
  left: auto;
  margin-top: 0;
  opacity: 1;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.form-check-middle-right .custom-control .custom-control-label {
  left: auto;
  margin-top: 0;
  opacity: 1;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.form-check-middle-right .custom-control .custom-control-input {
  left: auto;
  margin-top: 0;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.form-check-top-left .form-check-input {
  left: 1rem;
  opacity: 1;
  top: 1rem;
  transform: none;
}
.form-check-top-left .custom-control .custom-control-label {
  left: 1rem;
  opacity: 1;
  top: 1rem;
  transform: none;
}
.form-check-top-left .custom-control .custom-control-input {
  left: 1rem;
  top: 1rem;
  transform: none;
}
.form-check-top-right .form-check-input {
  left: auto;
  opacity: 1;
  right: 1rem;
  top: 1rem;
  transform: none;
}
.form-check-top-right .custom-control .custom-control-label {
  left: auto;
  opacity: 1;
  right: 1rem;
  top: 1rem;
  transform: none;
}
.form-check-top-right .custom-control .custom-control-input {
  left: auto;
  right: 1rem;
  top: 1rem;
  transform: none;
}
.card-page.card-page-equal-height .card-page-item,
.card-page.card-page-equal-height .card-page-item-asset,
.card-page.card-page-equal-height .card-page-item-directory {
  display: flex;
  flex-direction: column;
}
.card-page.card-page-equal-height .form-check-card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.card-page.card-page-equal-height .card {
  flex-grow: 1;
}

.card-page-item-header {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

.card-page-item-directory {
  display: block;
  flex-grow: 1;
  min-width: 193px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}
@media (min-width: 0) {
  .card-page-item-directory {
    min-width: 193px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 576px) {
  .card-page-item-directory {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .card-page-item-directory {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}
@media (min-width: 992px) {
  .card-page-item-directory {
    flex-basis: 25%;
    max-width: 25%;
  }
}

.card-page-item-asset {
  display: block;
  flex-grow: 1;
  min-width: 193px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}
@media (min-width: 0) {
  .card-page-item-asset {
    min-width: 193px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 576px) {
  .card-page-item-asset {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .card-page-item-asset {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}
@media (min-width: 992px) {
  .card-page-item-asset {
    flex-basis: 25%;
    max-width: 25%;
  }
}

.card-page-item-user {
  display: block;
  flex-basis: 50%;
  flex-grow: 1;
  max-width: 50%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}
@media (min-width: 0) {
  .card-page-item-user {
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 576px) {
  .card-page-item-user {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    min-width: 200px;
  }
}
@media (min-width: 992px) {
  .card-page-item-user {
    flex-basis: 20%;
    max-width: 20%;
  }
}

.card-interactive {
  cursor: pointer;
  outline: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .card-interactive {
    transition: none;
  }
}
.card-interactive:hover, .card-interactive.hover {
  background-color: #f7f8f9;
  text-decoration: none;
}
.card-interactive:focus, .card-interactive.focus {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #719aff;
}
.card-interactive:active, .card-interactive.active {
  background-color: #f1f2f5;
}
.card-interactive::after {
  border-radius: 0 0 0.25rem 0.25rem;
  bottom: 0px;
  content: "";
  height: 0;
  left: 0px;
  position: absolute;
  right: 0px;
  transition: height 0.15s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .card-interactive::after {
    transition: none;
  }
}
.card-interactive:hover::after, .card-interactive.hover::after {
  height: 4px;
}
.card-interactive:focus::after, .card-interactive.focus::after {
  height: 4px;
}
.card-interactive:active::after, .card-interactive.active::after {
  height: 4px;
}
.card-interactive .card-body {
  display: block;
}
.card-interactive label {
  cursor: pointer;
}

.card-interactive-primary:focus, .card-interactive-primary.focus {
  background-color: #f7f8f9;
}
.card-interactive-primary:active, .card-interactive-primary.active {
  background-color: #f1f2f5;
}
.card-interactive-primary:hover::after, .card-interactive-primary.hover::after {
  background-color: #0b5fff;
}
.card-interactive-primary:focus::after, .card-interactive-primary.focus::after {
  background-color: #0b5fff;
}
.card-interactive-primary:active::after, .card-interactive-primary.active::after {
  background-color: #0b5fff;
}
.card-interactive-secondary {
  color: #272833;
}
.card-interactive-secondary:hover, .card-interactive-secondary.hover {
  background-color: #fff;
  border-color: transparent;
  box-shadow: 0 0 0 2px #719aff;
  color: #272833;
}
.card-interactive-secondary:focus, .card-interactive-secondary.focus {
  border-color: transparent;
  box-shadow: 0 0 0 2px #719aff;
}
.card-interactive-secondary:active, .card-interactive-secondary.active {
  background-color: #fff;
}
.card-type-asset .aspect-ratio {
  border-color: #e7e7ed;
  border-style: solid;
  border-width: 0 0 0.0625rem 0;
  padding-bottom: calc(9 / 16 * 100%);
}
.card-type-asset .aspect-ratio .custom-control label,
.card-type-asset .aspect-ratio .form-check-label {
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.card-type-asset .card-body {
  padding-top: 0.75rem;
}
.card-type-asset .card-row {
  align-items: flex-start;
}
.card-type-asset .card-type-asset-icon {
  width: 22.225%;
}
.card-type-asset .card-type-asset-icon .inline-item {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.card-type-asset .card-type-asset-icon > .lexicon-icon {
  height: 100%;
  width: 100%;
}
.card-type-asset .card-type-asset-icon > .sticker {
  border-radius: 50%;
  display: block;
  font-size: 2vw;
  padding-bottom: 100%;
  width: 100%;
}
.card-type-asset .dropdown-action {
  margin-right: -0.5rem;
  margin-top: -0.1875rem;
}
.image-card .aspect-ratio {
  background-image: linear-gradient(45deg, #e7e7ed 25%, transparent 25%), linear-gradient(-45deg, #e7e7ed 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e7e7ed 75%), linear-gradient(-45deg, transparent 75%, #e7e7ed 75%);
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
  background-size: 20px 20px;
}
.file-card .card-type-asset-icon {
  color: #cdced9;
}
.product-card .aspect-ratio {
  background-color: #fff;
  background-image: linear-gradient(0deg, #ebebeb, #ebebeb);
}
.product-card .card-body {
  text-align: center;
}
.product-card .card-title {
  font-size: 1rem;
}
.product-card .card-subtitle {
  font-size: 0.75rem;
}
.product-card .card-text {
  font-size: 1.125rem;
  font-weight: var(--font-weight-semi-bold, 500);
}
.user-card .card-type-asset-icon {
  max-width: 80px;
  min-width: 48px;
  width: 30%;
}
.user-card .card-type-asset-icon > .lexicon-icon {
  height: auto;
  width: 50%;
}
.card-type-directory .sticker {
  font-size: 1.125rem;
}
.card-type-template {
  color: #272833;
  border-width: 1px;
  box-shadow: none;
}
.card-type-template:hover, .card-type-template.hover {
  color: #272833;
}
.card-type-template::after {
  bottom: -1px;
  left: -1px;
  right: -1px;
}
.card-type-template .aspect-ratio {
  border-width: 0px;
  color: #6b6c7e;
  text-align: center;
  background-image: none;
  padding-bottom: calc(9 / 16 * 100%);
}
.card-type-template .aspect-ratio .lexicon-icon {
  height: auto;
  width: 28%;
}
.card-type-template .aspect-ratio-item {
  width: 100.6%;
  color: #6b6c7e;
}
.card-type-template .card-title {
  display: block;
  margin-bottom: 0.5rem;
}
.card-type-template .card-text {
  display: block;
}
.template-card .card-body {
  padding-top: 0;
  text-align: center;
}
.template-card-horizontal {
  color: #6b6c7e;
}
.template-card-horizontal:hover, .template-card-horizontal.hover {
  color: #6b6c7e;
}
.template-card-horizontal .sticker {
  font-size: 1.25rem;
}
.template-card-horizontal .card-row {
  margin-left: -4px;
  margin-right: -4px;
  width: auto;
}
.template-card-horizontal .card-row .autofit-col {
  padding-left: 4px;
  padding-right: 4px;
}
.template-card-horizontal .card-title {
  color: inherit;
  margin-bottom: 0;
}
.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-header {
  color: #272833;
  display: block;
  font-size: 0.875rem;
  margin-top: 0.625rem;
  padding-bottom: 0.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.375rem;
  position: relative;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.dropdown-header:first-child {
  margin-top: 0;
}

.dropdown-subheader {
  color: #272833;
  font-size: 0.75rem;
  font-weight: var(--font-weight-semi-bold, 500);
  margin-top: 0.625rem;
  padding-bottom: 0.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.375rem;
  text-transform: uppercase;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.dropdown-subheader:first-child {
  margin-top: 0;
}

.dropdown-caption {
  color: #6b6c7e;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.dropdown-item {
  background-color: transparent;
  border-radius: 0px;
  border-width: 0px;
  clear: both;
  color: #6b6c7e;
  cursor: pointer;
  display: block;
  font-weight: var(--font-weight-normal, 400);
  overflow: hidden;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  position: relative;
  text-align: inherit;
  transition: none;
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  font-size: inherit;
}
.dropdown-item:hover, .dropdown-item.hover {
  background-color: #f0f5ff;
  color: #272833;
  text-decoration: none;
}
.dropdown-item:focus, .dropdown-item.focus {
  background-color: #f0f5ff;
  color: #272833;
  text-decoration: none;
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
  outline: 0;
}
.dropdown-item:active {
  background-color: #f0f5ff;
  color: #272833;
  text-decoration: none;
}
.dropdown-item:active label {
  color: #272833;
}
.dropdown-item:active .form-check-label {
  color: #272833;
}
.dropdown-item.active {
  background-color: #f0f5ff;
  color: #272833;
  text-decoration: none;
  font-weight: var(--font-weight-semi-bold, 500);
}
.dropdown-item.active label {
  color: #272833;
}
.dropdown-item.active .form-check-label {
  color: #272833;
  font-weight: var(--font-weight-semi-bold, 500);
}
.dropdown-item.active .custom-control-label {
  font-weight: var(--font-weight-semi-bold, 500);
}
.dropdown-item.active .c-kbd-inline {
  color: #272833;
}
.dropdown-item.btn:not([disabled]):not(.disabled):active:focus, .dropdown-item.btn:not([disabled]):not(.disabled).active:focus {
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
}
.dropdown-item:disabled, .dropdown-item.disabled {
  background-color: transparent;
  color: #a7a9bc;
  cursor: not-allowed;
  opacity: 1;
  outline: 0;
  box-shadow: none;
}
.dropdown-item:disabled label,
.dropdown-item:disabled .form-check-label, .dropdown-item.disabled label,
.dropdown-item.disabled .form-check-label {
  color: #a7a9bc;
}
.dropdown-item:disabled .c-kbd-inline, .dropdown-item.disabled .c-kbd-inline {
  color: #a7a9bc;
}
.dropdown-item:disabled:active, .dropdown-item.disabled:active {
  pointer-events: none;
}
.dropdown-item .c-inner {
  flex-grow: 1;
  margin-bottom: -0.5rem;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: -0.5rem;
  width: auto;
}
.dropdown-item.autofit-row {
  padding-left: calc(1rem - 0.25rem);
  padding-right: calc(1rem - 0.25rem);
}
.dropdown-item.autofit-row > .autofit-col {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.dropdown-item .autofit-row {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  width: auto;
}
.dropdown-item .autofit-row > .autofit-col {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.dropdown-item .c-kbd-inline {
  line-height: calc(0.875rem * 1.5);
  color: #a7a9bc;
}
.dropdown-item .form-check-label {
  font-weight: var(--font-weight-normal, 400);
}
.dropdown-item .custom-control-label {
  font-weight: var(--font-weight-normal, 400);
}
.dropdown-item .form-check {
  margin-bottom: 0;
}
.dropdown-item .custom-control {
  margin-bottom: 0;
  margin-right: 0;
  min-height: 1rem;
}

.dropdown-item-text {
  color: #6b6c7e;
  display: block;
  font-weight: var(--font-weight-normal, 400);
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
}

.dropdown-section {
  padding: 0.5rem 1rem;
}
.dropdown-section .form-group + .form-group {
  margin-top: 1rem;
}
.dropdown-section .custom-control {
  margin-bottom: 0;
}
.dropdown-section .custom-control-label {
  color: #6b6c7e;
}
.dropdown-section .custom-control-label-text {
  padding-left: 1rem;
}
.dropdown-section.active .custom-control-label {
  color: #272833;
}

.dropdown-footer {
  box-shadow: -1px -2px 3px -3px rgba(0, 0, 0, 0.5);
  padding: 0.5rem 1rem 0;
  position: relative;
}

.dropdown-menu {
  background-clip: padding-box;
  background-color: #fff;
  border-color: #e7e7ed;
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 0px;
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
  color: var(--body-color, #344243);
  display: none;
  float: left;
  font-size: 0.875rem;
  left: 0;
  list-style: none;
  margin: 0.3125rem 0 0;
  max-height: 500px;
  max-width: 240px;
  min-height: 40px;
  min-width: 240px;
  overflow: auto;
  padding: 0.375rem 0;
  position: absolute;
  text-align: left;
  top: 100%;
  z-index: 1000;
}
@media (max-width: 991.98px) {
  .dropdown-menu {
    max-height: 295px;
    max-width: 230px;
  }
}
.dropdown-menu.show {
  display: block;
}
.dropdown-menu .alert, .dropdown-menu .portlet-msg-alert,
.dropdown-menu .portlet-msg-error,
.dropdown-menu .portlet-msg-help,
.dropdown-menu .portlet-msg-info,
.dropdown-menu .portlet-msg-progress,
.dropdown-menu .portlet-msg-success {
  line-height: normal;
  margin: 0.5rem;
  padding: 0.375rem 1rem;
}
.dropdown-menu .alert:first-child, .dropdown-menu .portlet-msg-alert:first-child,
.dropdown-menu .portlet-msg-error:first-child,
.dropdown-menu .portlet-msg-help:first-child,
.dropdown-menu .portlet-msg-info:first-child,
.dropdown-menu .portlet-msg-progress:first-child,
.dropdown-menu .portlet-msg-success:first-child {
  margin-top: 0;
}
.dropdown-menu .alert:last-child, .dropdown-menu .portlet-msg-alert:last-child,
.dropdown-menu .portlet-msg-error:last-child,
.dropdown-menu .portlet-msg-help:last-child,
.dropdown-menu .portlet-msg-info:last-child,
.dropdown-menu .portlet-msg-progress:last-child,
.dropdown-menu .portlet-msg-success:last-child {
  margin-bottom: 0;
}
.dropdown-menu .alert-fluid {
  margin-left: 0;
  margin-right: 0;
}
.dropdown-menu .alert-fluid:first-child {
  margin-top: -0.375rem;
}
.dropdown-menu .alert-fluid:last-child {
  margin-bottom: -0.375rem;
}
.dropdown-menu .form-group {
  margin-bottom: 0;
}
.dropdown-menu .inline-scroller {
  max-height: 200px;
}
@media (max-width: 991.98px) {
  .dropdown-menu .inline-scroller {
    max-height: none;
  }
}
.dropdown-menu > .list-unstyled {
  margin-bottom: 0;
}

.dropdown-menu-select.dropdown-menu .dropdown-header {
  padding-bottom: 0.375rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 0.3125rem;
}
.dropdown-menu-select.dropdown-menu .dropdown-subheader {
  padding-bottom: 0.4375rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 0.4375rem;
}
.dropdown-menu-select.dropdown-menu .dropdown-section {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.dropdown-menu-select.dropdown-menu .dropdown-item {
  padding-bottom: 0.375rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 0.3125rem;
}
.dropdown-menu-select.dropdown-menu .dropdown-item .c-inner {
  flex-grow: 1;
  margin-bottom: -0.375rem;
  margin-left: -1.75rem;
  margin-right: -1.75rem;
  margin-top: -0.3125rem;
  width: auto;
}
.dropdown-menu-select.dropdown-menu .dropdown-item.autofit-row {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.dropdown-menu-select.dropdown-menu .dropdown-divider {
  margin: 0.3125rem 0;
}
.dropdown-menu-select.dropdown-menu.dropdown-menu-indicator-start .dropdown-item-indicator-start {
  left: 0.5rem;
  top: 0.5rem;
}
.dropdown-menu-select.dropdown-menu.dropdown-menu-indicator-end .dropdown-item-indicator-end {
  right: 0.5rem;
  top: 0.5rem;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    left: 0;
    right: auto;
  }
  .dropdown-menu-sm-right {
    left: auto;
    right: 0;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    left: 0;
    right: auto;
  }
  .dropdown-menu-md-right {
    left: auto;
    right: 0;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    left: 0;
    right: auto;
  }
  .dropdown-menu-lg-right {
    left: auto;
    right: 0;
  }
}
@media (min-width: 1280px) {
  .dropdown-menu-xl-left {
    left: 0;
    right: auto;
  }
  .dropdown-menu-xl-right {
    left: auto;
    right: 0;
  }
}
@media (min-width: 1440px) {
  .dropdown-menu-xxl-left {
    left: 0;
    right: auto;
  }
  .dropdown-menu-xxl-right {
    left: auto;
    right: 0;
  }
}
.dropup .dropdown-menu {
  bottom: 100%;
  margin-bottom: 0.3125rem;
  margin-top: 0;
  top: auto;
}
.dropright .dropdown-menu {
  left: 100%;
  margin-left: 0.3125rem;
  margin-top: 0;
  right: auto;
  top: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  left: auto;
  margin-right: 0.3125rem;
  margin-top: 0;
  right: 100%;
  top: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  bottom: auto;
  right: auto;
}

.dropdown-divider {
  border-top: 1px solid #e7e7ed;
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  background-color: #e7e7ed;
}

.dropdown-action {
  display: inline-block;
  font-size: 1rem;
  vertical-align: middle;
}
.dropdown-action > .dropdown-toggle {
  align-items: center;
  border-radius: 0.25rem;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: inherit;
  height: 2rem;
  justify-content: center;
  line-height: 2rem;
  padding: 0;
  text-transform: inherit;
  vertical-align: baseline;
  width: 2rem;
}
.dropdown-action > .dropdown-toggle:disabled, .dropdown-action > .dropdown-toggle.disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.dropdown-action > .dropdown-toggle .lexicon-icon {
  margin-top: 0;
}
.dropdown-action > .dropdown-toggle .inline-item .lexicon-icon {
  margin-top: 0;
}
.dropdown-menu-indicator-start .dropdown-item-indicator {
  height: 1rem;
  left: 1rem;
  position: absolute;
  top: 0.5rem;
  width: 1rem;
}
.dropdown-menu-indicator-start .dropdown-item-indicator-text-start {
  padding-left: 0;
}
.dropdown-menu-indicator-start .dropdown-header,
.dropdown-menu-indicator-start .dropdown-subheader,
.dropdown-menu-indicator-start .dropdown-caption,
.dropdown-menu-indicator-start .dropdown-item {
  padding-left: calc(
			1rem + 1rem + 1rem
		);
}
.dropdown-menu-indicator-start .dropdown-item .c-inner {
  margin-left: calc((
							1rem +
								1rem +
								1rem
						) * -1);
}

.dropdown-item-indicator-start {
  align-items: center;
  color: inherit;
  display: inline-flex;
  height: 1rem;
  justify-content: center;
  left: 1rem;
  position: absolute;
  right: auto;
  top: calc( 				0.5rem - (( 								1rem - (1em * 1.5) 							) / 2) 			);
  width: 1rem;
}
.dropdown-item-indicator-start .lexicon-icon {
  margin-top: 0;
}

.dropdown-item-indicator-text-start {
  color: inherit;
  display: block;
  padding-left: 2rem;
  text-decoration: inherit;
  width: 100%;
}
.dropdown-item-indicator-text-start:hover {
  color: inherit;
  text-decoration: inherit;
}
.dropdown-item-indicator-text-start.focus, .dropdown-item-indicator-text-start:focus {
  color: inherit;
  text-decoration: inherit;
}
.dropdown-item-indicator-text-start > .c-inner {
  margin-left: -2rem;
}
.dropdown-menu-indicator-end .dropdown-item-indicator {
  position: absolute;
  right: 1rem;
  top: 0.5rem;
}
.dropdown-menu-indicator-end .dropdown-item-indicator-text-end {
  padding-right: 0;
}
.dropdown-menu-indicator-end .dropdown-item {
  padding-right: calc(
			1rem + 1rem + 1rem
		);
}
.dropdown-menu-indicator-end .dropdown-item .c-inner {
  margin-right: calc((
							1rem +
								1rem +
								1rem
						) * -1);
}

.dropdown-item-indicator-end {
  align-items: center;
  color: inherit;
  display: inline-flex;
  height: 1rem;
  justify-content: center;
  left: auto;
  position: absolute;
  right: 1rem;
  top: calc( 				0.5rem - (( 								1rem - (1em * 1.5) 							) / 2) 			);
  width: 1rem;
}
.dropdown-item-indicator-end .lexicon-icon {
  margin-top: 0;
}

.dropdown-item-indicator-text-end {
  color: inherit;
  display: block;
  padding-right: 2rem;
  text-decoration: inherit;
  width: 100%;
}
.dropdown-item-indicator-text-end:hover {
  color: inherit;
  text-decoration: inherit;
}
.dropdown-item-indicator-text-end.focus, .dropdown-item-indicator-text-end:focus {
  color: inherit;
  text-decoration: inherit;
}
.dropdown-item-indicator-text-end > .c-inner {
  margin-right: -2rem;
}
.dropdown-menu-top {
  bottom: 100% !important;
  left: 0 !important;
  margin-top: 0;
  margin-bottom: 0.3125rem;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  will-change: auto !important;
}
.dropdown-menu-top-right {
  bottom: 100% !important;
  left: auto !important;
  margin-top: 0;
  margin-bottom: 0.3125rem;
  right: 0 !important;
  top: auto !important;
  transform: none !important;
  will-change: auto !important;
}
.dropdown-menu-top-center {
  bottom: 100% !important;
  left: 50% !important;
  margin-top: 0;
  margin-bottom: 0.3125rem;
  right: auto !important;
  top: auto !important;
  transform: translateX(-50%) !important;
  will-change: auto !important;
}
.dropdown-menu-center {
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
  top: 100% !important;
  transform: translateX(-50%) !important;
  will-change: auto !important;
}
.dropdown-menu-left-side {
  bottom: auto !important;
  left: auto !important;
  margin-right: 0.3125rem;
  margin-top: 0;
  right: 100% !important;
  top: 0 !important;
  transform: none !important;
  will-change: auto !important;
}
.dropdown-menu-left-side-bottom {
  bottom: 0 !important;
  left: auto !important;
  margin-right: 0.3125rem;
  margin-top: 0;
  right: 100% !important;
  top: auto !important;
  transform: none !important;
  will-change: auto !important;
}
.dropdown-menu-left-side-middle {
  bottom: auto !important;
  left: auto !important;
  margin-right: 0.3125rem;
  margin-top: 0;
  right: 100% !important;
  top: 50% !important;
  transform: translate(0, -50%) !important;
  will-change: auto !important;
}
.dropdown-menu-right-side {
  bottom: auto !important;
  left: 100% !important;
  margin-left: 0.3125rem;
  margin-top: 0;
  right: auto !important;
  top: 0 !important;
  transform: none !important;
  will-change: auto !important;
}
.dropdown-menu-right-side-bottom {
  bottom: 0 !important;
  left: 100% !important;
  margin-left: 0.3125rem;
  margin-top: 0;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  will-change: auto !important;
}
.dropdown-menu-right-side-middle {
  bottom: auto !important;
  left: 100% !important;
  margin-left: 0.3125rem;
  margin-top: 0;
  right: auto !important;
  top: 50% !important;
  transform: translate(0, -50%) !important;
  will-change: auto !important;
}
.dropdown-full .dropdown-menu,
.dropdown-wide .dropdown-menu {
  max-width: none;
  width: 100%;
}
@media (min-width: 768px) {
  .dropdown-full .dropdown-menu,
  .dropdown-wide .dropdown-menu {
    max-height: none;
    width: 100%;
  }
}

.dropdown-full .dropdown-header ~ .dropdown-header,
.dropdown-wide .dropdown-header ~ .dropdown-header {
  margin-top: 20px;
}
.dropdown-full .dropdown-menu > .row,
.dropdown-wide .dropdown-menu > .row {
  margin-left: 0;
  margin-right: 0;
  min-width: 500px;
}

@media (min-width: 992px) {
  .dropdown-wide .dropdown-menu {
    min-width: 500px;
  }
}

.dropdown-menu-width-shrink {
  min-width: 0;
  white-space: nowrap;
}
.dropdown-menu-width-full {
  left: 12px !important;
  right: 12px !important;
  max-width: none;
  min-width: 0;
  width: calc(100% - 24px);
}

.dropdown-menu-width-sm {
  max-width: none;
  min-width: 0;
  width: 500px;
}
@media (max-width: 767.98px) {
  .dropdown-menu-width-sm {
    left: 12px !important;
    right: 12px !important;
    width: calc(100% - 24px);
  }
}

.dropdown-menu-height-auto {
  height: auto;
  max-height: none;
  min-height: 0;
}

@media (min-width: 768px) {
  .dropdown-full .autocomplete-dropdown-menu,
  .dropdown-full .dropdown-menu-autocomplete {
    max-height: 10rem;
  }
}

.autocomplete-dropdown-menu,
.dropdown-menu-autocomplete {
  max-height: 10rem;
  max-width: none;
  width: 100%;
}
.nav-item.dropdown-full {
  position: static;
}

@media (max-width: 991.98px) {
  .nav-item.dropdown-wide {
    position: static;
  }
}

@media (max-width: 767.98px) {
  .navbar-nav .dropdown-menu-center {
    -ms-transform: none;
    transform: none;
  }
}

.navbar-right .dropdown-menu-center {
  left: 50%;
  right: auto;
}

.drilldown-inner {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  transition: height 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .drilldown-inner {
    transition: none;
  }
}

.drilldown-item {
  display: none;
  flex-shrink: 0;
  height: 0;
  width: 100%;
}

.drilldown-item-inner {
  display: flex;
  flex-direction: column;
}

.drilldown-transition {
  transition: all 0.25s ease;
}

.drilldown-item.transitioning {
  display: block;
}

.drilldown-current {
  display: block;
  height: auto;
}

.drilldown-next-active,
.drilldown-prev-initial {
  transform: translateX(-100%);
}

.drilldown-prev-active {
  transform: translateX(0%);
}

.drilldown.dropdown-menu {
  flex-direction: column;
  max-height: none;
  max-width: none;
  min-width: 0;
  overflow: hidden;
  width: 240px;
}
.drilldown.dropdown-menu.show {
  display: flex;
}
.drilldown.dropdown-menu .drilldown-inner {
  min-height: 266px;
}
.drilldown.dropdown-menu .inline-scroller {
  max-height: none;
}

.drilldown.dropdown-menu-indicator-start .dropdown-item,
.drilldown .dropdown-menu-indicator-start .dropdown-item {
  padding-left: 3rem;
}
.drilldown.dropdown-menu-indicator-start .dropdown-item .dropdown-item-indicator-text-start,
.drilldown .dropdown-menu-indicator-start .dropdown-item .dropdown-item-indicator-text-start {
  padding-left: 0;
}
.drilldown.dropdown-menu-indicator-start .dropdown-item .dropdown-item-indicator-text-end,
.drilldown .dropdown-menu-indicator-start .dropdown-item .dropdown-item-indicator-text-end {
  margin-left: -3rem;
}

.drilldown.dropdown-menu-indicator-end .dropdown-item,
.drilldown .dropdown-menu-indicator-end .dropdown-item {
  padding-right: 3rem;
}
.drilldown.dropdown-menu-indicator-end .dropdown-item .dropdown-item-indicator-text-start,
.drilldown .dropdown-menu-indicator-end .dropdown-item .dropdown-item-indicator-text-start {
  margin-right: -3rem;
}
.drilldown.dropdown-menu-indicator-end .dropdown-item .dropdown-item-indicator-text-end,
.drilldown .dropdown-menu-indicator-end .dropdown-item .dropdown-item-indicator-text-end {
  padding-right: 0;
}

.drilldown .dropdown-header {
  color: #6b6c7e;
  font-weight: var(--font-weight-semi-bold, 500);
  padding-bottom: 0.59375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.59375rem;
  text-transform: uppercase;
}
.drilldown .dropdown-footer {
  padding: 1rem 1rem 0.625rem;
}
.drilldown .dropdown-divider {
  margin: 0;
}
.drilldown .dropdown-item {
  padding-bottom: 0.59375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.59375rem;
}
.drilldown .dropdown-item .c-inner {
  flex-grow: 1;
  margin-bottom: -0.59375rem;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: -0.59375rem;
  width: auto;
}
.drilldown .dropdown-item-indicator-start {
  height: 1.5rem;
  left: 0.5rem;
  top: 0.5rem;
  transition: none;
  width: 1.5rem;
}
.drilldown .dropdown-item-indicator-text-start {
  padding-left: 2rem;
}
.drilldown .dropdown-item-indicator-end {
  height: 1.5rem;
  right: 0.5rem;
  top: 0.5rem;
  transition: none;
  width: 1.5rem;
}
.drilldown .dropdown-item-indicator-text-end {
  margin-bottom: -0.59375rem;
  margin-left: -1rem;
  margin-top: -0.59375rem;
  padding-bottom: inherit;
  padding-left: inherit;
  padding-right: 2rem;
  padding-top: inherit;
  width: auto;
}

.drilldown-height-sm.dropdown-menu .drilldown-inner, .drilldown-height-md.dropdown-menu .drilldown-inner {
  min-height: 0;
}
.drilldown-height-sm.dropdown-menu .drilldown-item, .drilldown-height-md.dropdown-menu .drilldown-item {
  height: 100%;
}
.drilldown-height-sm.dropdown-menu .drilldown-item-inner, .drilldown-height-md.dropdown-menu .drilldown-item-inner {
  height: 100%;
}

.drilldown-height-sm.dropdown-menu {
  height: 272px;
}

.drilldown-height-md.dropdown-menu {
  height: 344px;
}

[type=checkbox] {
  cursor: pointer;
  height: 14px;
  width: 14px;
}
[type=checkbox]:disabled {
  cursor: not-allowed;
}

[type=radio] {
  cursor: pointer;
  height: 15px;
  width: 14px;
}
[type=radio]:disabled {
  cursor: not-allowed;
}

label {
  color: #272833;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  margin-bottom: 0.25rem;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
label[for] {
  cursor: pointer;
}
label + .form-text {
  margin-bottom: 0.25rem;
  margin-top: 0;
}
label .reference-mark {
  color: #b95000;
  font-size: 6px;
}

.form-control-label {
  display: inline;
  margin-bottom: 0;
}

.form-control-label-text {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0.25rem;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

fieldset[disabled] label,
label.disabled {
  color: #a7a9bc;
  cursor: not-allowed;
  opacity: 1;
}

fieldset[disabled] label .form-control {
  font-weight: normal;
  opacity: 1;
}

.form-control {
  background-color: #f1f2f5;
  border-color: #B0CFD1;
  border-style: solid;
  border-width: 0.0625rem;
  border-bottom-width: 0.0625rem;
  border-left-width: 0.0625rem;
  border-right-width: 0.0625rem;
  border-top-width: 0.0625rem;
  border-radius: var(--input-border-radius, 24px);
  box-shadow: none;
  color: var(--input-color, var(--primary-400));
  display: block;
  font-size: 1.125rem;
  font-weight: var(--input-font-weight, var(--font-weight-normal));
  height: 2.5rem;
  line-height: 1.5;
  min-width: 0;
  padding-bottom: var(--input-padding-y, 13px);
  padding-left: var(--input-padding-x, 16px);
  padding-right: var(--input-padding-x, 16px);
  padding-top: var(--input-padding-y, 13px);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::placeholder {
  color: #6b6c7e;
  opacity: 1;
}
.form-control:focus, .form-control.focus {
  background-color: #f0f5ff;
  border-color: #80acff;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  color: var(--input-color, var(--primary-400));
  outline: 0;
}
.form-control:disabled, .form-control.disabled {
  background-color: #f1f2f5;
  border-color: #f1f2f5;
  color: #a7a9bc;
  cursor: not-allowed;
  opacity: 1;
}
.form-control:disabled::placeholder, .form-control.disabled::placeholder {
  color: #a7a9bc;
}
@media (max-width: 767.98px) {
  .form-control {
    font-size: 1rem;
  }
}
.form-control:not([type=range]) {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.form-control::-ms-clear, .form-control::-ms-reveal {
  display: none;
  height: 0;
  width: 0;
}
.form-control[contenteditable] p {
  margin-bottom: 0;
}
.form-control .label {
  border-width: 0.0625rem;
  height: auto;
  margin-bottom: 0.3125rem;
  margin-right: 0.625rem;
  margin-top: 0.3125rem;
  min-height: 1.5rem;
  font-size: 0.75rem;
  padding-bottom: 0.3125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.3125rem;
  text-transform: none;
}
.form-control .label .label-item {
  margin-bottom: -0.0625rem;
  margin-top: -0.0625rem;
}
.form-control .label > .c-inner {
  margin-bottom: -0.3125rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: -0.3125rem;
}

fieldset[disabled] .form-control {
  background-color: #f1f2f5;
  border-color: #f1f2f5;
  color: #a7a9bc;
  cursor: not-allowed;
  opacity: 1;
}

.form-control-plaintext {
  background-clip: border-box;
  background-color: transparent;
  border-color: transparent;
  border-style: solid;
  border-bottom-width: 0.0625rem;
  border-left-width: 0.0625rem;
  border-right-width: 0.0625rem;
  border-top-width: 0.0625rem;
  color: var(--body-color, #344243);
  display: block;
  font-size: 1.125rem;
  height: 2.5rem;
  line-height: 1.5;
  margin-bottom: 0;
  min-width: 0;
  padding-bottom: var(--input-padding-y, 13px);
  padding-left: 0;
  padding-right: 0;
  padding-top: var(--input-padding-y, 13px);
  text-overflow: ellipsis;
  width: 100%;
}
@media (max-width: 767.98px) {
  .form-control-plaintext {
    font-size: 1rem;
  }
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-hidden {
  left: 0;
  opacity: 0;
  position: absolute;
  z-index: -1;
}

div.form-control {
  height: auto;
  min-height: 2.5rem;
}
div.form-control-lg {
  min-height: 3rem;
}
div.form-control-sm {
  min-height: 2rem;
}

.form-control-tag-group {
  align-items: center;
  color: #6b6c7e;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
}
.form-control-tag-group .autofit-row {
  align-items: center;
  flex-grow: 1;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  width: auto;
}
.form-control-tag-group .autofit-col {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.form-control-tag-group .autofit-col .form-control-inset {
  width: auto;
}
.form-control-tag-group .input-group-item {
  align-items: center;
}
.form-control-tag-group .inline-item {
  height: 1.5rem;
  margin-bottom: 0.3125rem;
  margin-top: 0.3125rem;
}
.form-control-tag-group .btn {
  height: 1.5rem;
  line-height: 1;
  margin-bottom: 0.3125rem;
  margin-top: 0.3125rem;
  padding-bottom: 0;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0;
}
.form-control-tag-group .btn .c-inner {
  margin-bottom: 0;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: 0;
}
.form-control-tag-group .btn-monospaced {
  height: 1.5rem;
  line-height: 1;
  margin-bottom: 0.3125rem;
  margin-top: 0.3125rem;
  padding-left: 0;
  padding-right: 0;
  width: 1.5rem;
}
.form-control-tag-group .btn-monospaced .c-inner {
  margin-left: 0;
  margin-right: 0;
}
.form-control-tag-group .component-action {
  height: 100%;
  margin-bottom: 0;
  margin-top: 0;
  width: 2rem;
}
.form-control-inset {
  background-color: transparent;
  border-width: 0px;
  color: var(--input-color, var(--primary-400));
  flex-grow: 1;
  margin-bottom: 0.3125rem;
  margin-left: 0.5rem;
  margin-top: 0.3125rem;
  min-height: 1.5rem;
  padding: 0;
  width: 50px;
}
.form-control-inset:focus, .form-control-inset.focus {
  outline: 0;
}
.form-control-inset:disabled, .form-control-inset.disabled {
  background-color: #f1f2f5;
  border-color: #f1f2f5;
  color: #a7a9bc;
  cursor: not-allowed;
  opacity: 1;
}
.form-control-inset::-ms-clear, .form-control-inset::-ms-reveal {
  display: none;
  height: 0;
  width: 0;
}

select.form-control {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
  background-position: right 0.5em center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  cursor: pointer;
  padding-right: 2em;
  color: var(--input-color, var(--primary-400));
}
select.form-control:focus, select.form-control.focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
}
select.form-control:disabled, select.form-control.disabled {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23a7a9bc'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23a7a9bc'/%3E%3C/svg%3E");
}
select.form-control:disabled > option, select.form-control.disabled > option {
  cursor: not-allowed;
}
select.form-control option {
  cursor: pointer;
}
select.form-control::-ms-expand {
  display: none;
}
select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--input-color, var(--primary-400));
}
select.form-control:focus::-ms-value {
  background-color: transparent;
  color: inherit;
}

.form-control-select {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
  background-position: right 0.5em center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2em;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-control-select:hover {
  color: inherit;
  text-decoration: none;
}
.form-control-select:focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
}

select.form-control[size] {
  background-image: none;
  height: auto;
  margin-left: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  scrollbar-width: thin;
  color: var(--input-color, var(--primary-400));
}
select.form-control[size]:focus, select.form-control[size].focus {
  background-image: none;
}
select.form-control[size]:focus > option:checked, select.form-control[size].focus > option:checked {
  background-image: linear-gradient(#ffa700, #ffa700);
  color: #fff;
  filter: invert(100%);
}
select.form-control[size] option {
  padding: 0.4375rem 0.5rem;
}
select.form-control[size] option:checked {
  background-image: linear-gradient(#e7e7ed, #e7e7ed);
}
@-moz-document url-prefix() {
  select.form-control[size]:focus > option:checked, select.form-control[size].focus > option:checked {
    background-image: linear-gradient(#002a1f, #002a1f);
    filter: invert(0);
  }
  select.form-control[size] option {
    padding: 0.40625rem 0.5rem;
  }
}

select.form-control[multiple] {
  background-image: none;
  height: auto;
  margin-left: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  scrollbar-width: thin;
  color: var(--input-color, var(--primary-400));
}
select.form-control[multiple]:focus, select.form-control[multiple].focus {
  background-image: none;
}
select.form-control[multiple]:focus > option:checked, select.form-control[multiple].focus > option:checked {
  background-image: linear-gradient(#ffa700, #ffa700);
  color: #fff;
  filter: invert(100%);
}
select.form-control[multiple] option {
  padding: 0.4375rem 0.5rem;
}
select.form-control[multiple] option:checked {
  background-image: linear-gradient(#e7e7ed, #e7e7ed);
}
@-moz-document url-prefix() {
  select.form-control[multiple]:focus > option:checked, select.form-control[multiple].focus > option:checked {
    background-image: linear-gradient(#002a1f, #002a1f);
    filter: invert(0);
  }
  select.form-control[multiple] option {
    padding: 0.40625rem 0.5rem;
  }
}

.form-control-select-secondary {
  background-color: #fff;
  color: #6b6c7e;
}
.form-control-select-secondary:hover, .form-control-select-secondary.hover {
  color: #6b6c7e;
}
.form-control-select-secondary:focus, .form-control-select-secondary.focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23272833'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23272833'/%3E%3C/svg%3E");
  color: #272833;
}
.form-control-select-secondary.show {
  background-color: #f1f2f5;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23272833'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23272833'/%3E%3C/svg%3E");
  color: #272833;
}
.form-control-select-secondary:disabled, .form-control-select-secondary.disabled {
  background-color: #fff;
  color: #6b6c7e;
  opacity: 0.4;
}
textarea.form-control,
textarea.form-control-plaintext,
.form-control.form-control-textarea {
  height: 100px;
  resize: vertical;
}
.form-control-file {
  cursor: pointer;
  display: block;
  width: 100%;
}
.form-control-file::-webkit-file-upload-button {
  cursor: pointer;
}

.form-control[type=range] {
  background-color: transparent;
  border-color: transparent;
  padding: 0;
}
.form-control[type=range]:focus {
  box-shadow: none;
}
.form-control[type=range]:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.form-control[type=range]::-webkit-slider-thumb {
  border-radius: 100px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control-range {
  display: block;
  width: 100%;
}

.form-check {
  display: block;
  padding-left: 0;
  position: relative;
}

.form-check-label {
  cursor: pointer;
  display: inline;
  margin-bottom: 0;
  position: relative;
}

.form-check-input {
  margin-left: 0;
  margin-top: 0;
  position: static;
}
.form-check-input[disabled], .form-check-input:disabled {
  cursor: not-allowed;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input[disabled] + .form-check-label-text, .form-check-input:disabled ~ .form-check-label,
.form-check-input:disabled + .form-check-label-text {
  color: #a7a9bc;
  cursor: not-allowed;
}

.form-check-label-text {
  margin-left: -0.1875rem;
  padding-left: 0.5rem;
}

.form-check-inline {
  align-items: center;
  display: inline-flex;
  margin-right: 0.75rem;
  padding-left: 0;
}
.form-check-inline .form-check-input {
  margin-left: 0;
  margin-right: auto;
  margin-top: 0;
  position: static;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .form-control[disabled] > option {
    color: #a7a9bc;
  }
}

.form-check.disabled .form-check-label {
  color: #a7a9bc;
}

.form-control-file:disabled {
  cursor: not-allowed;
}
.form-control-file:disabled::-webkit-file-upload-button {
  cursor: not-allowed;
}

.form-control[readonly] {
  background-color: #fff;
  border-color: #B0CFD1;
  opacity: 1;
}
.form-control[readonly]:focus, .form-control[readonly].focus {
  border-color: #80acff;
  box-shadow: none;
}
.form-control-plaintext[readonly] {
  border-radius: var(--input-border-radius, 24px);
  outline: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control-plaintext[readonly] {
    transition: none;
  }
}
.form-control-plaintext[readonly]:focus, .form-control-plaintext[readonly].focus {
  box-shadow: none;
  border-color: #80acff;
}
.form-control-lg {
  border-radius: var(--border-radius-lg, 0.375rem);
  font-size: 1.125rem;
  height: 3rem;
  line-height: 1.5;
  padding-bottom: var(--input-padding-y, 13px);
  padding-left: var(--input-padding-x, 16px);
  padding-right: var(--input-padding-x, 16px);
  padding-top: var(--input-padding-y, 13px);
}
textarea.form-control-lg,
.form-control-lg.form-control-textarea {
  height: 120px;
}
.form-control-sm, .form-group-sm .form-control,
.form-group-sm .form-control-plaintext, .input-group-sm .form-control {
  border-radius: 0.25rem;
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
}
.form-control-select.form-control-sm, .form-group-sm select.form-control {
  height: 2rem;
  padding-right: 2em;
}
textarea.form-control-sm,
.form-control-sm.form-control-textarea, .form-group-sm textarea.form-control,
.form-group-sm .form-control.form-control-textarea {
  height: 80px;
}
.form-control-tag-group-sm.form-control, .input-group-sm .form-control-tag-group, .form-control-tag-group.input-group-sm, .form-group-sm .input-group .form-control-tag-group, .form-group-sm .form-control-tag-group.input-group {
  border-radius: 0.25rem;
  font-size: 0.875rem;
  height: auto;
  line-height: 1.5;
  min-height: 2rem;
  padding-bottom: 0;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0;
}
.form-control-tag-group-sm.form-control .inline-item, .input-group-sm .form-control-tag-group .inline-item, .form-control-tag-group.input-group-sm .inline-item, .form-group-sm .input-group .form-control-tag-group .inline-item, .form-group-sm .form-control-tag-group.input-group .inline-item {
  margin-bottom: 0;
  margin-top: 0;
}
.form-control-tag-group-sm.form-control .label, .input-group-sm .form-control-tag-group .label, .form-control-tag-group.input-group-sm .label, .form-group-sm .input-group .form-control-tag-group .label, .form-group-sm .form-control-tag-group.input-group .label {
  margin-bottom: 0.1875rem;
  margin-right: 0.25rem;
  margin-top: 0.1875rem;
}
.form-control-tag-group-sm.form-control .form-control-inset, .input-group-sm .form-control-tag-group .form-control-inset, .form-control-tag-group.input-group-sm .form-control-inset, .form-group-sm .input-group .form-control-tag-group .form-control-inset, .form-group-sm .form-control-tag-group.input-group .form-control-inset {
  margin-bottom: 0.125rem;
  margin-left: 0.5rem;
  margin-top: 0.1875rem;
}
.form-group {
  margin-bottom: 1.5rem;
}

.col-form-label {
  font-size: inherit;
  line-height: 1.5;
  margin-bottom: 0;
  padding-bottom: calc(var(--input-padding-y, 13px) + 0.0625rem);
  padding-top: calc(var(--input-padding-y, 13px) + 0.0625rem);
}

.col-form-label-lg {
  font-size: 1.125rem;
  line-height: 1.5;
  padding-bottom: calc(var(--input-padding-y, 13px) + 0.0625rem);
  padding-top: calc(var(--input-padding-y, 13px) + 0.0625rem);
}

.col-form-label-sm {
  font-size: 0.875rem;
  line-height: 1.5;
  padding-bottom: 0.3125rem;
  padding-top: 0.3125rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-left: 5px;
  padding-right: 5px;
}

.form-inline {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    flex: 0 0 auto;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    vertical-align: middle;
    width: auto;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-left: 0;
    width: auto;
  }
  .form-inline .form-check-input {
    flex-shrink: 0;
    margin-left: 0;
    margin-right: 0.25rem;
    margin-top: 0;
    position: relative;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.form-group-autofit {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
}
@media (min-width: 576px) {
  .form-group-autofit {
    flex-direction: row;
    width: 100%;
  }
}
.form-group-autofit label {
  align-self: flex-start;
}
.form-group-autofit .form-group-item {
  display: flex;
  flex-basis: auto;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 1;
  min-width: 25px;
  position: relative;
  width: 100%;
}
.form-group-autofit .form-group-item:not(:last-child) {
  margin-bottom: 1.5rem;
}
@media (max-width: 575.98px) {
  .form-group-autofit .form-group-item:not(:last-child) {
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .form-group-autofit > .form-group-item:not(:last-child) {
    margin-bottom: 0;
    margin-right: 15px;
  }
}
.form-group-autofit .form-group-item-shrink {
  flex-shrink: 0;
  max-width: 100%;
  width: auto;
}

@media (max-width: 575.98px) {
  .form-group-autofit .form-group-item-label:not(:last-child) {
    margin-bottom: 0;
  }
}

@media (min-width: 576px) {
  .form-group-item-label {
    justify-content: center;
    min-height: 2.5rem;
  }
  .form-group-item-label > label {
    margin-bottom: 0;
    max-width: 12.5rem;
  }
}

@media (min-width: 576px) {
  .form-group-item-label-spacer {
    margin-top: 1.5625rem;
  }
}

.form-group {
  position: relative;
}
@media (max-width: 767.98px) {
  .form-group {
    margin-bottom: 1rem;
  }
}

.form-group-sm {
  margin-bottom: 1rem;
}
.form-group-sm label {
  margin-bottom: 0.1875rem;
}
.form-group-sm div.form-control,
.form-group-sm .form-control[contenteditable] {
  height: auto;
  min-height: 2rem;
}
.form-group-sm select[multiple],
.form-group-sm .form-control[size] {
  height: auto;
}
.form-group-sm .form-feedback-item ~ .form-feedback-item,
.form-group-sm .form-feedback-item ~ .form-text,
.form-group-sm .form-text ~ .form-feedback-item,
.form-group-sm .form-text ~ .form-text {
  margin-top: 0;
}
@media (min-width: 576px) {
  .form-group-sm .form-group-item-label {
    min-height: 2rem;
  }
  .form-group-sm .form-group-item-label > label {
    margin-bottom: 0;
  }
}
@media (min-width: 576px) {
  .form-group-sm .form-group-item-label-spacer {
    margin-top: 1.5625rem;
  }
}

.component-link {
  color: #6b6c7e;
  border-radius: 1px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .component-link {
    transition: none;
  }
}
.component-link:hover {
  color: #484955;
}
.component-link.focus, .component-link:focus {
  color: #484955;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.single-link {
  font-weight: var(--font-weight-semi-bold, 500);
}

.link-primary {
  color: #005D44;
  border-radius: 1px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .link-primary {
    transition: none;
  }
}
.link-primary:hover {
  color: #00110c;
}
.link-primary.focus, .link-primary:focus {
  color: #00110c;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.link-secondary {
  color: #6b6c7e;
  border-radius: 1px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .link-secondary {
    transition: none;
  }
}
.link-secondary:hover {
  color: #272833;
}
.link-secondary.focus, .link-secondary:focus {
  color: #272833;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
button.link-outline {
  cursor: pointer;
}

.link-outline {
  align-items: center;
  background-color: transparent;
  border-color: transparent;
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 0.0625rem;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  justify-content: center;
  line-height: 1.15;
  padding-bottom: 0.4375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.4375rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  vertical-align: middle;
}
@media (prefers-reduced-motion: reduce) {
  .link-outline {
    transition: none;
  }
}
.link-outline:hover {
  text-decoration: none;
}
.link-outline.focus, .link-outline:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.link-outline:disabled, .link-outline.disabled {
  box-shadow: none;
}
.link-outline:disabled:active, .link-outline.disabled:active {
  pointer-events: none;
}
.link-outline > .c-inner {
  margin-bottom: -0.4375rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.4375rem;
}
.link-outline .lexicon-icon {
  margin-top: 0;
}

.link-outline-primary {
  border-color: #005D44;
  color: #005D44;
}
.link-outline-primary:hover {
  background-color: #43ffcc;
  color: #005D44;
}
.link-outline-primary.focus, .link-outline-primary:focus {
  background-color: #43ffcc;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  color: #005D44;
}
.link-outline-primary:active {
  background-color: #5ed4b4;
  color: #005D44;
}
.link-outline-primary.active {
  background-color: #5ed4b4;
  color: #005D44;
}
.link-outline-primary:disabled, .link-outline-primary.disabled {
  background-color: transparent;
  color: #005D44;
  cursor: not-allowed;
  opacity: 0.4;
  box-shadow: none;
}
.link-outline-primary[aria-expanded=true], .link-outline-primary.show {
  background-color: #5ed4b4;
  color: #005D44;
}
.link-outline-secondary {
  border-color: #cdced9;
  color: #6b6c7e;
}
.link-outline-secondary:hover {
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}
.link-outline-secondary.focus, .link-outline-secondary:focus {
  background-color: rgba(39, 40, 51, 0.03);
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  color: #272833;
}
.link-outline-secondary:active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.link-outline-secondary.active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.link-outline-secondary:disabled, .link-outline-secondary.disabled {
  background-color: transparent;
  color: #6b6c7e;
  cursor: not-allowed;
  opacity: 0.4;
}
.link-outline-secondary[aria-expanded=true], .link-outline-secondary.show {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.link-outline-borderless {
  border-color: transparent;
}

.link-monospaced {
  align-items: center;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  overflow: hidden;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  vertical-align: middle;
  width: 2rem;
}
.link-monospaced > .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.link-monospaced .lexicon-icon {
  margin-top: 0;
}

.component-title {
  color: #272833;
  font-size: 1rem;
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.25;
  margin-bottom: calc(( 						2rem - (1em * 1.25) 					) / 2);
  margin-top: calc(( 						2rem - (1em * 1.25) 					) / 2);
}
.component-title[href],
.component-title [href] {
  color: #272833;
  border-radius: 1px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .component-title[href],
  .component-title [href] {
    transition: none;
  }
}
.component-title[href]:hover,
.component-title [href]:hover {
  color: #060608;
}
.component-title[href].focus, .component-title[href]:focus,
.component-title [href].focus,
.component-title [href]:focus {
  color: #060608;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.component-subtitle {
  color: #6b6c7e;
  margin-bottom: 0;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.45;
}
.component-subtitle[href],
.component-subtitle [href] {
  color: #6b6c7e;
  border-radius: 1px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .component-subtitle[href],
  .component-subtitle [href] {
    transition: none;
  }
}
.component-subtitle[href]:hover,
.component-subtitle [href]:hover {
  color: #272833;
}
.component-subtitle[href].focus, .component-subtitle[href]:focus,
.component-subtitle [href].focus,
.component-subtitle [href]:focus {
  color: #272833;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.component-action {
  align-items: center;
  background-color: transparent;
  border-color: transparent;
  border-radius: 0.25rem;
  border-width: 0px;
  color: #6b6c7e;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  vertical-align: middle;
  width: 2rem;
  font-size: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .component-action {
    transition: none;
  }
}
.component-action:hover {
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}
.component-action.focus, .component-action:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}
.component-action:active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.component-action.active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.component-action:disabled, .component-action.disabled {
  background-color: transparent;
  box-shadow: none;
  color: #6b6c7e;
  cursor: not-allowed;
  opacity: 0.4;
}
.component-action:disabled:active, .component-action.disabled:active {
  pointer-events: none;
}
.component-action[aria-expanded=true], .component-action.show {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.component-action .lexicon-icon {
  margin-top: 0;
}

.component-icon {
  align-items: center;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}
.component-icon .lexicon-icon {
  margin-top: 0;
}

.clay-range {
  padding-bottom: 0.1px;
}
.clay-range .input-group {
  align-items: center;
}
.clay-range .input-group-item {
  flex-direction: column;
}
.clay-range .input-group-text {
  background-color: transparent;
  border-width: 0px;
  color: #a7a9bc;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  min-width: 1.5rem;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.clay-range.disabled .clay-range-title {
  color: #a7a9bc;
}
.clay-range.disabled .input-group-text {
  color: #a7a9bc;
}

.clay-range-progress-none .clay-range-progress {
  visibility: hidden;
}

.clay-range-title {
  display: block;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1;
  margin-bottom: 0.5rem;
  text-align: center;
}
.clay-range-input {
  display: block;
  padding-bottom: 0.1px;
  position: relative;
  vertical-align: middle;
  width: 100%;
  color: #a7a9bc;
}
.clay-range-input .tooltip {
  margin-left: 0.8125rem;
  transition: opacity 0.15s linear;
  visibility: hidden;
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .clay-range-input .tooltip {
    transition: none;
  }
}
.clay-range-input .tooltip-inner {
  padding: 0.5rem 0.75rem;
}
.clay-range-input .tooltip-arrow {
  height: 0.375rem;
  width: 0.375rem;
}
.clay-range-input .clay-tooltip-bottom {
  margin-top: 0.25rem;
  padding-top: 0.1875rem;
  top: 100%;
  transform: translateX(-50%);
}
.clay-range-input .clay-tooltip-bottom .tooltip-arrow {
  margin-left: -0.25rem;
}
.clay-range-input .clay-tooltip-top {
  bottom: 100%;
  margin-bottom: 0.25rem;
  padding-bottom: 0.1875rem;
  transform: translateX(-50%);
}
.clay-range-input .clay-tooltip-top .tooltip-arrow {
  margin-left: -0.25rem;
}
.clay-range-input .clay-range-track {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #f1f2f5;
  border-radius: 100px;
  height: 0.25rem;
  margin-top: -0.125rem;
  position: absolute;
  top: 50%;
  width: 100%;
}
.clay-range-input .clay-range-track::-ms-expand {
  display: none;
}
.clay-range-input .clay-range-progress {
  background-color: #005D44;
  border-radius: 100px 0 0 100px;
  position: absolute;
  top: 50%;
  width: 50%;
  height: 0.25rem;
  margin-top: -0.125rem;
}
.clay-range-input .clay-range-thumb {
  background-color: #fff;
  border-radius: 100px;
  border-width: 0px;
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
  height: 1.5rem;
  margin-top: -0.75rem;
  position: absolute;
  right: -0.75rem;
  top: 50%;
  visibility: hidden;
  width: 1.5rem;
}
.clay-range-input .form-control-range {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  height: 2.5rem;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
  content: "1.5rem";
}
.clay-range-input .form-control-range::-ms-expand {
  display: none;
}
.clay-range-input .form-control-range::-moz-focus-outer {
  border-width: 0;
}
.clay-range-input .form-control-range::-moz-range-thumb {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border-radius: 100px;
  border-width: 0px;
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
  height: 1.5rem;
  margin-top: -0.75rem;
  position: relative;
  top: 50%;
  width: 1.5rem;
}
.clay-range-input .form-control-range::-moz-range-thumb::-ms-expand {
  display: none;
}
.clay-range-input .form-control-range::-moz-range-track {
  -moz-appearance: none;
  appearance: none;
  height: 100%;
}
.clay-range-input .form-control-range::-ms-fill-lower {
  background-color: transparent;
}
.clay-range-input .form-control-range::-ms-fill-upper {
  background-color: transparent;
}
.clay-range-input .form-control-range::-ms-thumb {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.clay-range-input .form-control-range::-ms-thumb::-ms-expand {
  display: none;
}
.clay-range-input .form-control-range::-ms-tooltip {
  display: none;
}
.clay-range-input .form-control-range::-ms-track {
  background-color: transparent;
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  color: transparent;
  height: 100%;
}
.clay-range-input .form-control-range::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  appearance: none;
  height: 100%;
}
.clay-range-input .form-control-range::-webkit-slider-thumb {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border-radius: 100px;
  border-width: 0px;
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
  height: 1.5rem;
  margin-top: -0.75rem;
  position: relative;
  top: 50%;
  width: 1.5rem;
}
.clay-range-input .form-control-range::-webkit-slider-thumb::-ms-expand {
  display: none;
}
.clay-range-input .form-control-range:hover {
  cursor: pointer;
}
.clay-range-input .form-control-range:hover ~ .clay-range-progress .clay-range-thumb {
  background-color: #43ffcc;
}
.clay-range-input .form-control-range:hover ~ .clay-range-progress .tooltip {
  visibility: visible;
  opacity: 1;
}
.clay-range-input .form-control-range:hover::-moz-range-thumb {
  background-color: #43ffcc;
}
.clay-range-input .form-control-range:hover::-ms-thumb {
  background-color: #43ffcc;
}
.clay-range-input .form-control-range:hover::-webkit-slider-thumb {
  background-color: #43ffcc;
}
.clay-range-input .form-control-range:focus, .clay-range-input .form-control-range.focus {
  outline: 0;
}
.clay-range-input .form-control-range:focus ~ .clay-range-progress .clay-range-thumb, .clay-range-input .form-control-range.focus ~ .clay-range-progress .clay-range-thumb {
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
}
.clay-range-input .form-control-range:focus ~ .clay-range-progress .tooltip, .clay-range-input .form-control-range.focus ~ .clay-range-progress .tooltip {
  visibility: visible;
  opacity: 1;
}
.clay-range-input .form-control-range:focus::-moz-range-thumb, .clay-range-input .form-control-range.focus::-moz-range-thumb {
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
}
.clay-range-input .form-control-range:focus::-ms-thumb, .clay-range-input .form-control-range.focus::-ms-thumb {
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
}
.clay-range-input .form-control-range:focus::-webkit-slider-thumb, .clay-range-input .form-control-range.focus::-webkit-slider-thumb {
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
}
.clay-range-input .form-control-range:disabled {
  color: #a7a9bc;
  cursor: not-allowed;
}
.clay-range-input .form-control-range:disabled ~ .clay-range-track {
  background-color: #f1f2f5;
}
.clay-range-input .form-control-range:disabled ~ .clay-range-progress {
  background-color: #06ffbc;
}
.clay-range-input .form-control-range:disabled ~ .clay-range-progress .clay-range-thumb {
  background-color: #f7f8f9;
}
.clay-range-input .form-control-range:disabled::-moz-range-thumb {
  background-color: #f7f8f9;
}
.clay-range-input .form-control-range:disabled::-ms-thumb {
  background-color: #f7f8f9;
}
.clay-range-input .form-control-range:disabled::-webkit-slider-thumb {
  background-color: #f7f8f9;
}
.clay-range-input[data-label-min], .clay-range-input[data-label-max] {
  margin-bottom: 1rem;
}
.clay-range-input[data-label-min]::before {
  content: '\FEFF' attr(data-label-min);
}
.clay-range-input[data-label-max]::after {
  content: '\FEFF' attr(data-label-max);
  right: 0;
}
.clay-range-input::after, .clay-range-input::before {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1;
  margin-top: 2.5rem;
  position: absolute;
  text-align: center;
  top: 0;
  width: 1.5rem;
}

.clay-range-align-items-start .input-group {
  align-items: flex-start;
}

.clay-range-align-items-end .input-group {
  align-items: flex-end;
}

.clay-reorder {
  padding: 2px;
  position: relative;
  z-index: 0;
}
.clay-reorder .form-control-inset {
  margin-bottom: 0;
  margin-top: 0;
  overflow: auto;
  padding-bottom: var(--input-padding-y, 13px);
  padding-top: var(--input-padding-y, 13px);
  width: 100%;
}
.clay-reorder .form-control-inset:focus, .clay-reorder .form-control-inset.focus {
  background-color: transparent;
  box-shadow: none;
}
.clay-reorder .form-control-inset:focus + .clay-reorder-underlay, .clay-reorder .form-control-inset.focus + .clay-reorder-underlay {
  background-color: #f0f5ff;
  border-color: #80acff;
}
.clay-reorder .form-control-inset + .clay-reorder-underlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.clay-reorder-footer {
  padding: 0.5rem;
}

.clay-reorder-footer-invisible.clay-reorder-footer *,
.clay-reorder-footer-invisible .clay-reorder-footer * {
  visibility: hidden;
}

.clay-reorder-footer-center.clay-reorder-footer,
.clay-reorder-footer-center .clay-reorder-footer {
  text-align: center;
}

.clay-reorder-footer-end.clay-reorder-footer,
.clay-reorder-footer-end .clay-reorder-footer {
  text-align: right;
}

.clay-color > .input-group-item > .input-group-inset-item-before {
  color: #6b6c7e;
  font-size: inherit;
  padding-left: var(--input-padding-x, 16px);
  padding-right: 0.5rem;
}
.clay-color > .input-group-item > .input-group-text {
  background-color: #fff;
  border-color: #B0CFD1;
  padding-left: 0;
  padding-right: 0;
}

.clay-color-dropdown-menu {
  max-height: 400px;
  max-width: none;
  padding-bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  width: 272px;
}
.clay-color-dropdown-menu .close {
  color: #6b6c7e;
  font-size: 1rem;
  opacity: 1;
}
.clay-color-dropdown-menu .close:hover {
  background-color: rgba(39, 40, 51, 0.03);
}
.clay-color-dropdown-menu .close:focus {
  background-color: rgba(39, 40, 51, 0.03);
}
.clay-color-dropdown-menu .close:active {
  background-color: rgba(39, 40, 51, 0.06);
}
.clay-color-dropdown-menu .close.active {
  background-color: rgba(39, 40, 51, 0.06);
}
.clay-color-dropdown-menu .close:disabled, .clay-color-dropdown-menu .close.disabled {
  background-color: transparent;
}
.clay-color-dropdown-menu .form-control {
  font-size: 0.875rem;
  height: 2rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
}
.clay-color-dropdown-menu .form-group {
  margin-bottom: 1rem;
}
.clay-color-dropdown-menu .input-group .input-group-inset-item-before {
  color: #6b6c7e;
  font-size: 0.875rem;
  padding-left: 0.75rem;
  padding-right: 0.5rem;
}

.clay-color-btn {
  border-radius: 2px;
  height: 1.5rem;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  width: 1.5rem;
}
.clay-color-btn:active {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.clay-color-btn.active {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.clay-color-btn[aria-expanded=true], .clay-color-btn.show {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.clay-color-btn .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.clay-color-btn-bordered {
  border-color: #e7e7ed;
}
.clay-color-pointer {
  background-color: transparent;
  border-radius: 100px;
  border-color: #fff;
  border-style: solid;
  border-width: 2px;
  height: 0.875rem;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  position: absolute;
  transition: box-shadow 0.15s ease-in-out;
  width: 0.875rem;
}
@media (prefers-reduced-motion: reduce) {
  .clay-color-pointer {
    transition: none;
  }
}
.clay-color-pointer:focus, .clay-color-pointer.focus {
  box-shadow: 0 0 0 0.125rem #00d29a;
  outline: 0;
}
.clay-color-pointer:active:focus {
  box-shadow: 0 0 0 0.125rem #00d29a;
}
.clay-color-pointer .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.clay-color-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  margin-right: -0.25rem;
}
.clay-color-header .component-title {
  color: #6b6c7e;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  max-width: calc(100% - 2rem);
}
.clay-color-footer {
  margin-bottom: 1rem;
}

.clay-color-swatch {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: 0.5rem;
}
.clay-color-swatch + .clay-color-swatch {
  margin-top: 0;
}

.clay-color-swatch-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 1rem;
  width: 16.66667%;
}

.clay-color-map-group {
  display: flex;
  margin-top: 0.5rem;
}

.clay-color-map {
  flex-shrink: 0;
  height: 128px;
  margin-bottom: 1rem;
  margin-right: 1rem;
  position: relative;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 144px;
}

.clay-color-map-hsb {
  background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}

.clay-color-map-values {
  flex-grow: 1;
  flex-shrink: 1;
  width: 1%;
}
.clay-color-map-values .form-control {
  padding-left: 0;
  padding-right: 10%;
  text-align: right;
}
.clay-color-map-values .input-group .input-group-inset-item-before {
  font-weight: var(--font-weight-semi-bold, 500);
  padding-left: 10%;
  padding-right: 0;
  min-width: 1.125rem;
}
.clay-color-range {
  border-radius: 100px;
  height: 0.5rem;
  margin-bottom: 1.25rem;
  margin-top: 0.25rem;
  position: relative;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.clay-color-range-hue {
  background-image: linear-gradient(270deg, #fc0d1b 0%, #fc22d6 18.23%, #1824fb 34.25%, #2bf6fd 50.28%, #2bfd2e 67.58%, #fcfd37 81.22%, #fc121b 100%);
}

.clay-color-range-pointer {
  margin-top: -7px;
  top: 50%;
}
.clay-color.input-group-sm > .input-group-item > .input-group-inset-item-before, .form-group-sm .clay-color.input-group > .input-group-item > .input-group-inset-item-before {
  padding-left: 0.75rem;
}

.clay-color.input-group-sm > .input-group-item > .input-group-text, .form-group-sm .clay-color.input-group > .input-group-item > .input-group-text {
  padding: 0;
}

.clay-color.input-group-sm > .input-group-item > .input-group-text > .clay-color-btn, .form-group-sm .clay-color.input-group > .input-group-item > .input-group-text > .clay-color-btn {
  border-radius: 2px;
  height: 1.25rem;
  padding: 0;
  width: 1.25rem;
}
.form-file {
  display: flex;
  position: relative;
}

.form-file-input {
  cursor: pointer;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.form-file-input::-webkit-file-upload-button {
  cursor: pointer;
}
.form-file-input:focus + .input-group {
  border-radius: 1px;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.form-file-input:disabled {
  cursor: not-allowed;
}
.form-file-input:disabled::-webkit-file-upload-button {
  cursor: not-allowed;
}

.custom-control {
  display: block;
  margin-bottom: 1rem;
  min-height: 1.25rem;
  position: relative;
  text-align: left;
  line-height: 1;
}
.custom-control:only-child {
  margin-bottom: 0;
}
.custom-control label {
  cursor: pointer;
  display: inline;
  font-size: 1.125rem;
  margin-bottom: 0;
}

.custom-control-label {
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: var(--font-weight-normal, 400);
  line-height: 1.25rem;
  margin-bottom: 0;
  position: static;
  vertical-align: top;
}
.custom-control-label::before {
  background-color: #fff;
  border-color: #cdced9;
  border-style: solid;
  border-width: 0.0625rem;
  box-shadow: none;
  content: "";
  display: block;
  float: left;
  font-size: 1rem;
  height: 1rem;
  left: 0;
  position: relative;
  top: 0.125rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before {
    transition: none;
  }
}
.custom-control-label::after {
  background: no-repeat 50%/50% 50%;
  content: "";
  display: block;
  height: 1rem;
  left: 0;
  position: absolute;
  top: 0.125rem;
  width: 1rem;
}

label.custom-control-label {
  font-size: 0.875rem;
}

.custom-control-label-text {
  padding-left: 0.5rem;
}
.custom-control-label-text small,
.custom-control-label-text .small {
  font-size: 100%;
}

.custom-control-primary .custom-control-label-text {
  font-weight: var(--font-weight-semi-bold, 500);
}
.custom-control-label::before {
  background-color: #fff;
  border-color: #cdced9;
  border-style: solid;
  border-width: 0.0625rem;
  box-shadow: none;
  content: "";
  display: block;
  float: left;
  font-size: 1rem;
  height: 1rem;
  left: 0;
  position: relative;
  top: 0.125rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before {
    transition: none;
  }
}

.custom-control-label::after {
  background: no-repeat 50%/50% 50%;
  content: "";
  display: block;
  height: 1rem;
  left: 0;
  position: absolute;
  top: 0.125rem;
  width: 1rem;
}

.custom-control-input {
  cursor: pointer;
  height: 1rem;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0.125rem;
  width: 1rem;
  z-index: 1;
}
.custom-control-input:focus ~ .custom-control-label::before {
  border-color: #cdced9;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.custom-control-input:active ~ .custom-control-label::before {
  background-color: #fff;
  border-color: #cdced9;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  color: #fff;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #a7a9bc;
  cursor: not-allowed;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #f1f2f5;
  border-color: #e7e7ed;
  box-shadow: none;
}
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #0b5fff;
  border-color: #0b5fff;
  color: #fff;
}
.custom-control-input[readonly] ~ .custom-control-label {
  color: #272833;
}
.custom-control-input[readonly] ~ .custom-control-label::before {
  background-color: #f1f2f5;
  border-color: #e7e7ed;
}
.custom-control-input[readonly][disabled] ~ .custom-control-label {
  color: #a7a9bc;
}
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #0b5fff;
  border-color: #0b5fff;
  color: #fff;
}
.custom-control-input:checked:active ~ .custom-control-label::before {
  background-color: #0b5fff;
  border-color: #0b5fff;
}
.custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-control-input:checked:disabled ~ .custom-control-label::before {
  background-color: #f1f2f5;
  box-shadow: none;
}
.custom-control-input:checked[readonly] ~ .custom-control-label::before {
  background-color: #fff;
  border-color: #cdced9;
}
.custom-checkbox .custom-control-input ~ .custom-control-label::before {
  border-radius: 0.125rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M220.9%20377.2c-8%200-15.8-3.2-21.5-8.9l-91-91c-28.1-28.1%2014.8-71%2042.9-42.9l68.2%2068.2%20139.8-157.2c26.4-30%2072%2010.1%2045.6%2040.1L243.7%20366.9c-5.5%206.3-13.4%2010-21.8%2010.3h-1z'%20fill='%23fff'/%3E%3C/svg%3E");
  background-size: 100%;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M220.9%20377.2c-8%200-15.8-3.2-21.5-8.9l-91-91c-28.1-28.1%2014.8-71%2042.9-42.9l68.2%2068.2%20139.8-157.2c26.4-30%2072%2010.1%2045.6%2040.1L243.7%20366.9c-5.5%206.3-13.4%2010-21.8%2010.3h-1z'%20fill='%23fff'/%3E%3C/svg%3E");
  background-size: 100%;
}
.custom-checkbox .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-checkbox .custom-control-input:checked:disabled ~ .custom-control-label::before {
  background-color: #b3cdff;
  border-color: #b3cdff;
}
.custom-checkbox .custom-control-input:checked[readonly] ~ .custom-control-label::before {
  background-color: #fff;
  border-color: #cdced9;
}
.custom-checkbox .custom-control-input:checked[readonly] ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M220.9%20377.2c-8%200-15.8-3.2-21.5-8.9l-91-91c-28.1-28.1%2014.8-71%2042.9-42.9l68.2%2068.2%20139.8-157.2c26.4-30%2072%2010.1%2045.6%2040.1L243.7%20366.9c-5.5%206.3-13.4%2010-21.8%2010.3h-1z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:checked[readonly][disabled] ~ .custom-control-label::before {
  opacity: 0.4;
}
.custom-checkbox .custom-control-input:checked[readonly][disabled] ~ .custom-control-label::after {
  opacity: 0.4;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: #0b5fff;
  border-color: #0b5fff;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M384%20288H128c-42.7%200-42.7-64%200-64h256c42.7%200%2042.7%2064%200%2064z'%20fill='%23fff'/%3E%3C/svg%3E");
  background-size: 100%;
}
.custom-checkbox .custom-control-input:indeterminate[disabled] ~ .custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate:disabled ~ .custom-control-label::before {
  background-color: #b3cdff;
  border-color: #b3cdff;
}
.custom-checkbox .custom-control-input:indeterminate[readonly] ~ .custom-control-label::before {
  background-color: #fff;
  border-color: #cdced9;
}
.custom-checkbox .custom-control-input:indeterminate[readonly] ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M384%20288H128c-42.7%200-42.7-64%200-64h256c42.7%200%2042.7%2064%200%2064z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:indeterminate[readonly][disabled] ~ .custom-control-label::before {
  opacity: 0.4;
}
.custom-checkbox .custom-control-input:indeterminate[readonly][disabled] ~ .custom-control-label::after {
  opacity: 0.4;
}
.custom-radio .custom-control-input ~ .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input[disabled] ~ .custom-control-label::before, .custom-radio .custom-control-input:disabled ~ .custom-control-label::before {
  border-color: #f1f2f5;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Ccircle%20class='lexicon-icon-outline'%20cx='256'%20cy='256'%20r='256'%20fill='%23fff'/%3E%3C/svg%3E");
  background-size: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Ccircle%20class='lexicon-icon-outline'%20cx='256'%20cy='256'%20r='256'%20fill='%23fff'/%3E%3C/svg%3E");
  background-size: 50%;
}
.custom-radio .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-radio .custom-control-input:checked:disabled ~ .custom-control-label::before {
  background-color: #b3cdff;
  border-color: #b3cdff;
}
.custom-control-inline {
  display: inline-flex;
}
.custom-control-inline + .custom-control-inline {
  margin-left: 1rem;
}

.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  border-radius: 0.5rem;
  left: -2.25rem;
  pointer-events: all;
  width: 1.75rem;
}
.custom-switch .custom-control-label::after {
  background-color: #cdced9;
  border-radius: 0.5rem;
  height: 0.75rem;
  left: -2.125rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  top: calc((
									1.125rem *
										1.5 -
										1rem
								) * 0.5 + (0.0625rem * 2));
  width: 0.75rem;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: #b3cdff;
}

.custom-select {
  -webkit-appearance: none;
  appearance: none;
  background: #f1f2f5 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='4'%20height='5'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23393a4a'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right var(--input-padding-x, 16px) center/8px 10px;
  border: 0.0625rem solid #B0CFD1;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 2px rgba(7, 29, 31, 0.075);
  color: var(--input-color, var(--primary-400));
  display: inline-block;
  font-size: 1.125rem;
  font-weight: var(--input-font-weight, var(--font-weight-normal));
  height: 2.5rem;
  line-height: 1.5;
  padding: var(--input-padding-y, 13px) var(--input-padding-x, 16px)1rem var(--input-padding-y, 13px) var(--input-padding-x, 16px);
  vertical-align: middle;
  width: 100%;
}
.custom-select:focus {
  border-color: #80acff;
  box-shadow: inset 0 1px 2px rgba(7, 29, 31, 0.075), 0 0 0 0.2rem #80acff;
  outline: 0;
}
.custom-select:focus::-ms-value {
  background-color: #f1f2f5;
  color: var(--input-color, var(--primary-400));
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  background-image: none;
  height: auto;
  padding-right: var(--input-padding-x, 16px);
}
.custom-select:disabled {
  background-color: #f1f2f5;
  color: #6b6c7e;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--input-color, var(--primary-400));
}

.custom-select-sm {
  font-size: 0.875rem;
  height: 2rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-top: 0.25rem;
}

.custom-select-lg {
  font-size: 1.125rem;
  height: 3rem;
  padding-bottom: var(--input-padding-y, 13px);
  padding-left: var(--input-padding-x, 16px);
  padding-top: var(--input-padding-y, 13px);
}

.custom-file {
  display: inline-block;
  height: 2.5rem;
  margin-bottom: 0;
  position: relative;
  width: 100%;
}

.custom-file-input {
  height: 2.5rem;
  margin: 0;
  opacity: 0;
  position: relative;
  width: 100%;
  z-index: 2;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #80acff;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
  background-color: #f1f2f5;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: '\FEFF Browse';
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: '\FEFF' attr(data-browse);
}

.custom-file-label {
  background-color: #f1f2f5;
  border: 0.0625rem solid #B0CFD1;
  border-radius: var(--input-border-radius, 24px);
  box-shadow: none;
  color: var(--input-color, var(--primary-400));
  font-weight: var(--input-font-weight, var(--font-weight-normal));
  height: 2.5rem;
  left: 0;
  line-height: 1.5;
  padding: var(--input-padding-y, 13px) var(--input-padding-x, 16px);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.custom-file-label::after {
  background-color: #e7e7ed;
  border-left: inherit;
  border-radius: 0 var(--input-border-radius, 24px) var(--input-border-radius, 24px) 0;
  bottom: 0;
  color: var(--input-color, var(--primary-400));
  content: '\FEFF Browse';
  display: block;
  height: 36px;
  line-height: 1.5;
  padding: var(--input-padding-y, 13px) var(--input-padding-x, 16px);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.custom-range {
  appearance: none;
  background-color: transparent;
  height: 1.4rem;
  padding: 0;
  width: 100%;
}
.custom-range:focus {
  outline: none;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px var(--body-bg, #fff), 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px var(--body-bg, #fff), 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px var(--body-bg, #fff), 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: #0b5fff;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(7, 29, 31, 0.1);
  height: 1rem;
  margin-top: -0.25rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #bed4ff;
}
.custom-range::-webkit-slider-runnable-track {
  border-radius: 1rem;
  box-shadow: inset 0 0.25rem 0.25rem rgba(7, 29, 31, 0.1);
  background-color: #e7e7ed;
  border-color: transparent;
  color: transparent;
  cursor: pointer;
  height: 0.5rem;
  width: 100%;
}
.custom-range::-moz-range-thumb {
  -moz-appearance: none;
  appearance: none;
  background-color: #0b5fff;
  border-radius: 1rem;
  border: 0;
  box-shadow: 0 0.1rem 0.25rem rgba(7, 29, 31, 0.1);
  height: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: #bed4ff;
}
.custom-range::-moz-range-track {
  background-color: #e7e7ed;
  border-color: transparent;
  border-radius: 1rem;
  box-shadow: inset 0 0.25rem 0.25rem rgba(7, 29, 31, 0.1);
  color: transparent;
  cursor: pointer;
  height: 0.5rem;
  width: 100%;
}
.custom-range::-ms-thumb {
  appearance: none;
  background-color: #0b5fff;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(7, 29, 31, 0.1);
  height: 1rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  margin-top: 0;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: #bed4ff;
}
.custom-range::-ms-track {
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
  box-shadow: inset 0 0.25rem 0.25rem rgba(7, 29, 31, 0.1);
  color: transparent;
  cursor: pointer;
  height: 0.5rem;
  width: 100%;
}
.custom-range::-ms-fill-lower {
  background-color: #e7e7ed;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  border-radius: 1rem;
  background-color: #e7e7ed;
  margin-right: 15px;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #a7a9bc;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #a7a9bc;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #a7a9bc;
}

.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}

.clay-time .btn {
  align-items: center;
  display: inline-flex;
  font-size: 0.75rem;
  height: 1.5rem;
  justify-content: center;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  width: 1.5rem;
  color: #6b6c7e;
}
.clay-time .btn:focus, .clay-time .btn.focus {
  box-shadow: 0 0 0 1px #80acff;
}
.clay-time .btn:active:focus {
  box-shadow: 0 0 0 1px #80acff;
}
.clay-time .btn .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.clay-time .btn .lexicon-icon {
  margin-top: 0;
}
.clay-time .form-control {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  padding-bottom: 0.125rem;
  padding-top: 0.125rem;
}
.clay-time .form-control-inset {
  margin-bottom: 0;
  margin-top: 0;
  text-align: center;
  width: 1.25rem;
}
.clay-time .form-control-inset::-moz-selection, .clay-time .form-control-inset::selection {
  background-color: transparent;
}
.clay-time .form-control-inset:focus, .clay-time .form-control-inset.focus {
  background-color: #b3d8fd;
}
.clay-time .input-group-text {
  background-color: transparent;
  border-color: transparent;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.clay-time .clay-time-ampm {
  font-weight: 500;
  margin-left: 0.25rem;
  text-transform: uppercase;
  width: 1.5rem;
}
.clay-time-edit {
  display: flex;
  flex-wrap: wrap;
  margin-right: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.clay-time-edit:first-child {
  margin-left: -0.5rem;
}
.clay-time-edit:last-child {
  margin-right: -0.5rem;
}

.clay-time-action-group {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}

.clay-time-action-group-item {
  align-items: center;
  display: flex;
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.clay-time-inner-spin {
  border-color: #cdced9;
  border-radius: 8px;
  border-style: solid;
  border-width: 0.0625rem;
}
.clay-time-inner-spin .btn {
  align-items: center;
  border-radius: 8px;
  border-width: 0px;
  display: inline-flex;
  font-size: 8px;
  height: auto;
  justify-content: center;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  width: auto;
}
.clay-time-inner-spin .btn .c-inner {
  margin-bottom: -2px;
  margin-left: -2px;
  margin-right: -2px;
  margin-top: -2px;
}
.date-picker .input-group-text {
  background-color: transparent;
  border-color: transparent;
  min-width: 2rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.date-picker-dropdown-menu {
  max-height: none;
  max-width: 368px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  width: 100%;
}
.date-picker-nav {
  display: flex;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.date-picker-nav .nav-btn {
  color: #6b6c7e;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .date-picker-nav .nav-btn {
    transition: none;
  }
}
.date-picker-nav .nav-btn:hover {
  background-color: #f1f2f5;
  color: #272833;
}
.date-picker-nav .nav-btn:focus, .date-picker-nav .nav-btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
  background-color: #f1f2f5;
  color: #272833;
}
.date-picker-nav .nav-btn:active {
  background-color: #f1f2f5;
}
.date-picker-nav .nav-btn:active:focus {
  box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
}
.date-picker-nav .nav-btn.active {
  background-color: #f1f2f5;
}
.date-picker-nav .nav-btn:disabled, .date-picker-nav .nav-btn.disabled {
  background-color: transparent;
  box-shadow: none;
  color: #a7a9bc;
}
.date-picker-nav .nav-btn[aria-expanded=true], .date-picker-nav .nav-btn.show {
  background-color: #f1f2f5;
}
.date-picker-nav .nav-btn-monospaced {
  margin-bottom: 0;
  margin-top: 0;
}
.date-picker-nav select.form-control {
  background-color: transparent;
  border-color: transparent;
  color: #6b6c7e;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  height: 2rem;
  padding-bottom: 0;
  padding-left: 0.5rem;
  padding-top: 0;
}
.date-picker-nav select.form-control:hover, .date-picker-nav select.form-control.hover {
  background-color: #f1f2f5;
  color: #272833;
}
.date-picker-nav select.form-control:focus, .date-picker-nav select.form-control.focus {
  background-color: #f1f2f5;
  color: #272833;
}
.date-picker-nav select.form-control:disabled, .date-picker-nav select.form-control.disabled {
  background-color: transparent;
  color: #a7a9bc;
}
.date-picker-nav-item {
  align-items: center;
  display: flex;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.date-picker-nav-item-expand {
  flex-grow: 1;
}

.date-picker-nav-controls {
  display: flex;
  justify-content: flex-end;
}

.date-picker-calendar {
  float: left;
  min-width: 100%;
}

.date-picker-calendar-header {
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}

.date-picker-calendar-body {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
}

.date-picker-calendar-footer {
  border-color: #cdced9;
  border-style: solid;
  border-width: 1px 0 0 0;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
}

.date-picker-calendar-item {
  align-items: center;
  background-color: transparent;
  border-width: 0px;
  display: inline-flex;
  flex-shrink: 0;
  font-weight: var(--font-weight-semi-bold, 500);
  height: 2rem;
  justify-content: center;
  line-height: 1;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  width: 2rem;
}
@media (prefers-reduced-motion: reduce) {
  .date-picker-calendar-item {
    transition: none;
  }
}
.date-picker-calendar-item:disabled, .date-picker-calendar-item.disabled {
  cursor: not-allowed;
}
.date-picker-calendar-item .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.date-picker-row {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  padding: 0;
}

.date-picker-col {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.date-picker-col.c-selected {
  background-image: linear-gradient(#43ffcc, #43ffcc);
  background-repeat: no-repeat;
}
.date-picker-col.c-selected:first-child {
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
}
.date-picker-col.c-selected:last-child {
  border-bottom-right-radius: 100px;
  border-top-right-radius: 100px;
}
.date-picker-col.c-selected-start {
  background-position: right top;
  background-size: 50% 100%;
}
.date-picker-col.c-selected-end {
  background-position: left top;
  background-size: 50% 100%;
}

.date-picker-days-row {
  margin-bottom: 1rem;
  margin-top: 0;
}

.date-picker-day {
  height: 1.3125rem;
}
.date-picker-date {
  border-radius: 100px;
  color: #6b6c7e;
  cursor: pointer;
  position: relative;
}
.date-picker-date:hover {
  background-color: #f1f2f5;
  color: #272833;
}
.date-picker-date:focus, .date-picker-date.focus {
  box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
  outline: 0;
  background-color: #f1f2f5;
  color: #272833;
}
.date-picker-date:active {
  background-color: #0b5fff;
  color: #fff;
}
.date-picker-date:active:focus {
  box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
}
.date-picker-date.active {
  background-color: #0b5fff;
  color: #fff;
}
.date-picker-date:disabled, .date-picker-date.disabled {
  background-color: transparent;
  box-shadow: none;
  color: #a7a9bc;
}
.date-picker-date[aria-expanded=true], .date-picker-date.show {
  background-color: #0b5fff;
  color: #fff;
}
.previous-month-date {
  color: #a7a9bc;
}
.previous-month-date:active {
  background-color: #06ffbc;
  color: #43ffcc;
}
.previous-month-date.active {
  background-color: #06ffbc;
  color: #43ffcc;
}
.previous-month-date[aria-expanded=true], .previous-month-date.show {
  background-color: #06ffbc;
  color: #43ffcc;
}
.next-month-date {
  color: #a7a9bc;
}
.next-month-date:active {
  background-color: #06ffbc;
  color: #43ffcc;
}
.next-month-date.active {
  background-color: #06ffbc;
  color: #43ffcc;
}
.next-month-date[aria-expanded=true], .next-month-date.show {
  background-color: #06ffbc;
  color: #43ffcc;
}
.clay-dual-listbox {
  display: flex;
  flex-direction: row;
}
.clay-dual-listbox .clay-reorder {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.clay-dual-listbox label {
  margin-bottom: 1rem;
}

.clay-dual-listbox-item {
  display: flex;
  flex-direction: column;
  margin-right: 0.25rem;
}
@media (min-width: 576px) {
  .clay-dual-listbox-item {
    margin-right: 1.5rem;
  }
}
.clay-dual-listbox-item:last-child {
  margin-right: 0;
}

.clay-dual-listbox-item-expand {
  flex-grow: 1;
  width: 3rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.clay-dual-listbox-actions {
  align-self: center;
  margin-top: calc(21px + 1rem);
}

.valid-feedback {
  color: #287d3c;
  display: none;
  font-size: 0.875rem;
  margin-top: 0.25rem;
  width: 100%;
}

.valid-tooltip {
  background-color: #287d3c;
  border-radius: 0.25rem;
  color: #fff;
  display: none;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-top: 0.1rem;
  max-width: 100%;
  padding: 0.75rem 0.75rem;
  position: absolute;
  top: 100%;
  z-index: 5;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #287d3c;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23287d3c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 9px center;
  background-repeat: no-repeat;
  background-size: 18px 18px 18px 18px;
  padding-right: calc(
	2.5rem - 0.0625rem - 0.0625rem
);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #287d3c;
  box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  background-position: top 9px right 9px;
  padding-right: calc(
	2.5rem - 0.0625rem - 0.0625rem
);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #287d3c;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='4'%20height='5'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23393a4a'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right var(--input-padding-x, 16px) center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23287d3c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #f1f2f5 no-repeat center right var(--input-padding-x, 16px)1rem/18px 18px;
  padding-right: calc(
	(1em * 0.75) + (2 * var(--input-padding-y, 13px) * 0.75) + var(--input-padding-x, 16px) +
		1rem
);
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #287d3c;
  box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #287d3c;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #287d3c;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #287d3c;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: #34a44f;
  border-color: #34a44f;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #287d3c;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #287d3c;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #287d3c;
  box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.25);
}

.invalid-feedback {
  color: #da1414;
  display: none;
  font-size: 0.875rem;
  margin-top: 0.25rem;
  width: 100%;
}

.invalid-tooltip {
  background-color: #da1414;
  border-radius: 0.25rem;
  color: #fff;
  display: none;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-top: 0.1rem;
  max-width: 100%;
  padding: 0.75rem 0.75rem;
  position: absolute;
  top: 100%;
  z-index: 5;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #da1414;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23da1414' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23da1414' stroke='none'/%3e%3c/svg%3e");
  background-position: right 9px center;
  background-repeat: no-repeat;
  background-size: 18px 18px 18px 18px;
  padding-right: calc(
	2.5rem - 0.0625rem - 0.0625rem
);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #da1414;
  box-shadow: 0 0 0 0.2rem rgba(218, 20, 20, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  background-position: top 9px right 9px;
  padding-right: calc(
	2.5rem - 0.0625rem - 0.0625rem
);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #da1414;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='4'%20height='5'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23393a4a'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right var(--input-padding-x, 16px) center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23da1414' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23da1414' stroke='none'/%3e%3c/svg%3e") #f1f2f5 no-repeat center right var(--input-padding-x, 16px)1rem/18px 18px;
  padding-right: calc(
	(1em * 0.75) + (2 * var(--input-padding-y, 13px) * 0.75) + var(--input-padding-x, 16px) +
		1rem
);
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #da1414;
  box-shadow: 0 0 0 0.2rem rgba(218, 20, 20, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #da1414;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #da1414;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #da1414;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: #ec3535;
  border-color: #ec3535;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(218, 20, 20, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #da1414;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #da1414;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #da1414;
  box-shadow: 0 0 0 0.2rem rgba(218, 20, 20, 0.25);
}

.invalid-feedback,
.valid-feedback {
  font-weight: var(--font-weight-semi-bold, 500);
}

.form-feedback-group {
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.form-feedback-item {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  margin-top: 0.25rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.form-feedback-indicator {
  margin-left: 0;
  margin-right: 0;
}
.form-feedback-indicator:first-child {
  margin-left: 0;
}

.form-text {
  color: #6b6c7e;
  display: block;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  margin-top: 0.25rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.was-validated .form-control:valid,
.was-validated .form-control.is-valid {
  background-color: #edf9f0;
  border-color: #5aca75;
  box-shadow: 0 0 rgba(0, 0, 0, 0);
  color: var(--input-color, var(--primary-400));
}
.was-validated .form-control:valid:focus,
.was-validated .form-control.is-valid:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}

.was-validated .form-control:invalid,
.was-validated .form-control.is-invalid {
  background-color: #feefef;
  border-color: #f48989;
  box-shadow: 0 0 rgba(0, 0, 0, 0);
  color: var(--input-color, var(--primary-400));
}
.was-validated .form-control:invalid:focus,
.was-validated .form-control.is-invalid:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}

.has-error .custom-control-label,
.has-error .form-check-label {
  color: #da1414;
}
.has-error .form-control {
  background-color: #feefef;
  border-color: #f48989;
  box-shadow: 0 0 rgba(0, 0, 0, 0);
  color: var(--input-color, var(--primary-400));
}
.has-error .form-control:focus, .has-error .form-control.focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.has-error .form-control[readonly] {
  background-color: #fff;
  border-color: #B0CFD1;
}
.has-error .form-control[readonly]:focus, .has-error .form-control[readonly].focus {
  border-color: #80acff;
}
.has-error .form-feedback-item {
  color: #da1414;
}
.has-error select.form-control {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23f48989'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23f48989'/%3E%3C/svg%3E");
  color: var(--input-color, var(--primary-400));
}
.has-error select.form-control[size] {
  background-image: none;
  color: var(--input-color, var(--primary-400));
}
.has-error select.form-control[multiple] {
  background-image: none;
  color: var(--input-color, var(--primary-400));
}
.has-error .input-group-item.focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.has-error .input-group-item.focus .input-group-inset {
  background-color: #feefef;
  border-color: #f48989;
}
.has-error .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
  background-color: #feefef;
  border-color: #f48989;
}
.has-error .input-group-item .input-group-inset ~ .input-group-inset-item {
  background-color: #feefef;
  border-color: #f48989;
  box-shadow: 0 0 rgba(0, 0, 0, 0);
}
.has-error .input-group-item .input-group-inset:focus {
  box-shadow: none;
}
.has-error .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
  background-color: #feefef;
  border-color: #f48989;
}

.has-warning .custom-control-label,
.has-warning .form-check-label {
  color: #b95000;
}
.has-warning .form-control {
  background-color: #fff4ec;
  border-color: #ff8f39;
  box-shadow: 0 0 rgba(0, 0, 0, 0);
  color: var(--input-color, var(--primary-400));
}
.has-warning .form-control:focus, .has-warning .form-control.focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.has-warning .form-control[readonly] {
  background-color: #fff;
  border-color: #B0CFD1;
}
.has-warning .form-control[readonly]:focus, .has-warning .form-control[readonly].focus {
  border-color: #80acff;
}
.has-warning .form-feedback-item {
  color: #b95000;
}
.has-warning select.form-control {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23ff8f39'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23ff8f39'/%3E%3C/svg%3E");
  color: var(--input-color, var(--primary-400));
}
.has-warning select.form-control[size] {
  background-image: none;
  color: var(--input-color, var(--primary-400));
}
.has-warning select.form-control[multiple] {
  background-image: none;
  color: var(--input-color, var(--primary-400));
}
.has-warning .input-group-item.focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.has-warning .input-group-item.focus .input-group-inset {
  background-color: #fff4ec;
  border-color: #ff8f39;
}
.has-warning .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
  background-color: #fff4ec;
  border-color: #ff8f39;
}
.has-warning .input-group-item .input-group-inset ~ .input-group-inset-item {
  background-color: #fff4ec;
  border-color: #ff8f39;
  box-shadow: 0 0 rgba(0, 0, 0, 0);
}
.has-warning .input-group-item .input-group-inset:focus {
  box-shadow: none;
}
.has-warning .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
  background-color: #fff4ec;
  border-color: #ff8f39;
}

.has-success .custom-control-label,
.has-success .form-check-label {
  color: #287d3c;
}
.has-success .form-control {
  background-color: #edf9f0;
  border-color: #5aca75;
  box-shadow: 0 0 rgba(0, 0, 0, 0);
  color: var(--input-color, var(--primary-400));
}
.has-success .form-control:focus, .has-success .form-control.focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.has-success .form-control[readonly] {
  background-color: #fff;
  border-color: #B0CFD1;
}
.has-success .form-control[readonly]:focus, .has-success .form-control[readonly].focus {
  border-color: #80acff;
}
.has-success .form-feedback-item {
  color: #287d3c;
}
.has-success select.form-control {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%235aca75'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%235aca75'/%3E%3C/svg%3E");
  color: var(--input-color, var(--primary-400));
}
.has-success select.form-control[size] {
  background-image: none;
  color: var(--input-color, var(--primary-400));
}
.has-success select.form-control[multiple] {
  background-image: none;
  color: var(--input-color, var(--primary-400));
}
.has-success .input-group-item.focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.has-success .input-group-item.focus .input-group-inset {
  background-color: #edf9f0;
  border-color: #5aca75;
}
.has-success .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
  background-color: #edf9f0;
  border-color: #5aca75;
}
.has-success .input-group-item .input-group-inset ~ .input-group-inset-item {
  background-color: #edf9f0;
  border-color: #5aca75;
  box-shadow: 0 0 rgba(0, 0, 0, 0);
}
.has-success .input-group-item .input-group-inset:focus {
  box-shadow: none;
}
.has-success .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
  background-color: #edf9f0;
  border-color: #5aca75;
}

.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  flex: 1 1 0%;
  margin-bottom: 0;
  min-width: 0;
  position: relative;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -0.0625rem;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group > .custom-file {
  align-items: center;
  display: flex;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-lg > .custom-select {
  border-radius: var(--border-radius-lg, 0.375rem);
  font-size: 1.125rem;
  height: 3rem;
  line-height: 1.5;
  padding: var(--input-padding-y, 13px) var(--input-padding-x, 16px);
}

.input-group-sm > .custom-select {
  border-radius: 0.25rem;
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  padding: 0.25rem 0.75rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: var(--input-padding-x, 16px)1rem;
}

.input-group-prepend > .btn + .btn,
.input-group-prepend > .btn + .input-group-text,
.input-group-prepend > .input-group-text + .input-group-text,
.input-group-prepend > .input-group-text + .btn,
.input-group-append > .btn + .btn,
.input-group-append > .btn + .input-group-text,
.input-group-append > .input-group-text + .input-group-text,
.input-group-append > .input-group-text + .btn {
  margin-left: -0.0625rem;
}
.input-group-prepend .btn,
.input-group-append .btn {
  z-index: 1;
}
.input-group-prepend .btn:hover,
.input-group-append .btn:hover {
  z-index: 3;
}
.input-group-prepend .btn,
.input-group-prepend .form-control,
.input-group-append .btn,
.input-group-append .form-control {
  position: relative;
}
.input-group-prepend .btn:focus,
.input-group-prepend .form-control:focus,
.input-group-append .btn:focus,
.input-group-append .form-control:focus {
  z-index: 4;
}

.input-group {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}
.input-group .btn-unstyled {
  color: inherit;
}
.input-group-item {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  margin-left: 0.5rem;
  width: 1%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.input-group-item.focus {
  border-radius: var(--input-border-radius, 24px);
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.input-group-item.focus.input-group-prepend {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  z-index: 1;
}
.input-group-item.focus.input-group-append {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-item.focus > .form-control {
  background-color: #f0f5ff;
  border-color: #80acff;
}
.input-group-item.focus > .input-group-inset-item {
  background-color: #f0f5ff;
  border-color: #80acff;
}
.input-group-item:first-child {
  margin-left: 0;
}
.input-group-item > .btn {
  align-self: flex-start;
}
.input-group-item > .dropdown {
  display: flex;
  flex-wrap: wrap;
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: 100%;
}
.input-group-item-shrink {
  flex-grow: 0;
  width: auto;
}
.input-group-text {
  align-items: center;
  background-color: #e7e7ed;
  border-bottom-width: 0.0625rem;
  border-color: #e7e7ed;
  border-left-width: 0.0625rem;
  border-radius: var(--input-border-radius, 24px);
  border-right-width: 0.0625rem;
  border-style: solid;
  border-top-width: 0.0625rem;
  color: #6b6c7e;
  display: flex;
  font-size: 1.125rem;
  font-weight: var(--font-weight-semi-bold, 500);
  height: 2.5rem;
  justify-content: center;
  line-height: 1.5;
  margin-bottom: 0;
  min-width: 2.5rem;
  padding-bottom: var(--input-padding-y, 13px);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: var(--input-padding-y, 13px);
  text-align: center;
  white-space: nowrap;
}
.input-group-text label {
  color: #6b6c7e;
}
.input-group-text .custom-control {
  margin-bottom: 0;
}
.input-group-text .form-check {
  margin-bottom: 0;
}
.input-group-text .form-check input[type=radio],
.input-group-text .form-check input[type=checkbox] {
  margin-top: 0;
}
.input-group-text .lexicon-icon {
  margin-top: 0;
}
.input-group-text-secondary {
  background-color: #fff;
  border-color: #cdced9;
  border-width: 0.0625rem;
  color: #6b6c7e;
  z-index: 2;
}
.input-group-text-secondary label {
  color: #6b6c7e;
}
@media (max-width: 575.98px) {
  .input-group-stacked-sm-down > .input-group-item {
    margin-bottom: 0.5rem;
    margin-left: 0;
    width: 100%;
  }
  .input-group-stacked-sm-down > .input-group-item-shrink {
    margin-right: 0.5rem;
    width: auto;
  }
}

.input-group-lg > .input-group-item > .btn {
  font-size: 1.125rem;
  line-height: 1.5;
  padding-bottom: 0.59375rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.59375rem;
}
.input-group-lg > .input-group-item > .btn .c-inner {
  margin-bottom: -0.59375rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-top: -0.59375rem;
}
.input-group-lg > .input-group-item > .btn .inline-item {
  font-size: 1.125rem;
}
.input-group-lg > .input-group-item > .btn .btn-section {
  font-size: 0.8125rem;
}
.input-group-lg > .input-group-item > .btn-monospaced {
  height: 3rem;
  line-height: 1;
  width: 3rem;
}
.input-group-lg > .input-group-item > .form-control {
  border-radius: var(--border-radius-lg, 0.375rem);
  font-size: 1.125rem;
  height: auto;
  line-height: 1.5;
  min-height: 3rem;
  padding-bottom: var(--input-padding-y, 13px);
  padding-left: var(--input-padding-x, 16px);
  padding-right: var(--input-padding-x, 16px);
  padding-top: var(--input-padding-y, 13px);
}
.input-group-lg > .input-group-item > .form-file .btn {
  border-radius: var(--border-radius-lg, 0.375rem);
  font-size: 1.125rem;
  height: 3rem;
  line-height: 1.5;
  padding-bottom: var(--input-padding-y, 13px);
  padding-left: var(--input-padding-x, 16px);
  padding-right: var(--input-padding-x, 16px);
  padding-top: var(--input-padding-y, 13px);
}
.input-group-lg > .input-group-item > .form-file .btn .c-inner {
  margin-bottom: calc(var(--input-padding-y, 13px) * -1);
  margin-left: calc(var(--input-padding-x, 16px) * -1);
  margin-right: calc(var(--input-padding-x, 16px) * -1);
  margin-top: calc(var(--input-padding-y, 13px) * -1);
}
.input-group-lg > .input-group-item > textarea.form-control,
.input-group-lg > .input-group-item > .form-control-textarea {
  height: 120px;
}
.input-group-lg > .input-group-item > .form-control-plaintext {
  font-size: 1.125rem;
  height: 3rem;
  line-height: 1.5;
  padding-bottom: var(--input-padding-y, 13px);
  padding-top: var(--input-padding-y, 13px);
}
.input-group-lg > .input-group-item > .input-group-text {
  border-radius: var(--border-radius-lg, 0.375rem);
  font-size: 1.125rem;
  height: 3rem;
  min-width: 3rem;
  padding-left: var(--input-padding-x, 16px);
  padding-right: var(--input-padding-x, 16px);
}
.input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn {
  border-radius: var(--border-radius-lg, 0.375rem);
  font-size: 1.125rem;
  height: 3rem;
  line-height: 1.5;
  padding-bottom: var(--input-padding-y, 13px);
  padding-left: var(--input-padding-x, 16px);
  padding-right: var(--input-padding-x, 16px);
  padding-top: var(--input-padding-y, 13px);
}
.input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
  margin-bottom: calc(var(--input-padding-y, 13px) * -1);
  margin-left: calc(var(--input-padding-x, 16px) * -1);
  margin-right: calc(var(--input-padding-x, 16px) * -1);
  margin-top: calc(var(--input-padding-y, 13px) * -1);
}
.input-group-lg > .input-group-item .form-control-inset {
  margin-bottom: 0;
  margin-top: 0;
}
.input-group-sm > .input-group-item > .btn, .form-group-sm .input-group > .input-group-item > .btn {
  font-size: 0.875rem;
  line-height: 1.15;
  padding-bottom: 0.4375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.4375rem;
}
.input-group-sm > .input-group-item > .btn .c-inner, .form-group-sm .input-group > .input-group-item > .btn .c-inner {
  margin-bottom: -0.4375rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.4375rem;
}
.input-group-sm > .input-group-item > .btn .btn-section, .form-group-sm .input-group > .input-group-item > .btn .btn-section {
  font-size: 0.5625rem;
}
.input-group-sm > .input-group-item > .btn-monospaced, .form-group-sm .input-group > .input-group-item > .btn-monospaced {
  height: 2rem;
  line-height: 1;
  width: 2rem;
}
.input-group-sm > .input-group-item > .form-file .btn, .form-group-sm .input-group > .input-group-item > .form-file .btn {
  border-radius: 0.25rem;
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
}
.input-group-sm > .input-group-item > .form-file .btn .c-inner, .form-group-sm .input-group > .input-group-item > .form-file .btn .c-inner {
  margin-bottom: -0.25rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.25rem;
}
.input-group-sm > .input-group-item > textarea.form-control, .form-group-sm .input-group > .input-group-item > textarea.form-control,
.input-group-sm > .input-group-item > .form-control-textarea,
.form-group-sm .input-group > .input-group-item > .form-control-textarea {
  height: 80px;
}
.input-group-sm > .input-group-item > .form-control-plaintext, .form-group-sm .input-group > .input-group-item > .form-control-plaintext {
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}
.input-group-sm > .input-group-item > .input-group-text, .form-group-sm .input-group > .input-group-item > .input-group-text {
  border-radius: 0.25rem;
  font-size: 0.875rem;
  height: 2rem;
  min-width: 2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.input-group-sm > .input-group-item > .input-group-inset-item > .btn, .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .btn {
  line-height: 1;
  padding-bottom: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0;
}
.input-group-sm > .input-group-item > .input-group-inset-item > .btn .c-inner, .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .btn .c-inner {
  margin-bottom: 0;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: 0;
}
.input-group-sm > .input-group-item > .input-group-inset-item > .btn-monospaced, .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .btn-monospaced {
  height: 1.5rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  width: 1.5rem;
}
.input-group-sm > .input-group-item > .input-group-inset-item > .form-file .btn, .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn {
  border-radius: 0.25rem;
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
}
.input-group-sm > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner, .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
  margin-bottom: -0.25rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.25rem;
}
.input-group-inset {
  flex-grow: 1;
  order: 5;
  width: 1%;
}
.input-group-inset:focus, .input-group-inset.focus {
  box-shadow: none;
}
.input-group-inset:focus ~ .input-group-inset-item, .input-group-inset.focus ~ .input-group-inset-item {
  background-color: #f0f5ff;
  border-color: #80acff;
}
.input-group-inset:disabled ~ .input-group-inset-item, .input-group-inset.disabled ~ .input-group-inset-item {
  background-color: #f1f2f5;
  border-color: #f1f2f5;
}
.input-group-inset ~ .form-feedback-group {
  order: 13;
}

.input-group-inset[readonly] ~ .input-group-inset-item {
  background-color: #fff;
}
.input-group .input-group-inset-item {
  align-items: center;
  background-color: #f1f2f5;
  border-bottom-width: 0.0625rem;
  border-color: #B0CFD1;
  border-left-width: 0.0625rem;
  border-right-width: 0.0625rem;
  border-style: solid;
  border-top-width: 0.0625rem;
  display: flex;
  margin-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.input-group .input-group-inset-item .btn {
  align-items: center;
  display: flex;
  height: 75%;
  justify-content: center;
  line-height: 1;
  margin-left: 0.1875rem;
  margin-right: 0.1875rem;
  padding-bottom: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0;
}
.input-group .input-group-inset-item .btn .c-inner {
  margin-bottom: 0;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: 0;
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
.input-group .input-group-inset-item .btn .lexicon-icon {
  margin-top: 0;
}
.input-group .input-group-inset-item .btn .c-inner .lexicon-icon {
  margin-top: 0;
}
.input-group .input-group-inset-item .btn-monospaced {
  font-size: 1rem;
  height: 2rem;
  margin-bottom: -0.0625rem;
  margin-top: -0.0625rem;
  padding: 0;
  width: 2rem;
}
.input-group .input-group-inset-item .form-file {
  height: 75%;
}
.input-group .input-group-inset-item .form-file .btn {
  height: 100%;
}
.input-group .input-group-item .input-group-inset-before.form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: var(--input-border-radius, 24px);
  border-top-right-radius: var(--input-border-radius, 24px);
  border-left-width: 0;
  padding-left: 0;
}
.input-group .input-group-inset-item-before {
  border-bottom-left-radius: var(--input-border-radius, 24px);
  border-top-left-radius: var(--input-border-radius, 24px);
  border-right-width: 0;
  color: #6b6c7e;
  order: 3;
}
.input-group .input-group-append > .input-group-inset-item-before {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group .input-group-item .input-group-inset-after.form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-width: 0;
  padding-right: 0;
}
.input-group .input-group-inset-item-after {
  border-bottom-right-radius: var(--input-border-radius, 24px);
  border-top-right-radius: var(--input-border-radius, 24px);
  border-left-width: 0;
  color: #6b6c7e;
  order: 9;
}
.input-group-prepend .input-group .input-group-inset-item-after {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  z-index: 1;
}

.input-group > .input-group-item.input-group-prepend {
  align-items: stretch;
  display: flex;
  margin-right: -0.0625rem;
}
.input-group > .input-group-item.input-group-prepend:not(:last-child) > .btn,
.input-group > .input-group-item.input-group-prepend:not(:last-child) > .form-control,
.input-group > .input-group-item.input-group-prepend:not(:last-child) > .input-group-text {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group > .input-group-item.input-group-prepend:not(:last-child) > .btn + .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group > .input-group-item.input-group-prepend + .input-group-prepend {
  margin-left: 0;
}
.input-group > .input-group-item.input-group-prepend + .input-group-prepend > .btn,
.input-group > .input-group-item.input-group-prepend + .input-group-prepend > .form-control,
.input-group > .input-group-item.input-group-prepend + .input-group-prepend > .input-group-text {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group > .input-group-item.input-group-append {
  align-items: stretch;
  display: flex;
  margin-right: -0.0625rem;
}
.input-group > .input-group-item.input-group-append:first-child > .btn,
.input-group > .input-group-item.input-group-append:first-child > .form-control,
.input-group > .input-group-item.input-group-append:first-child > .input-group-text {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group > .input-group-item.input-group-append:not(:first-child) > .btn,
.input-group > .input-group-item.input-group-append:not(:first-child) > .form-control,
.input-group > .input-group-item.input-group-append:not(:first-child) > .form-file .btn,
.input-group > .input-group-item.input-group-append:not(:first-child) > .input-group-text {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group > .input-group-item.input-group-append + .input-group-append, .input-group > .input-group-item.input-group-prepend + .input-group-append {
  margin-left: 0;
}

.input-group-password .form-control[type=text] ~ .input-group-inset-item .input-password-label {
  display: none;
}
.input-group-password .form-control[type=password] ~ .input-group-inset-item .input-text-label {
  display: none;
}

.list-group-item-action {
  color: #495057;
  text-align: inherit;
  width: 100%;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  background-color: #f0f5ff;
  color: #495057;
  text-decoration: none;
  z-index: 1;
}
.list-group-item-action:active {
  background-color: #f1f2f5;
  color: var(--body-color, #344243);
}

.list-group {
  border-radius: 0.25rem;
  color: #6b6c7e;
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  margin-bottom: 1.5rem;
  padding-left: 0;
}
.list-group-bordered .list-group-item-flex {
  padding: 0;
}
.list-group-bordered .list-group-item-flex.active .autofit-col {
  border-color: #e7e7ed;
}
.list-group-bordered .autofit-col {
  border-left: 0.0625rem solid #e7e7ed;
  border-right: 0.0625rem solid #e7e7ed;
  margin-left: -0.0625rem;
  padding: 1rem 1rem;
}
.list-group-bordered .autofit-col:first-child, .list-group-bordered .autofit-col:last-child {
  border-left-width: 0;
  border-right-width: 0;
  margin-left: 0;
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal .list-group-item + .list-group-item {
  border-left-width: 0;
  border-top-width: 0.0625rem;
}
.list-group-horizontal .list-group-item + .list-group-item.active {
  border-left-width: 0.0625rem;
  margin-left: -0.0625rem;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: 0.0625rem;
  }
  .list-group-horizontal-sm .list-group-item + .list-group-item.active {
    border-left-width: 0.0625rem;
    margin-left: -0.0625rem;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: 0.0625rem;
  }
  .list-group-horizontal-md .list-group-item + .list-group-item.active {
    border-left-width: 0.0625rem;
    margin-left: -0.0625rem;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: 0.0625rem;
  }
  .list-group-horizontal-lg .list-group-item + .list-group-item.active {
    border-left-width: 0.0625rem;
    margin-left: -0.0625rem;
  }
}
@media (min-width: 1280px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: 0.0625rem;
  }
  .list-group-horizontal-xl .list-group-item + .list-group-item.active {
    border-left-width: 0.0625rem;
    margin-left: -0.0625rem;
  }
}
@media (min-width: 1440px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: 0.0625rem;
  }
  .list-group-horizontal-xxl .list-group-item + .list-group-item.active {
    border-left-width: 0.0625rem;
    margin-left: -0.0625rem;
  }
}
.list-group-header {
  align-items: center;
  background-color: #f7f8f9;
  border: 0.0625rem solid #e7e7ed;
  display: flex;
  justify-content: space-between;
  margin-bottom: -0.0625rem;
  padding: 0.5rem 1rem;
}
.list-group-header:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.list-group-header:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.list-group-header-title {
  font-size: 0.75rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.2;
  margin-bottom: 0;
  color: #6b6c7e;
  text-transform: uppercase;
}
.list-group-title {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.45;
  margin-bottom: 0;
  margin-top: -0.25rem;
  color: #272833;
}
.list-group-title[href],
.list-group-title [href] {
  color: #272833;
  max-width: 100%;
  border-radius: 1px;
  display: inline-block;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .list-group-title[href],
  .list-group-title [href] {
    transition: none;
  }
}
.list-group-title[href]:hover,
.list-group-title [href]:hover {
  color: #272833;
}
.list-group-title[href].focus, .list-group-title[href]:focus,
.list-group-title [href].focus,
.list-group-title [href]:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.list-group-subtitle {
  color: #6b6c7e;
  margin-bottom: 0;
}
.list-group-subtitle[href],
.list-group-subtitle [href] {
  color: #6b6c7e;
  border-radius: 1px;
  display: inline-block;
  max-width: 100%;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .list-group-subtitle[href],
  .list-group-subtitle [href] {
    transition: none;
  }
}
.list-group-subtitle[href]:hover,
.list-group-subtitle [href]:hover {
  color: #272833;
}
.list-group-subtitle[href].focus, .list-group-subtitle[href]:focus,
.list-group-subtitle [href].focus,
.list-group-subtitle [href]:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.list-group-text {
  color: #272833;
  margin-bottom: 0;
  line-height: 1.45;
}
.list-group-text[href],
.list-group-text [href] {
  color: #272833;
  border-radius: 1px;
  display: inline-block;
  max-width: 100%;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .list-group-text[href],
  .list-group-text [href] {
    transition: none;
  }
}
.list-group-text[href]:hover,
.list-group-text [href]:hover {
  color: #272833;
}
.list-group-text[href].focus, .list-group-text[href]:focus,
.list-group-text [href].focus,
.list-group-text [href]:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.list-group-subtext {
  color: #6b6c7e;
  margin-bottom: 0;
  line-height: 1.45;
}
.list-group-subtext[href],
.list-group-subtext [href] {
  color: #6b6c7e;
  border-radius: 1px;
  display: inline-block;
  max-width: 100%;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .list-group-subtext[href],
  .list-group-subtext [href] {
    transition: none;
  }
}
.list-group-subtext[href]:hover,
.list-group-subtext [href]:hover {
  color: #272833;
}
.list-group-subtext[href].focus, .list-group-subtext[href]:focus,
.list-group-subtext [href].focus,
.list-group-subtext [href]:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.show-dropdown-action-on-active .list-group-item.active .dropdown-action .dropdown-menu {
  background-color: #f0f5ff;
}
.show-dropdown-action-on-active .list-group-item.active .dropdown-action .dropdown-item {
  color: #272833;
}

.list-group-item {
  background-color: #fff;
  border: 0.0625rem solid #e7e7ed;
  color: #6b6c7e;
  display: block;
  padding: 1rem 1rem;
  position: relative;
}
.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.list-group-item:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.list-group-item.active {
  background-color: #f0f5ff;
  border-color: #e7e7ed;
  color: #272833;
  z-index: 2;
}
.list-group-item.active:focus, .list-group-item.active.focus {
  z-index: 2;
}
.list-group-item.active .dropdown-action .dropdown-toggle,
.list-group-item.active .list-group-link {
  color: #272833;
}
.list-group-item.active .list-group-title,
.list-group-item.active a.list-group-title,
.list-group-item.active .list-group-title a {
  color: #272833;
}
.list-group-item.active .list-group-text,
.list-group-item.active a.list-group-text,
.list-group-item.active .list-group-text a {
  color: #272833;
}
.list-group-item.active .list-group-subtext,
.list-group-item.active a.list-group-subtext,
.list-group-item.active .list-group-subtext a {
  color: #6b6c7e;
}
.list-group-item.active .list-group-link {
  color: #272833;
}
.list-group-item.disabled, .list-group-item:disabled {
  background-color: #fff;
  color: #6b6c7e;
  pointer-events: none;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  border-top-width: 0.0625rem;
  margin-top: -0.0625rem;
}

.list-group-item-flex {
  display: flex;
  margin-bottom: -0.0625rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.list-group-item-flex:last-child {
  margin-bottom: 0;
}
.list-group-item-flex + .list-group-item-flex {
  border-top-width: 0.0625rem;
}
.list-group-item-flex + .list-group-item-flex.active {
  margin-top: 0;
}
.list-group-item-flex .autofit-col {
  justify-content: flex-start;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.list-group-item-flex .autofit-col .custom-control:only-child {
  margin-bottom: 0;
  margin-top: 0.0625rem;
}
.list-group-item-flex .autofit-col .custom-control:only-child .custom-control-input,
.list-group-item-flex .autofit-col .custom-control:only-child .custom-control-label::before,
.list-group-item-flex .autofit-col .custom-control:only-child .custom-control-label::after {
  margin-top: 0.1875rem;
}
.list-group-item-flex .autofit-col .form-check:only-child {
  margin-bottom: 0;
  margin-top: 0.0625rem;
  padding-top: 0.1875rem;
}
.list-group-item-flex .autofit-col .sticker:only-child {
  margin-top: 0.0625rem;
}
.list-group-item-flex .autofit-col .list-group-title:only-child {
  align-items: center;
  display: flex;
  min-height: 32px;
  margin-top: 0;
}
.list-group-item-flex .autofit-col .list-group-title:only-child::after {
  content: "";
  display: block;
  min-height: inherit;
}
.list-group-item-flex .autofit-col .dropdown-action {
  margin-top: 0.0625rem;
}
.list-group-item-flex .autofit-col .quick-action-item {
  margin-top: 0.0625rem;
}

.list-group-item-action .c-inner {
  margin: -1rem -1rem;
  width: auto;
}

.list-group-item-action:focus {
  z-index: 1;
}

.list-group-link {
  color: #272833;
}
.list-group-link:hover, .list-group-link:focus {
  color: #272833;
}

.list-group-flush .list-group-item, .sidebar-list-group .list-group-item {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
}
.list-group-flush .list-group-item:first-child, .sidebar-list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group-flush .list-group-item:last-child .list-group-item:last-child, .sidebar-list-group .list-group-item:last-child .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-flush .list-group-item > .autofit-col:first-child, .sidebar-list-group .list-group-item > .autofit-col:first-child {
  padding-left: 0;
}
.list-group-flush .list-group-item > .autofit-col:last-child, .sidebar-list-group .list-group-item > .autofit-col:last-child {
  padding-right: 0;
}

.list-group-item-primary {
  background-color: #b8d2cb;
  color: #033e32;
}
.list-group-item-primary.list-group-item-action:hover {
  background-color: #a8c8c0;
  color: #033e32;
}
.list-group-item-primary.list-group-item-action.active {
  background-color: #033e32;
  border-color: #033e32;
  color: #fff;
}

.list-group-item-secondary {
  background-color: #d6d6db;
  color: #3b4650;
}
.list-group-item-secondary.list-group-item-action:hover {
  background-color: #c8c8cf;
  color: #3b4650;
}
.list-group-item-secondary.list-group-item-action.active {
  background-color: #3b4650;
  border-color: #3b4650;
  color: #fff;
}

.list-group-item-success {
  background-color: #c3dbc8;
  color: #184f2e;
}
.list-group-item-success.list-group-item-action:hover {
  background-color: #b3d1b9;
  color: #184f2e;
}
.list-group-item-success.list-group-item-action.active {
  background-color: #184f2e;
  border-color: #184f2e;
  color: #fff;
}

.list-group-item-info {
  background-color: #c4d1e8;
  color: #1b3d68;
}
.list-group-item-info.list-group-item-action:hover {
  background-color: #b2c3e1;
  color: #1b3d68;
}
.list-group-item-info.list-group-item-action.active {
  background-color: #1b3d68;
  border-color: #1b3d68;
  color: #fff;
}

.list-group-item-warning {
  background-color: #ebceb8;
  color: #64380f;
}
.list-group-item-warning.list-group-item-action:hover {
  background-color: #e5c0a4;
  color: #64380f;
}
.list-group-item-warning.list-group-item-action.active {
  background-color: #64380f;
  border-color: #64380f;
  color: #fff;
}

.list-group-item-danger {
  background-color: #f5bdbd;
  color: #751819;
}
.list-group-item-danger.list-group-item-action:hover {
  background-color: #f2a7a7;
  color: #751819;
}
.list-group-item-danger.list-group-item-action.active {
  background-color: #751819;
  border-color: #751819;
  color: #fff;
}

.list-group-item-light {
  background-color: #fbfbfc;
  color: #818c8e;
}
.list-group-item-light.list-group-item-action:hover {
  background-color: #ececf1;
  color: #818c8e;
}
.list-group-item-light.list-group-item-action.active {
  background-color: #818c8e;
  border-color: #818c8e;
  color: #fff;
}

.list-group-item-dark {
  background-color: #c3c3c6;
  color: #182329;
}
.list-group-item-dark.list-group-item-action:hover {
  background-color: #b6b6ba;
  color: #182329;
}
.list-group-item-dark.list-group-item-action.active {
  background-color: #182329;
  border-color: #182329;
  color: #fff;
}

.show-quick-actions-on-hover .list-group-item:not(.active):hover .quick-action-menu {
  display: flex;
}
.show-quick-actions-on-hover .focus:not(.active) .quick-action-menu {
  display: flex;
}

.list-group .quick-action-menu {
  align-items: flex-start;
  background-color: #fff;
  margin-bottom: -1rem;
  margin-top: -1rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.list-group-bordered .quick-action-menu {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.list-group-item-flex.active .quick-action-menu {
  background-color: #f0f5ff;
}
.list-group-item-flex.active .quick-action-item {
  color: #272833;
}

.list-group-notification.list-group-bordered .quick-action-menu {
  margin-bottom: 0.0625rem;
  margin-top: 0.0625rem;
}
.list-group-notification .list-group-item {
  border-width: 0;
}
.list-group-notification .list-group-item-flex.active {
  border-top-width: 0;
}
.list-group-notification .list-group-item-primary {
  background-color: #fff;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  box-shadow: inset 0.5rem 0 #80acff, inset -0.0625rem 0 #e7e7ed, inset 0 0.0625rem #e7e7ed, inset 0 -0.0625rem #e7e7ed;
}
.list-group-notification .list-group-item-primary.active {
  background-color: #f0f5ff;
  box-shadow: inset 0.5rem 0 #80acff, inset -0.0625rem 0 #e7e7ed, inset 0 0.0625rem #e7e7ed, inset 0 -0.0625rem #e7e7ed;
}
.list-group-notification .quick-action-menu {
  margin-bottom: -0.9375rem;
  margin-top: -0.9375rem;
}
.list-group-notification .autofit-col .quick-action-item {
  margin-top: 0rem;
}

.list-group-sm .list-group-item {
  padding-bottom: 0.40625rem;
  padding-top: 0.40625rem;
}
.list-group-sm .quick-action-menu {
  margin-bottom: -0.40625rem;
  margin-top: -0.40625rem;
  padding-bottom: 0.40625rem;
  padding-top: 0.40625rem;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1050;
}

.modal-dialog {
  margin: 0.5rem;
  position: relative;
  pointer-events: none;
  width: auto;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

@media (min-width: 576px) {
  .modal-dialog {
    margin: 1.75rem auto;
    max-width: 600px;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered .modal-dialog,
  .modal-dialog-centered.modal-dialog {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered .modal-dialog::before,
  .modal-dialog-centered.modal-dialog::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-content {
    box-shadow: 0 0.5rem 1rem rgba(7, 29, 31, 0.5);
  }
  .modal-sm {
    max-width: 320px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 896px;
  }
}
@media (min-width: 1280px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered .modal-dialog,
.modal-dialog-centered.modal-dialog {
  align-items: center;
  display: flex;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered .modal-dialog::before,
.modal-dialog-centered.modal-dialog::before {
  content: "";
  display: block;
  height: calc(100vh - 1rem);
}
.modal-dialog-centered .modal-dialog.modal-dialog-scrollable,
.modal-dialog-centered.modal-dialog.modal-dialog-scrollable {
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.modal-dialog-centered .modal-dialog.modal-dialog-scrollable .modal-content,
.modal-dialog-centered.modal-dialog.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered .modal-dialog.modal-dialog-scrollable::before,
.modal-dialog-centered.modal-dialog.modal-dialog-scrollable::before {
  content: none;
}

.modal-backdrop {
  background-color: #393a4a;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1040;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.8;
}

.modal-content {
  background-clip: padding-box;
  background-color: #fff;
  border: 0.0625rem solid transparent;
  border-radius: var(--border-radius-lg, 0.375rem);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  outline: 0;
  overflow: hidden;
  pointer-events: auto;
  position: relative;
  width: 100%;
}

.modal-header {
  align-items: center;
  border-color: #e7e7ed;
  border-style: solid;
  border-width: 0 0 0.0625rem 0;
  display: flex;
  flex-shrink: 0;
  height: 4rem;
  justify-content: space-between;
  padding: 1.5rem;
  padding-bottom: 0;
  padding-top: 0;
  z-index: 1;
}
.modal-body {
  border-top: 0.0625rem solid #f1f2f5;
  flex-grow: 1;
  flex-shrink: 1;
  margin-top: -0.0625rem;
  padding: 1.5rem;
  position: relative;
}
.modal-body.inline-scroller {
  max-height: 320px;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  padding: 1.5rem;
}

.modal-body-flush {
  padding: 0;
}

.modal-footer {
  align-items: center;
  border-top: 0.0625rem solid #e7e7ed;
  border-bottom-left-radius: calc(
	var(--border-radius-lg, 0.375rem) - 0.0625rem
);
  border-bottom-right-radius: calc(
	var(--border-radius-lg, 0.375rem) - 0.0625rem
);
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
}
.modal-footer > * {
  margin: 0.25rem;
}

.modal-item-group {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  min-width: 3rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 100%;
}
.modal-item-group:first-child, .modal-item-group.modal-item-group-first {
  padding-left: 0;
}
.modal-item-group:last-child, .modal-item-group.modal-item-group-last {
  padding-right: 0;
}
.modal-item-group:only-child, .modal-item-group.modal-item-group-only {
  padding-left: 0;
  padding-right: 0;
}

.modal-item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 100%;
  min-height: 0;
  min-width: 3.125rem;
  padding: 0;
  position: relative;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.modal-item-shrink {
  flex-grow: 0;
}

.modal-item-last {
  margin-left: auto;
}

.modal-footer > .modal-item-last {
  margin-left: auto;
}

.modal-title {
  flex-grow: 1;
  font-size: 1.25rem;
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.5;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-title-indicator {
  display: inline-block;
  font-size: 0.875rem;
  margin-right: 0.5rem;
  margin-top: -0.2em;
  vertical-align: middle;
}

.modal-subtitle {
  display: inline-block;
}
.modal-subtitle-divider {
  display: inline-block;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.modal .close:first-child {
  margin-left: -0.3125rem;
}
.modal .close:last-child {
  margin-right: -0.3125rem;
}

.close + .modal-title {
  margin-left: 0.3125rem;
}

.modal-title + .close {
  margin-right: 0.3125rem;
}

.modal-body-iframe {
  height: 160px;
  padding: 0;
}
.modal-body-iframe iframe {
  border-width: 0;
  height: 100%;
  position: absolute;
  width: 100%;
}

.modal-full-screen {
  bottom: 45px;
  left: 45px;
  margin: 0;
  max-width: none;
  position: absolute;
  right: 45px;
  top: 45px;
}
@media (max-width: 767.98px) {
  .modal-full-screen {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
}
.modal-full-screen .modal-content {
  border-color: transparent;
  border-radius: var(--border-radius-lg, 0.375rem);
  border-width: 0.0625rem;
  height: 100%;
}
@media (max-width: 767.98px) {
  .modal-full-screen .modal-content {
    border-radius: 0;
    border-width: 0;
  }
}
.modal-full-screen .modal-body {
  overflow: auto;
}

@media (max-width: 767.98px) {
  .modal-full-screen-sm-down {
    bottom: 0;
    left: 0;
    margin: 0;
    max-width: none;
    position: absolute;
    right: 0;
    top: 0;
  }
  .modal-full-screen-sm-down .modal-body {
    overflow: auto;
  }
  .modal-full-screen-sm-down .modal-content {
    border-radius: 0;
    border-width: 0;
    height: 100%;
  }
}

.modal-height-sm .modal-content {
  height: 250px;
}

.modal-height-md .modal-content {
  height: 450px;
}

.modal-height-lg .modal-content {
  height: 650px;
}

.modal-height-xl .modal-content {
  height: 800px;
}

.modal-height-full .modal-dialog {
  height: 100%;
  margin: 0;
}
@media (min-width: 576px) {
  .modal-height-full .modal-dialog {
    bottom: 0;
    height: 100%;
    left: 50%;
    margin-bottom: 0;
    margin-left: calc(-600px / 2);
    margin-right: 0;
    margin-top: 0;
    top: 0;
  }
}
@media (min-width: 576px) {
  .modal-height-full .modal-dialog.modal-sm {
    margin-left: calc(-320px / 2);
  }
}
@media (min-width: 992px) {
  .modal-height-full .modal-dialog.modal-lg {
    margin-left: calc(-896px / 2);
  }
}
@media (min-width: 992px) {
  .modal-height-full .modal-dialog.modal-xl {
    margin-left: calc(-896px / 2);
  }
}
@media (min-width: 1280px) {
  .modal-height-full .modal-dialog.modal-xl {
    margin-left: calc(-1140px / 2);
  }
}
.modal-height-full .modal-content {
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
  right: 0.5rem;
  top: 0.5rem;
}
@media (min-width: 576px) {
  .modal-height-full .modal-content {
    bottom: 1.75rem;
    left: auto;
    right: auto;
    top: 1.75rem;
  }
}

.modal-success .modal-header {
  background-color: #edf9f0;
  border-color: #5aca75;
  color: #287d3c;
}
.modal-info .modal-header {
  background-color: #eef2fa;
  border-color: #89a7e0;
  color: #2e5aac;
}
.modal-warning .modal-header {
  background-color: #fff4ec;
  border-color: #ff8f39;
  color: #b95000;
}
.modal-danger .modal-header {
  background-color: #feefef;
  border-color: #f48989;
  color: #da1414;
}
.modal-scrollbar-measure {
  height: 50px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
  width: 50px;
}

.multi-step-nav {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 15px;
  padding: 0 15px;
  position: relative;
}

.multi-step-indicator-label-bottom .multi-step-item {
  padding-bottom: calc(
			0.875rem * 1.5
		);
}
.multi-step-indicator-label-bottom .multi-step-indicator-label {
  top: 2rem;
}

.multi-step-indicator-label-top .multi-step-item {
  padding-top: calc(
			0.875rem * 1.5
		);
}
.multi-step-indicator-label-top .multi-step-indicator-label {
  bottom: calc(2rem + 0.25rem);
}

.multi-step-title-center .multi-step-title {
  margin-left: calc(2rem * 0.5);
  max-width: 100px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
  transform: translateX(-50%);
  white-space: nowrap;
  width: auto;
}

.multi-step-item {
  margin-bottom: 10px;
  position: relative;
}
.multi-step-item.active .multi-step-icon {
  background-color: #0b5fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.875rem;
  color: #fff;
}
.multi-step-item.active .multi-step-divider {
  background-color: #e7e7ed;
}
.multi-step-item.active.complete .multi-step-icon {
  background-color: #0b5fff;
  color: #fff;
}
.multi-step-item.complete .dropdown .multi-step-icon, .multi-step-item.complete .dropdown .multi-step-icon:active {
  background-image: none;
}
.multi-step-item.complete .multi-step-icon {
  background-color: #6b6c7e;
  color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M192.9%20429.5c-8.3%200-16.4-3.3-22.3-9.2L44.5%20294.1C15%20263.2%2062.7%20222%2089.1%20249.5L191.5%20352l230-258.9c27.2-30.5%2074.3%2011.5%2047.1%2041.9L216.4%20418.9c-5.8%206.5-14%2010.3-22.6%2010.6h-.9z'%20fill='%23fff'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.875rem;
}
.multi-step-item.complete .multi-step-icon[data-multi-step-icon]:before {
  content: none;
}
.multi-step-item.complete .multi-step-icon:active {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M192.9%20429.5c-8.3%200-16.4-3.3-22.3-9.2L44.5%20294.1C15%20263.2%2062.7%20222%2089.1%20249.5L191.5%20352l230-258.9c27.2-30.5%2074.3%2011.5%2047.1%2041.9L216.4%20418.9c-5.8%206.5-14%2010.3-22.6%2010.6h-.9z'%20fill='%23fff'/%3E%3C/svg%3E");
}
.multi-step-item.complete .multi-step-divider {
  background-color: #6b6c7e;
}
.multi-step-item.disabled .multi-step-title {
  color: #a7a9bc;
}
.multi-step-item.disabled .multi-step-icon {
  background-color: #e7e7ed;
  background-repeat: no-repeat;
  color: #a7a9bc;
  cursor: not-allowed;
  opacity: 1;
}
.multi-step-item.disabled .multi-step-icon:focus {
  box-shadow: none;
}
.multi-step-item.disabled .multi-step-indicator-label {
  color: #a7a9bc;
}
.multi-step-item.disabled .multi-step-divider {
  background-color: #e7e7ed;
}

.multi-step-title {
  color: #6b6c7e;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: normal;
  margin-bottom: 0.625rem;
  word-wrap: break-word;
}

.multi-step-item-expand {
  flex-grow: 1;
  width: 75px;
}

.multi-step-divider {
  background-color: #e7e7ed;
  height: 0.25rem;
  margin-left: 2rem;
  margin-top: -0.25rem;
  position: relative;
  top: 1.125rem;
}

.multi-step-indicator {
  position: relative;
  width: 2rem;
}
.multi-step-indicator .dropdown-item-indicator,
.multi-step-indicator .dropdown-item-indicator-start,
.multi-step-indicator .dropdown-item-indicator-end {
  display: none;
}
.multi-step-indicator .complete .dropdown-item-indicator,
.multi-step-indicator .complete .dropdown-item-indicator-start,
.multi-step-indicator .complete .dropdown-item-indicator-end {
  display: block;
}
.multi-step-indicator .multi-step-indicator-label {
  color: #6b6c7e;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  left: 50%;
  max-width: 100px;
  position: absolute;
  transform: translateX(-50%);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.multi-step-icon {
  align-items: center;
  background-color: #e7e7ed;
  border-radius: 100px;
  border-width: 0px;
  color: #6b6c7e;
  cursor: pointer;
  display: flex;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  justify-content: center;
  height: 2rem;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  transition: box-shadow 0.15s ease-in-out;
  width: 2rem;
}
.multi-step-icon:hover {
  background-color: #e7e7ed;
  color: #6b6c7e;
  text-decoration: none;
}
.multi-step-icon:focus {
  background-color: #e7e7ed;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  color: #6b6c7e;
  outline: 0;
  text-decoration: none;
}
.multi-step-icon[data-multi-step-icon]::before {
  content: '\FEFF' attr(data-multi-step-icon);
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  width: 2rem;
}
.multi-step-icon .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: absolute;
}
.multi-step-icon .btn-link {
  vertical-align: baseline;
}
.multi-step-icon .lexicon-icon {
  height: 0.875rem;
  margin-top: 0;
  width: 0.875rem;
}

.multi-step-item-fixed-width.multi-step-item,
.multi-step-item-fixed-width .multi-step-item-expand {
  flex-grow: 0;
  width: 150px;
}

@media (max-width: 767.98px) {
  .multi-step-nav-collapse-sm {
    flex-wrap: nowrap;
  }
  .multi-step-nav-collapse-sm.multi-step-indicator-label-top .multi-step-indicator-label {
    bottom: auto;
    top: 0;
  }
  .multi-step-nav-collapse-sm.multi-step-indicator-label-bottom .multi-step-indicator-label {
    bottom: 0;
    top: auto;
  }
  .multi-step-nav-collapse-sm.multi-step-title-center .multi-step-title {
    margin-left: 0;
    max-width: none;
    transform: none;
  }
  .multi-step-nav-collapse-sm .active.multi-step-item {
    position: static;
  }
  .multi-step-nav-collapse-sm .active .multi-step-title {
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
  }
  .multi-step-nav-collapse-sm .active .multi-step-indicator {
    position: static;
  }
  .multi-step-nav-collapse-sm .active .multi-step-indicator-label {
    display: block;
    left: 0;
    max-width: none;
    position: absolute;
    right: 0;
    text-align: center;
    transform: none;
    width: auto;
  }
  .multi-step-nav-collapse-sm .multi-step-item {
    margin-bottom: 0;
    min-width: 2rem;
    padding-top: calc(
				0.875rem + 0.625rem +
					(0.25rem * 0.5)
			);
  }
  .multi-step-nav-collapse-sm .multi-step-title {
    display: none;
  }
  .multi-step-nav-collapse-sm .multi-step-indicator-label {
    display: none;
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.nav-link {
  display: block;
  padding-bottom: 0.625rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  position: relative;
}
.nav-link:hover {
  text-decoration: none;
}
.nav-link.focus, .nav-link:focus {
  text-decoration: none;
  z-index: 1;
}
.nav-link:disabled, .nav-link.disabled {
  color: #a7a9bc;
  cursor: not-allowed;
  box-shadow: none;
}
.nav-link:disabled:active, .nav-link.disabled:active {
  pointer-events: none;
}
.nav-link > .c-inner {
  margin-bottom: -0.625rem;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: -0.625rem;
}
.nav-link.btn-unstyled {
  width: 100%;
}
.nav-link.btn-unstyled:focus, .nav-link.btn-unstyled.focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.nav-link.btn-unstyled:active:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.nav-link.btn-unstyled:disabled, .nav-link.btn-unstyled.disabled {
  opacity: 1;
}
.nav-link.btn-unstyled .c-inner {
  width: auto;
}
.nav-btn {
  align-items: center;
  display: flex;
  height: 2rem;
  justify-content: center;
  line-height: 1.5;
  margin: calc(( 			(1.5 * 1.125rem) + 				(0.625rem * 2) - 2rem 		) * 0.5) 0.25rem;
  min-width: 2rem;
  padding: 0 0.5rem;
  position: relative;
  text-align: center;
  width: auto;
}
.nav-btn:focus, .nav-btn.focus {
  z-index: 1;
}
.nav-btn:disabled, .nav-btn.disabled {
  opacity: 1;
}
.nav-btn .c-inner {
  margin-bottom: 0;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: -0.0625rem;
}
.nav-btn .lexicon-icon {
  margin-top: 0;
}
.nav-btn.btn-link {
  margin-left: 0;
  margin-right: 0;
}
.nav-btn-monospaced {
  padding: 0;
}
.nav-btn-monospaced .c-inner {
  margin-left: -0.0625rem;
  margin-right: -0.0625rem;
}
.nav-link-monospaced {
  align-items: center;
  display: flex;
  height: 2rem;
  justify-content: center;
  margin: calc(( 			(1.5 * 1.125rem) + 				(0.625rem * 2) - 2rem 		) * 0.5) 0.25rem;
  min-width: 2rem;
  padding: 0;
}
.nav-link-monospaced .lexicon-icon {
  margin-top: 0;
}

.nav-item {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.nav-item[class*=col-] {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.nav-divider {
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  position: relative;
}
.nav-divider::before {
  background-color: #6b6c7e;
  content: "";
  display: block;
  height: 1rem;
  left: 0;
  margin-top: -0.5rem;
  position: absolute;
  top: 50%;
  width: 1px;
  z-index: 2;
}
.nav-divider-end {
  margin-right: 0.5rem;
  padding-right: 0.5rem;
  position: relative;
}
.nav-divider-end::after {
  background-color: #6b6c7e;
  content: "";
  display: block;
  height: 1rem;
  margin-top: -0.5rem;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  z-index: 2;
}

.nav-text-truncate {
  display: inline-block;
  margin-bottom: -6px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dropdown-toggle .nav-text-truncate {
  max-width: calc(100% - 24px);
}

.nav .nav-form {
  padding-bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0;
}

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified .nav-link {
  text-align: center;
  width: 100%;
}
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.nav-stacked {
  display: block;
}
.nav-stacked .nav-form {
  padding-bottom: 0.625rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.625rem;
}

.nav-unstyled {
  flex-wrap: nowrap;
}
.nav-unstyled .nav-link {
  line-height: 2rem;
  padding-bottom: 0;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 0;
}
.nav-unstyled .nav-link > .c-inner {
  margin-bottom: 0;
  margin-left: -4px;
  margin-right: -4px;
  margin-top: 0;
}
.nav-unstyled .nav-link-monospaced {
  margin: 0 4px;
}
.nav-unstyled .nav-btn {
  margin: 0 4px;
  padding-bottom: 0;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 0;
}
.nav-unstyled .nav-btn .c-inner {
  margin-bottom: 0;
  margin-left: -4px;
  margin-right: -4px;
  margin-top: 0;
}
.nav-nested {
  flex-direction: column;
  flex-wrap: nowrap;
}
.nav-nested .nav > li > a {
  padding-left: calc(1rem * 2);
}
.nav-nested .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 1);
}
.nav-nested .nav .nav > li > a {
  padding-left: calc(1rem * 3);
}
.nav-nested .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 2);
}
.nav-nested .nav .nav .nav > li > a {
  padding-left: calc(1rem * 4);
}
.nav-nested .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 3);
}
.nav-nested .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 5);
}
.nav-nested .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 4);
}
.nav-nested .nav .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 6);
}
.nav-nested .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 5);
}
.nav-nested .nav .nav .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 7);
}
.nav-nested .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 6);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 8);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 7);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 9);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 8);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 10);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 9);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 11);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 10);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 12);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 11);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 13);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 12);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 14);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 13);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 15);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 14);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
  padding-left: calc(1rem * 16);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 15);
}

.nav-nested-margins {
  flex-direction: column;
  flex-wrap: nowrap;
}
.nav-nested-margins > li .nav > li {
  margin-left: 1rem;
}

.nav-tabs {
  border-bottom: 0.0625rem solid transparent;
  font-size: 0.875rem;
}
.nav-tabs .nav-link {
  border-color: transparent;
  border-style: solid;
  border-width: 0.0625rem;
  border-radius: 0.25rem 0.25rem 0 0;
  color: #6b6c7e;
  padding-bottom: 0.28125rem;
  padding-top: 0.28125rem;
  white-space: nowrap;
  font-weight: var(--font-weight-semi-bold, 500);
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-tabs .nav-link {
    transition: none;
  }
}
.nav-tabs .nav-link:hover {
  border-color: transparent;
}
.nav-tabs .nav-link.focus, .nav-tabs .nav-link:focus {
  border-color: transparent;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.nav-tabs .nav-link:active {
  background-color: #fff;
  border-color: transparent transparent var(--body-bg, #fff);
  color: #272833;
}
.nav-tabs .nav-link.active {
  background-color: #fff;
  color: #272833;
  border-color: transparent transparent var(--body-bg, #fff);
}
.nav-tabs .nav-link:disabled, .nav-tabs .nav-link.disabled {
  background-color: transparent;
  border-color: transparent;
  color: #a7a9bc;
  box-shadow: none;
}
.nav-tabs .nav-link:disabled:active, .nav-tabs .nav-link.disabled:active {
  box-shadow: none;
}
.nav-tabs .nav-link[aria-expanded=true], .nav-tabs .nav-link.show {
  background-color: transparent;
  color: #272833;
  border-color: transparent transparent transparent transparent;
}
.nav-tabs .nav-link > .c-inner {
  margin-bottom: -0.28125rem;
  margin-top: -0.28125rem;
}
.nav-tabs .nav-item {
  margin-bottom: -0.0625rem;
}
.nav-tabs .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -0.0625rem;
}
.nav-tabs + .tab-content .tab-pane {
  background-color: #fff;
  border-radius: 4px;
  padding: 2rem;
}
.nav-tabs + .tab-content .tab-pane.active:first-child {
  border-top-left-radius: 0;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.dropdown-item[data-toggle=tab] .dropdown-item-indicator,
.dropdown-item[data-toggle=tab] .dropdown-item-indicator-start,
.dropdown-item[data-toggle=tab] .dropdown-item-indicator-end {
  display: none;
}
.dropdown-item[data-toggle=tab].active .dropdown-item-indicator,
.dropdown-item[data-toggle=tab].active .dropdown-item-indicator-start,
.dropdown-item[data-toggle=tab].active .dropdown-item-indicator-end {
  display: block;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #0b5fff;
  color: #fff;
}

.nav-underline .nav-link {
  color: #6b6c7e;
  padding-bottom: 0.5625rem;
  padding-top: 0.5625rem;
  border-radius: 1px;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-underline .nav-link {
    transition: none;
  }
}
.nav-underline .nav-link::after {
  bottom: 0;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
}
.nav-underline .nav-link.focus, .nav-underline .nav-link:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.nav-underline .nav-link.active {
  color: #272833;
}
.nav-underline .nav-link.active::after {
  background-color: #00d29a;
  content: "";
  height: 0.125rem;
}
.nav-underline .nav-link:disabled, .nav-underline .nav-link.disabled {
  color: #a7a9bc;
  box-shadow: none;
}
.nav-underline .nav-link[aria-expanded=true], .nav-underline .nav-link.show {
  color: #272833;
}
.nav-underline .nav-link[aria-expanded=true]::after, .nav-underline .nav-link.show::after {
  content: "";
  height: 0.125rem;
}
.nav-underline .nav-link > .c-inner {
  margin-bottom: -0.5625rem;
  margin-top: -0.5625rem;
}
.menubar {
  position: relative;
}

.menubar-toggler {
  display: none;
}

.menubar-vertical-expand-md {
  max-width: 15.625rem;
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    margin-left: -15px;
    margin-right: -15px;
  }
}
.menubar-vertical-expand-md .menubar-collapse {
  display: block;
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md .menubar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0.0625rem;
    display: none;
    left: -0.0625rem;
    position: absolute;
    right: -0.0625rem;
    top: 100%;
    z-index: 499;
  }
}
.menubar-vertical-expand-md .menubar-collapse.collapsing, .menubar-vertical-expand-md .menubar-collapse.show {
  display: block;
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md .menubar-toggler {
    align-items: center;
    border-color: transparent;
    border-style: solid;
    border-width: 0.0625rem;
    display: flex;
    height: 2rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .menubar-vertical-expand-md .menubar-toggler .c-inner {
    max-width: none;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .menubar-vertical-expand-md .menubar-toggler .lexicon-icon {
    margin-top: 0;
  }
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md .nav-nested {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md .nav-nested-margins > li .nav > li {
    margin-left: 0;
  }
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md.menubar-transparent {
    background-color: #fff;
  }
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md.menubar-transparent .menubar-collapse {
    background-color: #fff;
    border-color: #e7e7ed;
    border-radius: 0.25rem;
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
  }
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md.menubar-transparent .menubar-toggler {
    text-decoration: none;
    color: #272833;
    font-size: 0.875rem;
    font-weight: var(--font-weight-semi-bold, 500);
    transition: box-shadow 0.15s ease-in-out;
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .menubar-vertical-expand-md.menubar-transparent .menubar-toggler {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md.menubar-transparent .menubar-toggler:focus, .menubar-vertical-expand-md.menubar-transparent .menubar-toggler.focus {
    box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
    outline: 0;
  }
  .menubar-vertical-expand-md.menubar-transparent .menubar-toggler:active:focus {
    box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  }
  .menubar-vertical-expand-md.menubar-transparent .menubar-toggler:disabled, .menubar-vertical-expand-md.menubar-transparent .menubar-toggler.disabled {
    box-shadow: none;
  }
}
.menubar-vertical-expand-md.menubar-transparent .nav-link {
  color: #6b6c7e;
  border-radius: 0.375rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .menubar-vertical-expand-md.menubar-transparent .nav-link {
    transition: none;
  }
}
.menubar-vertical-expand-md.menubar-transparent .nav-link:hover {
  color: #272833;
  background-color: rgba(0, 93, 68, 0.04);
}
.menubar-vertical-expand-md.menubar-transparent .nav-link.focus, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
  background-color: rgba(0, 93, 68, 0.04);
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
  color: #272833;
  outline: 0;
}
.menubar-vertical-expand-md.menubar-transparent .nav-link:active {
  color: rgba(7, 29, 31, 0.9);
}
.menubar-vertical-expand-md.menubar-transparent .nav-link.active {
  background-color: rgba(0, 93, 68, 0.06);
  color: #272833;
  font-weight: var(--font-weight-semi-bold, 500);
}
.menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled {
  color: rgba(7, 29, 31, 0.3);
  box-shadow: none;
}
.menubar-vertical-expand-md.menubar-transparent .nav-link[aria-expanded=true], .menubar-vertical-expand-md.menubar-transparent .nav-link.show {
  color: #272833;
  font-weight: var(--font-weight-semi-bold, 500);
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md.menubar-transparent .nav-link {
    border-radius: 0;
    color: #272833;
  }
  .menubar-vertical-expand-md.menubar-transparent .nav-link:hover {
    background-color: rgba(0, 93, 68, 0.04);
    color: #1c1d25;
  }
  .menubar-vertical-expand-md.menubar-transparent .nav-link.focus, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
    background-color: rgba(0, 93, 68, 0.04);
  }
  .menubar-vertical-expand-md.menubar-transparent .nav-link.active {
    font-weight: var(--font-weight-semi-bold, 500);
    background-color: rgba(0, 93, 68, 0.06);
  }
  .menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled {
    background-color: transparent;
    color: #6b6c7e;
  }
}
@media (min-width: 768px) {
  .menubar-vertical-expand-md.menubar-decorated .nav {
    border-left-color: #e7e7ed;
    border-left-style: solid;
    border-left-width: 0.125rem;
    display: block;
    padding-left: 0.5rem;
  }
  .menubar-vertical-expand-md.menubar-decorated .nav > .nav-item .nav {
    margin-bottom: 0.25rem;
    margin-left: 1rem;
    margin-top: 0.25rem;
  }
  .menubar-vertical-expand-md.menubar-decorated .nav-link {
    padding-left: 1rem !important;
  }
  .menubar-vertical-expand-md.menubar-decorated .nav-link.active::after {
    background-color: #06ffbc;
    bottom: 0;
    content: "";
    display: block;
    left: -0.625rem;
    position: absolute;
    top: 0;
    width: 0.125rem;
  }
}

.menubar-vertical-expand-lg {
  max-width: 15.625rem;
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    margin-left: -15px;
    margin-right: -15px;
  }
}
.menubar-vertical-expand-lg .menubar-collapse {
  display: block;
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg .menubar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0.0625rem;
    display: none;
    left: -0.0625rem;
    position: absolute;
    right: -0.0625rem;
    top: 100%;
    z-index: 499;
  }
}
.menubar-vertical-expand-lg .menubar-collapse.collapsing, .menubar-vertical-expand-lg .menubar-collapse.show {
  display: block;
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg .menubar-toggler {
    align-items: center;
    border-color: transparent;
    border-style: solid;
    border-width: 0.0625rem;
    display: flex;
    height: 2rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .menubar-vertical-expand-lg .menubar-toggler .c-inner {
    max-width: none;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .menubar-vertical-expand-lg .menubar-toggler .lexicon-icon {
    margin-top: 0;
  }
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg .nav-nested {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg .nav-nested-margins {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg .nav-nested-margins > li .nav > li {
    margin-left: 0;
  }
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg.menubar-transparent {
    background-color: #fff;
  }
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg.menubar-transparent .menubar-collapse {
    background-color: #fff;
    border-color: #e7e7ed;
    border-radius: 0.25rem;
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
  }
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler {
    text-decoration: none;
    color: #272833;
    font-size: 0.875rem;
    font-weight: var(--font-weight-semi-bold, 500);
    transition: box-shadow 0.15s ease-in-out;
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler:focus, .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler.focus {
    box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
    outline: 0;
  }
  .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler:active:focus {
    box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  }
  .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler:disabled, .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler.disabled {
    box-shadow: none;
  }
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link {
  color: #6b6c7e;
  border-radius: 0.375rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .menubar-vertical-expand-lg.menubar-transparent .nav-link {
    transition: none;
  }
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link:hover {
  color: #272833;
  background-color: rgba(0, 93, 68, 0.04);
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link.focus, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
  background-color: rgba(0, 93, 68, 0.04);
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
  color: #272833;
  outline: 0;
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link:active {
  color: rgba(7, 29, 31, 0.9);
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link.active {
  background-color: rgba(0, 93, 68, 0.06);
  color: #272833;
  font-weight: var(--font-weight-semi-bold, 500);
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled {
  color: rgba(7, 29, 31, 0.3);
  box-shadow: none;
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link[aria-expanded=true], .menubar-vertical-expand-lg.menubar-transparent .nav-link.show {
  color: #272833;
  font-weight: var(--font-weight-semi-bold, 500);
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg.menubar-transparent .nav-link {
    border-radius: 0;
    color: #272833;
  }
  .menubar-vertical-expand-lg.menubar-transparent .nav-link:hover {
    background-color: rgba(0, 93, 68, 0.04);
    color: #1c1d25;
  }
  .menubar-vertical-expand-lg.menubar-transparent .nav-link.focus, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
    background-color: rgba(0, 93, 68, 0.04);
  }
  .menubar-vertical-expand-lg.menubar-transparent .nav-link.active {
    font-weight: var(--font-weight-semi-bold, 500);
    background-color: rgba(0, 93, 68, 0.06);
    color: #272833;
  }
  .menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled {
    background-color: transparent;
    color: #6b6c7e;
  }
}
@media (min-width: 992px) {
  .menubar-vertical-expand-lg.menubar-decorated .nav {
    border-left-color: #e7e7ed;
    border-left-style: solid;
    border-left-width: 0.125rem;
    display: block;
    padding-left: 0.5rem;
  }
  .menubar-vertical-expand-lg.menubar-decorated .nav > .nav-item .nav {
    margin-bottom: 0.25rem;
    margin-left: 1rem;
    margin-top: 0.25rem;
  }
  .menubar-vertical-expand-lg.menubar-decorated .nav-link {
    padding-left: 1rem !important;
  }
  .menubar-vertical-expand-lg.menubar-decorated .nav-link.active::after {
    background-color: #06ffbc;
    bottom: 0;
    content: "";
    display: block;
    left: -0.625rem;
    position: absolute;
    top: 0;
    width: 0.125rem;
  }
}

.navbar {
  align-items: center;
  border-width: 0;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  position: relative;
}
.navbar .container,
.navbar .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {
  align-items: inherit;
  background-color: inherit;
  display: inherit;
  flex-wrap: inherit;
  justify-content: inherit;
}
.navbar-nowrap {
  flex-wrap: nowrap;
}
.navbar-nowrap .navbar-text {
  min-width: 0;
  white-space: nowrap;
}

.navbar-nav .dropdown-menu-right,
.navbar-form .dropdown-menu-right {
  left: auto;
  right: 0;
}

.navbar-nav {
  display: flex;
  flex-wrap: inherit;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  float: none;
}
.navbar-nav .nav-item,
.navbar-nav .nav-item .dropdown {
  align-items: center;
  display: flex;
  word-wrap: normal;
  max-width: 100%;
}
.navbar-nav .nav-item > .custom-control,
.navbar-nav .nav-item > .form-check {
  margin-bottom: 0;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.navbar-nav .nav-link {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.navbar-nav-expand {
  flex-grow: 1;
  min-width: 0;
}

.navbar-nav-last {
  margin-left: auto;
}

.nav-item-expand {
  flex-grow: 1;
  min-width: 0;
}

.nav-item-shrink {
  min-width: 0;
}

.navbar-title {
  font-size: 1.25rem;
  font-weight: var(--font-weight-semi-bold, 500);
  margin-bottom: 0;
}

.navbar-text {
  display: inline-block;
  padding-bottom: 0.625rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.625rem;
}

.navbar-collapse {
  align-items: center;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.navbar-collapse .container,
.navbar-collapse .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
.navbar-collapse .dropdown-toggle .navbar-text-truncate {
  max-width: calc(100% - 1.5625rem);
}

.navbar-text-truncate {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.navbar-toggler-icon {
  background-size: 100% 100%;
  background: no-repeat center center;
  content: "";
  display: inline-block;
  height: 1.5em;
  vertical-align: middle;
  width: 1.5em;
}

.navbar-toggler {
  background-color: transparent;
  border: 0.0625rem solid transparent;
  border-radius: 0.25rem;
  font-size: 1.125rem;
  line-height: 1;
  padding: 0.25rem 0.75rem;
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  z-index: 525;
}
.navbar-toggler-link {
  align-items: center;
  display: flex;
  border-width: 0;
  line-height: 1.5;
  max-width: 100%;
  padding: calc((1.125rem * 1.5 + 0.625rem * 2 - calc(
	1.125rem * 1.5
)) * 0.5) 0.5rem;
  position: relative;
}
.navbar-toggler-link .lexicon-icon {
  min-width: 1em;
  margin-left: 3px;
  margin-top: 0;
}

.navbar-brand {
  display: inline-block;
  font-size: 1.125rem;
  line-height: inherit;
  max-width: calc(100% - 72px);
  padding-bottom: calc((1.125rem * 1.5 + 0.625rem * 2 - calc(
	1.125rem * 1.5
)) * 0.5);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: calc((1.125rem * 1.5 + 0.625rem * 2 - calc(
	1.125rem * 1.5
)) * 0.5);
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-form {
  align-items: center;
  display: flex;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.navbar-form > form {
  width: 100%;
}

.navbar-form-autofit {
  flex-basis: 100px;
  flex-grow: 1;
}
.navbar-form-autofit form {
  display: flex;
  width: 100%;
}

.navbar-overlay {
  background-color: inherit;
  flex-wrap: inherit;
}

.navbar-breakpoint-d-block,
.navbar-breakpoint-d-inline-block,
.navbar-breakpoint-d-flex {
  display: none !important;
}

.navbar-expand-sm .nav-item .navbar-text-truncate {
  max-width: 12.5rem;
}
@media (max-width: 575.98px) {
  .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
    background-color: inherit;
    left: 0;
    padding: 0 1rem;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 500;
  }
  .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container,
  .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child,
  .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child {
    padding-bottom: 0.5rem;
  }
  .navbar-expand-sm .navbar-collapse .nav-item,
  .navbar-expand-sm .navbar-collapse .nav-item .dropdown {
    display: block;
  }
  .navbar-expand-sm .navbar-collapse .navbar-text-truncate {
    max-width: 100%;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav {
    flex-direction: column;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate {
    max-width: calc(
									100% - 1.5625rem
								);
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover, .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:focus {
    background-color: transparent;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
    background-color: transparent;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu {
    background-color: transparent;
    border-width: 0;
    box-shadow: none;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: static;
  }
  .navbar-expand-sm .show-dropdown-on-collapse .dropdown-header,
  .navbar-expand-sm .show-dropdown-on-collapse .dropdown-item {
    padding: 0.625rem 0.5rem;
  }
  .navbar-expand-sm .show-dropdown-on-collapse .dropdown-menu {
    display: block;
  }
  .navbar-expand-sm .show-dropdown-on-collapse .dropdown-toggle {
    display: none;
  }
  .navbar-expand-sm .navbar-breakpoint-down-d-block {
    display: block !important;
  }
  .navbar-expand-sm .navbar-breakpoint-down-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-sm .navbar-breakpoint-down-d-flex {
    display: flex !important;
  }
  .navbar-expand-sm .navbar-breakpoint-down-d-none {
    display: none !important;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm .navbar-brand .navbar-text-truncate {
    max-width: 12.5rem;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    width: auto;
  }
  .navbar-expand-sm .navbar-collapse .dropdown-toggle .navbar-text-truncate {
    max-width: 10.9375rem;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .navbar-breakpoint-d-block {
    display: block !important;
  }
  .navbar-expand-sm .navbar-breakpoint-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-sm .navbar-breakpoint-d-flex {
    display: flex !important;
  }
  .navbar-expand-sm .navbar-breakpoint-d-none {
    display: none !important;
  }
}
.navbar-expand-md .nav-item .navbar-text-truncate {
  max-width: 12.5rem;
}
@media (max-width: 767.98px) {
  .navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
    background-color: inherit;
    left: 0;
    padding: 0 1rem;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 500;
  }
  .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container,
  .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child,
  .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child {
    padding-bottom: 0.5rem;
  }
  .navbar-expand-md .navbar-collapse .nav-item,
  .navbar-expand-md .navbar-collapse .nav-item .dropdown {
    display: block;
  }
  .navbar-expand-md .navbar-collapse .navbar-text-truncate {
    max-width: 100%;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav {
    flex-direction: column;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate {
    max-width: calc(
									100% - 1.5625rem
								);
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover, .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
    background-color: transparent;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
    background-color: transparent;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu {
    background-color: transparent;
    border-width: 0;
    box-shadow: none;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: static;
  }
  .navbar-expand-md .show-dropdown-on-collapse .dropdown-header,
  .navbar-expand-md .show-dropdown-on-collapse .dropdown-item {
    padding: 0.625rem 0.5rem;
  }
  .navbar-expand-md .show-dropdown-on-collapse .dropdown-menu {
    display: block;
  }
  .navbar-expand-md .show-dropdown-on-collapse .dropdown-toggle {
    display: none;
  }
  .navbar-expand-md .navbar-breakpoint-down-d-block {
    display: block !important;
  }
  .navbar-expand-md .navbar-breakpoint-down-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-md .navbar-breakpoint-down-d-flex {
    display: flex !important;
  }
  .navbar-expand-md .navbar-breakpoint-down-d-none {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md .navbar-brand .navbar-text-truncate {
    max-width: 12.5rem;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    width: auto;
  }
  .navbar-expand-md .navbar-collapse .dropdown-toggle .navbar-text-truncate {
    max-width: 10.9375rem;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .navbar-breakpoint-d-block {
    display: block !important;
  }
  .navbar-expand-md .navbar-breakpoint-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-md .navbar-breakpoint-d-flex {
    display: flex !important;
  }
  .navbar-expand-md .navbar-breakpoint-d-none {
    display: none !important;
  }
}
.navbar-expand-lg .nav-item .navbar-text-truncate {
  max-width: 12.5rem;
}
@media (max-width: 991.98px) {
  .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
    background-color: inherit;
    left: 0;
    padding: 0 1rem;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 500;
  }
  .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container,
  .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child,
  .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child {
    padding-bottom: 0.5rem;
  }
  .navbar-expand-lg .navbar-collapse .nav-item,
  .navbar-expand-lg .navbar-collapse .nav-item .dropdown {
    display: block;
  }
  .navbar-expand-lg .navbar-collapse .navbar-text-truncate {
    max-width: 100%;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav {
    flex-direction: column;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate {
    max-width: calc(
									100% - 1.5625rem
								);
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover, .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:focus {
    background-color: transparent;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
    background-color: transparent;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu {
    background-color: transparent;
    border-width: 0;
    box-shadow: none;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: static;
  }
  .navbar-expand-lg .show-dropdown-on-collapse .dropdown-header,
  .navbar-expand-lg .show-dropdown-on-collapse .dropdown-item {
    padding: 0.625rem 0.5rem;
  }
  .navbar-expand-lg .show-dropdown-on-collapse .dropdown-menu {
    display: block;
  }
  .navbar-expand-lg .show-dropdown-on-collapse .dropdown-toggle {
    display: none;
  }
  .navbar-expand-lg .navbar-breakpoint-down-d-block {
    display: block !important;
  }
  .navbar-expand-lg .navbar-breakpoint-down-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-lg .navbar-breakpoint-down-d-flex {
    display: flex !important;
  }
  .navbar-expand-lg .navbar-breakpoint-down-d-none {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-brand .navbar-text-truncate {
    max-width: 12.5rem;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    width: auto;
  }
  .navbar-expand-lg .navbar-collapse .dropdown-toggle .navbar-text-truncate {
    max-width: 10.9375rem;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .navbar-breakpoint-d-block {
    display: block !important;
  }
  .navbar-expand-lg .navbar-breakpoint-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-lg .navbar-breakpoint-d-flex {
    display: flex !important;
  }
  .navbar-expand-lg .navbar-breakpoint-d-none {
    display: none !important;
  }
}
.navbar-expand-xl .nav-item .navbar-text-truncate {
  max-width: 12.5rem;
}
@media (max-width: 1279.98px) {
  .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
    background-color: inherit;
    left: 0;
    padding: 0 1rem;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 500;
  }
  .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container,
  .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child,
  .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child {
    padding-bottom: 0.5rem;
  }
  .navbar-expand-xl .navbar-collapse .nav-item,
  .navbar-expand-xl .navbar-collapse .nav-item .dropdown {
    display: block;
  }
  .navbar-expand-xl .navbar-collapse .navbar-text-truncate {
    max-width: 100%;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav {
    flex-direction: column;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate {
    max-width: calc(
									100% - 1.5625rem
								);
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover, .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:focus {
    background-color: transparent;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
    background-color: transparent;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu {
    background-color: transparent;
    border-width: 0;
    box-shadow: none;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: static;
  }
  .navbar-expand-xl .show-dropdown-on-collapse .dropdown-header,
  .navbar-expand-xl .show-dropdown-on-collapse .dropdown-item {
    padding: 0.625rem 0.5rem;
  }
  .navbar-expand-xl .show-dropdown-on-collapse .dropdown-menu {
    display: block;
  }
  .navbar-expand-xl .show-dropdown-on-collapse .dropdown-toggle {
    display: none;
  }
  .navbar-expand-xl .navbar-breakpoint-down-d-block {
    display: block !important;
  }
  .navbar-expand-xl .navbar-breakpoint-down-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-xl .navbar-breakpoint-down-d-flex {
    display: flex !important;
  }
  .navbar-expand-xl .navbar-breakpoint-down-d-none {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .navbar-expand-xl .navbar-brand .navbar-text-truncate {
    max-width: 12.5rem;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    width: auto;
  }
  .navbar-expand-xl .navbar-collapse .dropdown-toggle .navbar-text-truncate {
    max-width: 10.9375rem;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .navbar-breakpoint-d-block {
    display: block !important;
  }
  .navbar-expand-xl .navbar-breakpoint-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-xl .navbar-breakpoint-d-flex {
    display: flex !important;
  }
  .navbar-expand-xl .navbar-breakpoint-d-none {
    display: none !important;
  }
}
.navbar-expand-xxl .nav-item .navbar-text-truncate {
  max-width: 12.5rem;
}
@media (max-width: 1439.98px) {
  .navbar-expand-xxl.navbar-collapse-absolute .navbar-collapse {
    background-color: inherit;
    left: 0;
    padding: 0 1rem;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 500;
  }
  .navbar-expand-xxl.navbar-collapse-absolute .navbar-collapse .container,
  .navbar-expand-xxl.navbar-collapse-absolute .navbar-collapse .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .navbar-expand-xxl.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child,
  .navbar-expand-xxl.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child {
    padding-bottom: 0.5rem;
  }
  .navbar-expand-xxl .navbar-collapse .nav-item,
  .navbar-expand-xxl .navbar-collapse .nav-item .dropdown {
    display: block;
  }
  .navbar-expand-xxl .navbar-collapse .navbar-text-truncate {
    max-width: 100%;
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav {
    flex-direction: column;
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate {
    max-width: calc(
									100% - 1.5625rem
								);
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-item:hover, .navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-item:focus {
    background-color: transparent;
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-item.active {
    background-color: transparent;
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-menu {
    background-color: transparent;
    border-width: 0;
    box-shadow: none;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: static;
  }
  .navbar-expand-xxl .show-dropdown-on-collapse .dropdown-header,
  .navbar-expand-xxl .show-dropdown-on-collapse .dropdown-item {
    padding: 0.625rem 0.5rem;
  }
  .navbar-expand-xxl .show-dropdown-on-collapse .dropdown-menu {
    display: block;
  }
  .navbar-expand-xxl .show-dropdown-on-collapse .dropdown-toggle {
    display: none;
  }
  .navbar-expand-xxl .navbar-breakpoint-down-d-block {
    display: block !important;
  }
  .navbar-expand-xxl .navbar-breakpoint-down-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-xxl .navbar-breakpoint-down-d-flex {
    display: flex !important;
  }
  .navbar-expand-xxl .navbar-breakpoint-down-d-none {
    display: none !important;
  }
}
@media (min-width: 1440px) {
  .navbar-expand-xxl .navbar-brand .navbar-text-truncate {
    max-width: 12.5rem;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    width: auto;
  }
  .navbar-expand-xxl .navbar-collapse .dropdown-toggle .navbar-text-truncate {
    max-width: 10.9375rem;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .navbar-breakpoint-d-block {
    display: block !important;
  }
  .navbar-expand-xxl .navbar-breakpoint-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-xxl .navbar-breakpoint-d-flex {
    display: flex !important;
  }
  .navbar-expand-xxl .navbar-breakpoint-d-none {
    display: none !important;
  }
}
.navbar-expand .nav-item .navbar-text-truncate {
  max-width: 12.5rem;
}

@media (max-width: 575.98px) {
  .navbar-overlay-xs-down {
    bottom: 0;
    display: none;
    justify-content: space-between;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 450;
  }
  .navbar-overlay-xs-down.show {
    display: flex;
  }
}

@media (max-width: 767.98px) {
  .navbar-overlay-sm-down {
    bottom: 0;
    display: none;
    justify-content: space-between;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 450;
  }
  .navbar-overlay-sm-down.show {
    display: flex;
  }
}

@media (max-width: 991.98px) {
  .navbar-overlay-md-down {
    bottom: 0;
    display: none;
    justify-content: space-between;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 450;
  }
  .navbar-overlay-md-down.show {
    display: flex;
  }
}

@media (max-width: 1279.98px) {
  .navbar-overlay-lg-down {
    bottom: 0;
    display: none;
    justify-content: space-between;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 450;
  }
  .navbar-overlay-lg-down.show {
    display: flex;
  }
}

@media (max-width: 1439.98px) {
  .navbar-overlay-xl-down {
    bottom: 0;
    display: none;
    justify-content: space-between;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 450;
  }
  .navbar-overlay-xl-down.show {
    display: flex;
  }
}

.navbar-overlay-up {
  bottom: 0;
  display: none;
  justify-content: space-between;
  left: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 450;
}
.navbar-overlay-up.show {
  display: flex;
}

.navbar-light .navbar-brand {
  color: #272833;
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: #272833;
}
.navbar-light .navbar-nav .nav-link {
  color: #6b6c7e;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #6b6c7e;
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: #a7a9bc;
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: #272833;
}
.navbar-light .navbar-toggler {
  border-color: rgba(7, 29, 31, 0.1);
  color: #6b6c7e;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%236b6c7e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: #6b6c7e;
}
.navbar-light .navbar-text a {
  color: #272833;
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: #272833;
}

.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: #a7a9bc;
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: #fff;
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.navbar-underline .navbar-toggler-link:after {
  background-color: #80acff;
  bottom: -0.5rem;
  content: "";
  display: block;
  height: 0.125rem;
  left: 0;
  position: absolute;
  right: 0;
  width: auto;
}

@media (min-width: 576px) {
  .navbar-underline.navbar-expand-sm .navbar-nav .nav-link.active:after {
    background-color: #80acff;
    bottom: -0.5rem;
    content: "";
    display: block;
    height: 0.125rem;
    left: 0;
    position: absolute;
    right: 0;
    width: auto;
  }
}
@media (min-width: 768px) {
  .navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after {
    background-color: #80acff;
    bottom: -0.5rem;
    content: "";
    display: block;
    height: 0.125rem;
    left: 0;
    position: absolute;
    right: 0;
    width: auto;
  }
}
@media (min-width: 992px) {
  .navbar-underline.navbar-expand-lg .navbar-nav .nav-link.active:after {
    background-color: #80acff;
    bottom: -0.5rem;
    content: "";
    display: block;
    height: 0.125rem;
    left: 0;
    position: absolute;
    right: 0;
    width: auto;
  }
}
@media (min-width: 1280px) {
  .navbar-underline.navbar-expand-xl .navbar-nav .nav-link.active:after {
    background-color: #80acff;
    bottom: -0.5rem;
    content: "";
    display: block;
    height: 0.125rem;
    left: 0;
    position: absolute;
    right: 0;
    width: auto;
  }
}
@media (min-width: 1440px) {
  .navbar-underline.navbar-expand-xxl .navbar-nav .nav-link.active:after {
    background-color: #80acff;
    bottom: -0.5rem;
    content: "";
    display: block;
    height: 0.125rem;
    left: 0;
    position: absolute;
    right: 0;
    width: auto;
  }
}
.navbar-underline.navbar-expand .navbar-nav .nav-link.active:after {
  background-color: #80acff;
  bottom: -0.5rem;
  content: "";
  display: block;
  height: 0.125rem;
  left: 0;
  position: absolute;
  right: 0;
  width: auto;
}

.application-bar {
  flex-wrap: nowrap;
  border-width: 0px 0px 0px 0px;
  font-size: 0.875rem;
  padding: 0px 0;
}
.application-bar .navbar-toggler {
  font-size: 1.125rem;
  height: calc(3rem * 0.66667);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
}
.application-bar .navbar-toggler .c-inner {
  margin-bottom: -0.25rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.25rem;
}
.application-bar .navbar-toggler-link {
  font-size: 0.875rem;
  height: auto;
  line-height: 1.5;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: calc((
						3rem -
							0px -
							0px -
							0px *
							2 -
							0.875rem *
							1.5
					) * 0.5);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: calc((
						3rem -
							0px -
							0px -
							0px *
							2 -
							0.875rem *
							1.5
					) * 0.5);
}
.application-bar .navbar-toggler-link .c-inner {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.application-bar .navbar-brand {
  font-size: 1.125rem;
  margin-right: 0;
  padding-bottom: calc((
							3rem -
								0px -
								0px -
								0px *
								2 -
								1.125rem *
								1.5
						) * 0.5);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: calc((
							3rem -
								0px -
								0px -
								0px *
								2 -
								1.125rem *
								1.5
						) * 0.5);
}
.application-bar .navbar-brand .c-inner {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.application-bar .navbar-title {
  font-size: 1.125rem;
}
.application-bar .navbar-nav .nav-btn {
  font-size: 0.875rem;
  margin-bottom: calc((
						3rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-top: calc((
						3rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  padding-bottom: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.25rem;
}
.application-bar .navbar-nav .nav-btn .c-inner {
  margin-bottom: -0.25rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-top: -0.25rem;
}
.application-bar .navbar-nav .nav-btn-monospaced {
  font-size: 1rem;
  padding: 0;
}
.application-bar .navbar-nav .nav-btn-monospaced .c-inner {
  margin: 0;
}
.application-bar .navbar-nav .nav-item > .custom-control,
.application-bar .navbar-nav .nav-item > .form-check {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.application-bar .navbar-nav .nav-link,
.application-bar .navbar-nav .navbar-text {
  margin-bottom: calc((
						(
								3rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-top: calc((
						(
								3rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
  padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
}
.application-bar .navbar-nav .nav-link .c-inner,
.application-bar .navbar-nav .navbar-text .c-inner {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.application-bar .navbar-nav .nav-link-monospaced {
  font-size: 1rem;
  margin-bottom: calc((
						3rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-top: calc((
						3rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  padding: 0;
}
.application-bar .navbar-nav .nav-link-monospaced .c-inner {
  margin: 0;
}
@media (max-width: 575.98px) {
  .application-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0px 0px;
    left: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .application-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .application-bar.navbar-expand-sm .navbar-form {
    height: calc(
											3rem - 0px -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .application-bar.navbar-expand-sm .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 576px) {
  .application-bar.navbar-expand-sm .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.25rem;
    padding-bottom: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-sm .navbar-brand .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-sm .navbar-form {
    height: calc(
												3.5rem -
													0px -
													0px
											);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .application-bar.navbar-expand-sm .navbar-form > .container,
  .application-bar.navbar-expand-sm .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .application-bar.navbar-expand-sm .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-sm .nav-btn .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-sm .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .application-bar.navbar-expand-sm .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .application-bar.navbar-expand-sm .nav-item > .custom-control,
  .application-bar.navbar-expand-sm .nav-item > .form-check {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .application-bar.navbar-expand-sm .nav-link,
  .application-bar.navbar-expand-sm .navbar-text {
    margin-bottom: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-sm .nav-link .c-inner,
  .application-bar.navbar-expand-sm .navbar-text .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-sm .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .application-bar.navbar-expand-sm .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 767.98px) {
  .application-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0px 0px;
    left: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .application-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .application-bar.navbar-expand-md .navbar-form {
    height: calc(
											3rem - 0px -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .application-bar.navbar-expand-md .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .application-bar.navbar-expand-md .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.25rem;
    padding-bottom: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-md .navbar-brand .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-md .navbar-form {
    height: calc(
												3.5rem -
													0px -
													0px
											);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .application-bar.navbar-expand-md .navbar-form > .container,
  .application-bar.navbar-expand-md .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .application-bar.navbar-expand-md .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-md .nav-btn .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-md .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .application-bar.navbar-expand-md .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .application-bar.navbar-expand-md .nav-item > .custom-control,
  .application-bar.navbar-expand-md .nav-item > .form-check {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .application-bar.navbar-expand-md .nav-link,
  .application-bar.navbar-expand-md .navbar-text {
    margin-bottom: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-md .nav-link .c-inner,
  .application-bar.navbar-expand-md .navbar-text .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-md .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .application-bar.navbar-expand-md .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  .application-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0px 0px;
    left: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .application-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .application-bar.navbar-expand-lg .navbar-form {
    height: calc(
											3rem - 0px -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .application-bar.navbar-expand-lg .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  .application-bar.navbar-expand-lg .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.25rem;
    padding-bottom: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-lg .navbar-brand .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-lg .navbar-form {
    height: calc(
												3.5rem -
													0px -
													0px
											);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .application-bar.navbar-expand-lg .navbar-form > .container,
  .application-bar.navbar-expand-lg .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .application-bar.navbar-expand-lg .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-lg .nav-btn .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-lg .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .application-bar.navbar-expand-lg .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .application-bar.navbar-expand-lg .nav-item > .custom-control,
  .application-bar.navbar-expand-lg .nav-item > .form-check {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .application-bar.navbar-expand-lg .nav-link,
  .application-bar.navbar-expand-lg .navbar-text {
    margin-bottom: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-lg .nav-link .c-inner,
  .application-bar.navbar-expand-lg .navbar-text .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-lg .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .application-bar.navbar-expand-lg .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 1279.98px) {
  .application-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0px 0px;
    left: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .application-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .application-bar.navbar-expand-xl .navbar-form {
    height: calc(
											3rem - 0px -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .application-bar.navbar-expand-xl .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 1280px) {
  .application-bar.navbar-expand-xl .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.25rem;
    padding-bottom: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-xl .navbar-brand .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-xl .navbar-form {
    height: calc(
												3.5rem -
													0px -
													0px
											);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .application-bar.navbar-expand-xl .navbar-form > .container,
  .application-bar.navbar-expand-xl .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .application-bar.navbar-expand-xl .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-xl .nav-btn .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-xl .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .application-bar.navbar-expand-xl .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .application-bar.navbar-expand-xl .nav-item > .custom-control,
  .application-bar.navbar-expand-xl .nav-item > .form-check {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .application-bar.navbar-expand-xl .nav-link,
  .application-bar.navbar-expand-xl .navbar-text {
    margin-bottom: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-xl .nav-link .c-inner,
  .application-bar.navbar-expand-xl .navbar-text .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-xl .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .application-bar.navbar-expand-xl .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 1439.98px) {
  .application-bar.navbar-expand-xxl.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0px 0px;
    left: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .application-bar.navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .application-bar.navbar-expand-xxl .navbar-form {
    height: calc(
											3rem - 0px -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .application-bar.navbar-expand-xxl .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 1440px) {
  .application-bar.navbar-expand-xxl .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.25rem;
    padding-bottom: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-xxl .navbar-brand .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-xxl .navbar-form {
    height: calc(
												3.5rem -
													0px -
													0px
											);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .application-bar.navbar-expand-xxl .navbar-form > .container,
  .application-bar.navbar-expand-xxl .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .application-bar.navbar-expand-xxl .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-xxl .nav-btn .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-xxl .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .application-bar.navbar-expand-xxl .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .application-bar.navbar-expand-xxl .nav-item > .custom-control,
  .application-bar.navbar-expand-xxl .nav-item > .form-check {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .application-bar.navbar-expand-xxl .nav-link,
  .application-bar.navbar-expand-xxl .navbar-text {
    margin-bottom: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-xxl .nav-link .c-inner,
  .application-bar.navbar-expand-xxl .navbar-text .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-xxl .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .application-bar.navbar-expand-xxl .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 575.98px) {
  .application-bar .navbar-overlay-xs-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 767.98px) {
  .application-bar .navbar-overlay-sm-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 991.98px) {
  .application-bar .navbar-overlay-md-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 1279.98px) {
  .application-bar .navbar-overlay-lg-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 1439.98px) {
  .application-bar .navbar-overlay-xl-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
.application-bar .navbar-overlay-up {
  padding-bottom: 0px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0px;
}
.application-bar.navbar-underline .navbar-toggler-link:after {
  bottom: calc((
						0px +
							0px +
							calc((
						(
								3rem -
									0px -
									0px
							) -
							2rem
					) * 0.5)
					) * -1);
  height: 0.125rem;
}
@media (min-width: 576px) {
  .application-bar.navbar-underline.navbar-expand-sm .navbar-nav .nav-link.active:after {
    bottom: calc((0px + 0px + calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.125rem;
  }
}
@media (min-width: 768px) {
  .application-bar.navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after {
    bottom: calc((0px + 0px + calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.125rem;
  }
}
@media (min-width: 992px) {
  .application-bar.navbar-underline.navbar-expand-lg .navbar-nav .nav-link.active:after {
    bottom: calc((0px + 0px + calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.125rem;
  }
}
@media (min-width: 1280px) {
  .application-bar.navbar-underline.navbar-expand-xl .navbar-nav .nav-link.active:after {
    bottom: calc((0px + 0px + calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.125rem;
  }
}
@media (min-width: 1440px) {
  .application-bar.navbar-underline.navbar-expand-xxl .navbar-nav .nav-link.active:after {
    bottom: calc((0px + 0px + calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.125rem;
  }
}
.application-bar.navbar-underline.navbar-expand .navbar-nav .nav-link.active:after {
  bottom: calc((0px + 0px + calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5)) * -1);
  height: 0.125rem;
}
.application-bar .navbar-nav .nav-link {
  border-radius: 0.25rem;
  outline: 0;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .application-bar .navbar-nav .nav-link {
    transition: none;
  }
}
.application-bar .navbar-nav .nav-link.focus, .application-bar .navbar-nav .nav-link:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.application-bar .navbar-nav .nav-link:disabled, .application-bar .navbar-nav .nav-link.disabled {
  box-shadow: none;
}
.application-bar .navbar-brand {
  border-radius: 0.25rem;
  outline: 0;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .application-bar .navbar-brand {
    transition: none;
  }
}
.application-bar .navbar-brand.focus, .application-bar .navbar-brand:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.application-bar .navbar-brand:disabled, .application-bar .navbar-brand.disabled {
  box-shadow: none;
}
.application-bar .container,
.application-bar .container-fluid {
  flex-wrap: nowrap;
}
.application-bar .navbar-nav {
  flex-wrap: nowrap;
}

.application-bar-dark {
  background-color: #30313f;
  color: #fff;
}
.application-bar-dark .navbar-nav .nav-link {
  color: #fff;
  font-weight: var(--font-weight-semi-bold, 500);
}
.application-bar-dark .navbar-nav .nav-link:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.03);
}
.application-bar-dark .navbar-nav .nav-link.focus, .application-bar-dark .navbar-nav .nav-link:focus {
  background-color: rgba(255, 255, 255, 0.03);
}
.application-bar-dark .navbar-nav .nav-link:active {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.06);
}
.application-bar-dark .navbar-nav .nav-link.active {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.application-bar-dark .navbar-nav .nav-link:disabled, .application-bar-dark .navbar-nav .nav-link.disabled {
  color: #a7a9bc;
  opacity: 0.5;
  background-color: transparent;
}
.application-bar-dark .navbar-nav .nav-link[aria-expanded=true], .application-bar-dark .navbar-nav .nav-link.show {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.application-bar-dark .navbar-nav .nav-btn {
  font-weight: var(--font-weight-semi-bold, 500);
}
.application-bar-dark .navbar-brand {
  font-weight: var(--font-weight-semi-bold, 500);
}
.application-bar-dark .navbar-brand.focus, .application-bar-dark .navbar-brand:focus {
  background-color: rgba(255, 255, 255, 0.03);
}
.application-bar-dark .navbar-brand:active {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.06);
}
.application-bar-dark .navbar-brand.active {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.application-bar-dark .navbar-brand:disabled, .application-bar-dark .navbar-brand.disabled {
  color: #a7a9bc;
  opacity: 0.5;
  background-color: transparent;
}
.application-bar-dark .navbar-brand[aria-expanded=true], .application-bar-dark .navbar-brand.show {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.application-bar-dark .navbar-toggler {
  color: #fff;
  font-weight: var(--font-weight-semi-bold, 500);
}
.application-bar-dark .navbar-overlay {
  background-color: #30313f;
}
.management-bar {
  border-width: 0px 0px 0.0625rem 0px;
  font-size: 0.875rem;
  min-height: 4rem;
  padding: 0px 0;
  border-color: transparent;
  border-style: solid;
}
.management-bar .navbar-toggler {
  font-size: 1.125rem;
  height: calc(3rem * 0.66667);
  margin-left: 0.875rem;
  margin-right: 0.875rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
}
.management-bar .navbar-toggler .c-inner {
  margin-bottom: -0.25rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.25rem;
}
.management-bar .navbar-toggler-link {
  font-size: 0.875rem;
  height: auto;
  line-height: 1.5;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							0.875rem *
							1.5
					) * 0.5);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							0.875rem *
							1.5
					) * 0.5);
}
.management-bar .navbar-toggler-link .c-inner {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.management-bar .navbar-brand {
  font-size: 1.125rem;
  margin-right: 0;
  padding-bottom: calc((
							3rem -
								0.0625rem -
								0px -
								0px *
								2 -
								1.125rem *
								1.5
						) * 0.5);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: calc((
							3rem -
								0.0625rem -
								0px -
								0px *
								2 -
								1.125rem *
								1.5
						) * 0.5);
}
.management-bar .navbar-brand .c-inner {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.management-bar .navbar-nav .nav-btn {
  font-size: 0.875rem;
  margin-bottom: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-top: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  padding-bottom: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.25rem;
}
.management-bar .navbar-nav .nav-btn .c-inner {
  margin-bottom: -0.25rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-top: -0.25rem;
}
.management-bar .navbar-nav .nav-btn-monospaced {
  font-size: 1rem;
  padding: 0;
}
.management-bar .navbar-nav .nav-btn-monospaced .c-inner {
  margin: 0;
}
.management-bar .navbar-nav .nav-item > .custom-control,
.management-bar .navbar-nav .nav-item > .form-check {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.management-bar .navbar-nav .nav-link,
.management-bar .navbar-nav .navbar-text {
  margin-bottom: calc((
						(
								3rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-top: calc((
						(
								3rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
  padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
}
.management-bar .navbar-nav .nav-link .c-inner,
.management-bar .navbar-nav .navbar-text .c-inner {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.management-bar .navbar-nav .nav-link-monospaced {
  font-size: 1rem;
  margin-bottom: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-top: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  padding: 0;
}
.management-bar .navbar-nav .nav-link-monospaced .c-inner {
  margin: 0;
}
.management-bar .dropdown-menu {
  margin-top: 0;
}
@media (max-width: 575.98px) {
  .management-bar.navbar-expand-sm {
    min-height: 3rem;
  }
  .management-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .management-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .management-bar.navbar-expand-sm .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .management-bar.navbar-expand-sm .navbar-form .form-control {
    height: 2rem;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 576px) {
  .management-bar.navbar-expand-sm .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.5rem;
    padding-bottom: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-sm .navbar-brand .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-sm .navbar-form {
    height: calc(
												4rem -
													0.0625rem -
													0px
											);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .management-bar.navbar-expand-sm .navbar-form > .container,
  .management-bar.navbar-expand-sm .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .management-bar.navbar-expand-sm .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-sm .nav-btn .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-sm .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .management-bar.navbar-expand-sm .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .management-bar.navbar-expand-sm .nav-item > .custom-control,
  .management-bar.navbar-expand-sm .nav-item > .form-check {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .management-bar.navbar-expand-sm .nav-link,
  .management-bar.navbar-expand-sm .navbar-text {
    margin-bottom: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-sm .nav-link .c-inner,
  .management-bar.navbar-expand-sm .navbar-text .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-sm .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .management-bar.navbar-expand-sm .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 767.98px) {
  .management-bar.navbar-expand-md {
    min-height: 3rem;
  }
  .management-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .management-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .management-bar.navbar-expand-md .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .management-bar.navbar-expand-md .navbar-form .form-control {
    height: 2rem;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .management-bar.navbar-expand-md .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.5rem;
    padding-bottom: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-md .navbar-brand .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-md .navbar-form {
    height: calc(
												4rem -
													0.0625rem -
													0px
											);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .management-bar.navbar-expand-md .navbar-form > .container,
  .management-bar.navbar-expand-md .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .management-bar.navbar-expand-md .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-md .nav-btn .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-md .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .management-bar.navbar-expand-md .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .management-bar.navbar-expand-md .nav-item > .custom-control,
  .management-bar.navbar-expand-md .nav-item > .form-check {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .management-bar.navbar-expand-md .nav-link,
  .management-bar.navbar-expand-md .navbar-text {
    margin-bottom: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-md .nav-link .c-inner,
  .management-bar.navbar-expand-md .navbar-text .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-md .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .management-bar.navbar-expand-md .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  .management-bar.navbar-expand-lg {
    min-height: 3rem;
  }
  .management-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .management-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .management-bar.navbar-expand-lg .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .management-bar.navbar-expand-lg .navbar-form .form-control {
    height: 2rem;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  .management-bar.navbar-expand-lg .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.5rem;
    padding-bottom: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-lg .navbar-brand .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-lg .navbar-form {
    height: calc(
												4rem -
													0.0625rem -
													0px
											);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .management-bar.navbar-expand-lg .navbar-form > .container,
  .management-bar.navbar-expand-lg .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .management-bar.navbar-expand-lg .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-lg .nav-btn .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-lg .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .management-bar.navbar-expand-lg .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .management-bar.navbar-expand-lg .nav-item > .custom-control,
  .management-bar.navbar-expand-lg .nav-item > .form-check {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .management-bar.navbar-expand-lg .nav-link,
  .management-bar.navbar-expand-lg .navbar-text {
    margin-bottom: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-lg .nav-link .c-inner,
  .management-bar.navbar-expand-lg .navbar-text .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-lg .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .management-bar.navbar-expand-lg .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 1279.98px) {
  .management-bar.navbar-expand-xl {
    min-height: 3rem;
  }
  .management-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .management-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .management-bar.navbar-expand-xl .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .management-bar.navbar-expand-xl .navbar-form .form-control {
    height: 2rem;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 1280px) {
  .management-bar.navbar-expand-xl .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.5rem;
    padding-bottom: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-xl .navbar-brand .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-xl .navbar-form {
    height: calc(
												4rem -
													0.0625rem -
													0px
											);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .management-bar.navbar-expand-xl .navbar-form > .container,
  .management-bar.navbar-expand-xl .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .management-bar.navbar-expand-xl .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-xl .nav-btn .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-xl .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .management-bar.navbar-expand-xl .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .management-bar.navbar-expand-xl .nav-item > .custom-control,
  .management-bar.navbar-expand-xl .nav-item > .form-check {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .management-bar.navbar-expand-xl .nav-link,
  .management-bar.navbar-expand-xl .navbar-text {
    margin-bottom: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-xl .nav-link .c-inner,
  .management-bar.navbar-expand-xl .navbar-text .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-xl .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .management-bar.navbar-expand-xl .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 1439.98px) {
  .management-bar.navbar-expand-xxl {
    min-height: 3rem;
  }
  .management-bar.navbar-expand-xxl.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .management-bar.navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .management-bar.navbar-expand-xxl .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .management-bar.navbar-expand-xxl .navbar-form .form-control {
    height: 2rem;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 1440px) {
  .management-bar.navbar-expand-xxl .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.5rem;
    padding-bottom: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-xxl .navbar-brand .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-xxl .navbar-form {
    height: calc(
												4rem -
													0.0625rem -
													0px
											);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .management-bar.navbar-expand-xxl .navbar-form > .container,
  .management-bar.navbar-expand-xxl .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .management-bar.navbar-expand-xxl .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-xxl .nav-btn .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-xxl .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .management-bar.navbar-expand-xxl .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .management-bar.navbar-expand-xxl .nav-item > .custom-control,
  .management-bar.navbar-expand-xxl .nav-item > .form-check {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .management-bar.navbar-expand-xxl .nav-link,
  .management-bar.navbar-expand-xxl .navbar-text {
    margin-bottom: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-xxl .nav-link .c-inner,
  .management-bar.navbar-expand-xxl .navbar-text .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-xxl .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .management-bar.navbar-expand-xxl .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 575.98px) {
  .management-bar .navbar-overlay-xs-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 767.98px) {
  .management-bar .navbar-overlay-sm-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 991.98px) {
  .management-bar .navbar-overlay-md-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 1279.98px) {
  .management-bar .navbar-overlay-lg-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 1439.98px) {
  .management-bar .navbar-overlay-xl-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
.management-bar .navbar-overlay-up {
  padding-bottom: 0px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0px;
}
.management-bar.navbar-underline .navbar-toggler-link:after {
  bottom: calc((
						0.0625rem +
							0px +
							calc((
						(
								3rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)
					) * -1);
  height: 0.25rem;
}
@media (min-width: 576px) {
  .management-bar.navbar-underline.navbar-expand-sm .navbar-nav .nav-link.active:after {
    bottom: calc((0.0625rem + 0px + calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.25rem;
  }
}
@media (min-width: 768px) {
  .management-bar.navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after {
    bottom: calc((0.0625rem + 0px + calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.25rem;
  }
}
@media (min-width: 992px) {
  .management-bar.navbar-underline.navbar-expand-lg .navbar-nav .nav-link.active:after {
    bottom: calc((0.0625rem + 0px + calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.25rem;
  }
}
@media (min-width: 1280px) {
  .management-bar.navbar-underline.navbar-expand-xl .navbar-nav .nav-link.active:after {
    bottom: calc((0.0625rem + 0px + calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.25rem;
  }
}
@media (min-width: 1440px) {
  .management-bar.navbar-underline.navbar-expand-xxl .navbar-nav .nav-link.active:after {
    bottom: calc((0.0625rem + 0px + calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.25rem;
  }
}
.management-bar.navbar-underline.navbar-expand .navbar-nav .nav-link.active:after {
  bottom: calc((0.0625rem + 0px + calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)) * -1);
  height: 0.25rem;
}
.management-bar .navbar-nav .nav-link {
  border-radius: 0.25rem;
  outline: 0;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .management-bar .navbar-nav .nav-link {
    transition: none;
  }
}
.management-bar .navbar-nav .nav-link.focus, .management-bar .navbar-nav .nav-link:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.management-bar .navbar-nav .nav-link:disabled, .management-bar .navbar-nav .nav-link.disabled {
  box-shadow: none;
}
.management-bar .navbar-brand {
  border-radius: 0.25rem;
  outline: 0;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .management-bar .navbar-brand {
    transition: none;
  }
}
.management-bar .navbar-brand.focus, .management-bar .navbar-brand:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.management-bar .navbar-brand:disabled, .management-bar .navbar-brand.disabled {
  box-shadow: none;
}
.management-bar.navbar-nowrap .navbar-text {
  white-space: normal;
  word-wrap: break-word;
}

.management-bar-light {
  background-color: #fff;
}
.management-bar-light .navbar-nav .nav-link {
  color: #6b6c7e;
  font-weight: var(--font-weight-semi-bold, 500);
}
.management-bar-light .navbar-nav .nav-link:hover {
  color: #272833;
  background-color: rgba(39, 40, 51, 0.03);
}
.management-bar-light .navbar-nav .nav-link.focus, .management-bar-light .navbar-nav .nav-link:focus {
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}
.management-bar-light .navbar-nav .nav-link:active {
  color: #272833;
  background-color: rgba(39, 40, 51, 0.06);
}
.management-bar-light .navbar-nav .nav-link.active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-light .navbar-nav .nav-link:disabled, .management-bar-light .navbar-nav .nav-link.disabled {
  color: #a7a9bc;
  opacity: 1;
  background-color: transparent;
}
.management-bar-light .navbar-nav .nav-link[aria-expanded=true], .management-bar-light .navbar-nav .nav-link.show {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-light .navbar-nav .nav-btn {
  font-weight: var(--font-weight-semi-bold, 500);
}
.management-bar-light .navbar-brand {
  font-weight: var(--font-weight-semi-bold, 500);
}
.management-bar-light .navbar-brand.focus, .management-bar-light .navbar-brand:focus {
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}
.management-bar-light .navbar-brand:active {
  color: #272833;
  background-color: rgba(39, 40, 51, 0.06);
}
.management-bar-light .navbar-brand.active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-light .navbar-brand:disabled, .management-bar-light .navbar-brand.disabled {
  color: #a7a9bc;
  opacity: 1;
  background-color: transparent;
}
.management-bar-light .navbar-brand[aria-expanded=true], .management-bar-light .navbar-brand.show {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-light .navbar-toggler {
  color: #6b6c7e;
  font-weight: var(--font-weight-semi-bold, 500);
}
.management-bar-light .navbar-overlay {
  background-color: #fff;
}
.management-bar-primary {
  background-color: #43ffcc;
  border-color: #005D44;
  color: #6b6c7e;
}
.management-bar-primary .navbar-nav .nav-link {
  color: #6b6c7e;
  border-radius: 0.25rem;
  font-weight: var(--font-weight-semi-bold, 500);
}
.management-bar-primary .navbar-nav .nav-link:hover {
  color: #272833;
  background-color: rgba(39, 40, 51, 0.03);
}
.management-bar-primary .navbar-nav .nav-link.focus, .management-bar-primary .navbar-nav .nav-link:focus {
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}
.management-bar-primary .navbar-nav .nav-link:active {
  color: #272833;
  background-color: rgba(39, 40, 51, 0.06);
}
.management-bar-primary .navbar-nav .nav-link.active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-primary .navbar-nav .nav-link:disabled, .management-bar-primary .navbar-nav .nav-link.disabled {
  color: #a7a9bc;
  opacity: 1;
  background-color: transparent;
}
.management-bar-primary .navbar-nav .nav-link[aria-expanded=true], .management-bar-primary .navbar-nav .nav-link.show {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-primary .navbar-nav .nav-btn {
  font-weight: var(--font-weight-semi-bold, 500);
}
.management-bar-primary .navbar-brand {
  border-radius: 0.25rem;
  font-weight: var(--font-weight-semi-bold, 500);
}
.management-bar-primary .navbar-brand.focus, .management-bar-primary .navbar-brand:focus {
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}
.management-bar-primary .navbar-brand:active {
  color: #272833;
  background-color: rgba(39, 40, 51, 0.06);
}
.management-bar-primary .navbar-brand.active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-primary .navbar-brand:disabled, .management-bar-primary .navbar-brand.disabled {
  color: #a7a9bc;
  opacity: 1;
  background-color: transparent;
}
.management-bar-primary .navbar-brand[aria-expanded=true], .management-bar-primary .navbar-brand.show {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-primary .navbar-toggler {
  color: #6b6c7e;
  font-weight: var(--font-weight-semi-bold, 500);
}
.management-bar-primary .navbar-overlay {
  background-color: #43ffcc;
}
.navigation-bar {
  border-width: 0px 0px 0.0625rem 0px;
  font-size: 0.875rem;
  padding: 0px 0;
  border-color: transparent;
  border-style: solid;
}
.navigation-bar .navbar-toggler {
  font-size: 1.125rem;
  height: calc(3rem * 0.66667);
  margin-left: 1rem;
  margin-right: 1rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
}
.navigation-bar .navbar-toggler .c-inner {
  margin-bottom: -0.25rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.25rem;
}
.navigation-bar .navbar-toggler-link {
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  margin-bottom: 0.46875rem;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0.46875rem;
  padding-bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0;
}
.navigation-bar .navbar-toggler-link .c-inner {
  margin-bottom: 0;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: 0;
}
.navigation-bar .navbar-brand {
  font-size: 1.125rem;
  margin-right: 0;
  padding-bottom: calc((
							3rem -
								0.0625rem -
								0px -
								0px *
								2 -
								1.125rem *
								1.5
						) * 0.5);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: calc((
							3rem -
								0.0625rem -
								0px -
								0px *
								2 -
								1.125rem *
								1.5
						) * 0.5);
}
.navigation-bar .navbar-brand .c-inner {
  margin-left: -1rem;
  margin-right: -1rem;
}
.navigation-bar .navbar-nav .nav-btn {
  font-size: 0.875rem;
  margin-bottom: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}
.navigation-bar .navbar-nav .nav-btn .c-inner {
  margin-bottom: -1rem;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: -1rem;
}
.navigation-bar .navbar-nav .nav-btn-monospaced {
  padding: 0;
}
.navigation-bar .navbar-nav .nav-btn-monospaced .c-inner {
  margin: 0;
}
.navigation-bar .navbar-nav .nav-item > .custom-control,
.navigation-bar .navbar-nav .nav-item > .form-check {
  margin-left: 1rem;
  margin-right: 1rem;
}
.navigation-bar .navbar-nav .nav-link,
.navigation-bar .navbar-nav .navbar-text {
  margin-bottom: calc((
						(
								3rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
  margin-top: calc((
						(
								3rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
  padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
}
.navigation-bar .navbar-nav .nav-link .c-inner,
.navigation-bar .navbar-nav .navbar-text .c-inner {
  margin-left: -1rem;
  margin-right: -1rem;
}
.navigation-bar .navbar-nav .nav-link-monospaced {
  margin-bottom: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  padding: 0;
}
.navigation-bar .navbar-nav .nav-link-monospaced .c-inner {
  margin: 0;
}
.navigation-bar .dropdown-menu {
  margin-top: 0;
}
@media (max-width: 575.98px) {
  .navigation-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
    padding-bottom: 0.8125rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.8125rem;
  }
  .navigation-bar.navbar-expand-sm .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .navigation-bar.navbar-expand-sm .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 767.98px) {
  .navigation-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
    padding-bottom: 0.8125rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.8125rem;
  }
  .navigation-bar.navbar-expand-md .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .navigation-bar.navbar-expand-md .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 991.98px) {
  .navigation-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
    padding-bottom: 0.8125rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.8125rem;
  }
  .navigation-bar.navbar-expand-lg .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .navigation-bar.navbar-expand-lg .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 1279.98px) {
  .navigation-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
    padding-bottom: 0.8125rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.8125rem;
  }
  .navigation-bar.navbar-expand-xl .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .navigation-bar.navbar-expand-xl .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 1439.98px) {
  .navigation-bar.navbar-expand-xxl.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .navigation-bar.navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .navigation-bar.navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-item {
    padding-bottom: 0.8125rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.8125rem;
  }
  .navigation-bar.navbar-expand-xxl .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .navigation-bar.navbar-expand-xxl .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 575.98px) {
  .navigation-bar .navbar-overlay-xs-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 767.98px) {
  .navigation-bar .navbar-overlay-sm-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 991.98px) {
  .navigation-bar .navbar-overlay-md-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 1279.98px) {
  .navigation-bar .navbar-overlay-lg-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 1439.98px) {
  .navigation-bar .navbar-overlay-xl-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
.navigation-bar .navbar-overlay-up {
  padding-bottom: 0px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0px;
}
.navigation-bar.navbar-underline .navbar-toggler-link:after {
  bottom: calc((
						0.0625rem +
							0px +
							calc((
						(
								3rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)
					) * -1);
  height: 0.25rem;
}
@media (min-width: 576px) {
  .navigation-bar.navbar-underline.navbar-expand-sm .navbar-nav .nav-link.active:after {
    bottom: -0.53125rem;
    height: 0.25rem;
  }
}
@media (min-width: 768px) {
  .navigation-bar.navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after {
    bottom: -0.53125rem;
    height: 0.25rem;
  }
}
@media (min-width: 992px) {
  .navigation-bar.navbar-underline.navbar-expand-lg .navbar-nav .nav-link.active:after {
    bottom: -0.53125rem;
    height: 0.25rem;
  }
}
@media (min-width: 1280px) {
  .navigation-bar.navbar-underline.navbar-expand-xl .navbar-nav .nav-link.active:after {
    bottom: -0.53125rem;
    height: 0.25rem;
  }
}
@media (min-width: 1440px) {
  .navigation-bar.navbar-underline.navbar-expand-xxl .navbar-nav .nav-link.active:after {
    bottom: -0.53125rem;
    height: 0.25rem;
  }
}
.navigation-bar.navbar-underline.navbar-expand .navbar-nav .nav-link.active:after {
  bottom: -0.53125rem;
  height: 0.25rem;
}
.navigation-bar .navbar-nav .nav-link {
  border-radius: 0px;
  outline: 0;
}
.navigation-bar .navbar-nav .nav-link.focus, .navigation-bar .navbar-nav .nav-link:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.navigation-bar .navbar-nav .nav-link:disabled, .navigation-bar .navbar-nav .nav-link.disabled {
  box-shadow: none;
}
.navigation-bar .navbar-brand {
  border-radius: 0px;
  outline: 0;
}
.navigation-bar .navbar-brand.focus, .navigation-bar .navbar-brand:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.navigation-bar .navbar-brand:disabled, .navigation-bar .navbar-brand.disabled {
  box-shadow: none;
}
.navigation-bar-light {
  background-color: #fff;
  border-color: #f1f2f5;
}
.navigation-bar-light .navbar-nav .nav-link {
  color: #6b6c7e;
  font-weight: var(--font-weight-semi-bold, 500);
}
.navigation-bar-light .navbar-nav .nav-link:hover {
  color: #272833;
}
.navigation-bar-light .navbar-nav .nav-link.focus, .navigation-bar-light .navbar-nav .nav-link:focus {
  color: #272833;
}
.navigation-bar-light .navbar-nav .nav-link:active {
  color: #272833;
}
.navigation-bar-light .navbar-nav .nav-link.active {
  color: #272833;
}
.navigation-bar-light .navbar-nav .nav-link:disabled, .navigation-bar-light .navbar-nav .nav-link.disabled {
  color: #6b6c7e;
  opacity: 0.4;
}
.navigation-bar-light .navbar-nav .nav-link[aria-expanded=true], .navigation-bar-light .navbar-nav .nav-link.show {
  color: #272833;
}
.navigation-bar-light .navbar-nav .nav-btn {
  font-weight: var(--font-weight-semi-bold, 500);
}
.navigation-bar-light .navbar-brand {
  font-weight: var(--font-weight-semi-bold, 500);
}
.navigation-bar-light .navbar-brand.focus, .navigation-bar-light .navbar-brand:focus {
  color: #272833;
}
.navigation-bar-light .navbar-brand:active {
  color: #272833;
}
.navigation-bar-light .navbar-brand.active {
  color: #272833;
}
.navigation-bar-light .navbar-brand:disabled, .navigation-bar-light .navbar-brand.disabled {
  color: #6b6c7e;
  opacity: 0.4;
}
.navigation-bar-light .navbar-brand[aria-expanded=true], .navigation-bar-light .navbar-brand.show {
  color: #272833;
}
.navigation-bar-light .navbar-toggler {
  color: #6b6c7e;
  font-weight: var(--font-weight-semi-bold, 500);
}
.navigation-bar-light .navbar-overlay {
  background-color: #fff;
}
@media (max-width: 767.98px) {
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
    color: #6b6c7e;
    font-weight: var(--font-weight-semi-bold, 500);
  }
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
    color: #272833;
  }
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.focus, .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
    color: #272833;
  }
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
    color: #272833;
  }
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
    color: #272833;
  }
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:disabled, .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
    color: #6b6c7e;
    opacity: 0.4;
  }
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item[aria-expanded=true], .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.show {
    color: #272833;
  }
}

.navigation-bar-secondary {
  background-color: #393a4a;
  color: #fff;
}
.navigation-bar-secondary .navbar-nav .nav-link {
  color: #cdced9;
  font-weight: var(--font-weight-semi-bold, 500);
}
.navigation-bar-secondary .navbar-nav .nav-link:hover {
  color: #fff;
}
.navigation-bar-secondary .navbar-nav .nav-link.focus, .navigation-bar-secondary .navbar-nav .nav-link:focus {
  color: #fff;
}
.navigation-bar-secondary .navbar-nav .nav-link:active {
  color: #fff;
}
.navigation-bar-secondary .navbar-nav .nav-link.active {
  color: #fff;
}
.navigation-bar-secondary .navbar-nav .nav-link:disabled, .navigation-bar-secondary .navbar-nav .nav-link.disabled {
  color: #cdced9;
  opacity: 0.4;
}
.navigation-bar-secondary .navbar-nav .nav-link[aria-expanded=true], .navigation-bar-secondary .navbar-nav .nav-link.show {
  color: #fff;
}
.navigation-bar-secondary .navbar-nav .nav-btn {
  font-weight: var(--font-weight-semi-bold, 500);
}
.navigation-bar-secondary .navbar-brand {
  color: rgba(255, 255, 255, 0.9);
  font-weight: var(--font-weight-semi-bold, 500);
}
.navigation-bar-secondary .navbar-brand:hover {
  color: rgba(255, 255, 255, 0.9);
}
.navigation-bar-secondary .navbar-brand.focus, .navigation-bar-secondary .navbar-brand:focus {
  color: #fff;
}
.navigation-bar-secondary .navbar-brand:active {
  color: #fff;
}
.navigation-bar-secondary .navbar-brand.active {
  color: #fff;
}
.navigation-bar-secondary .navbar-brand:disabled, .navigation-bar-secondary .navbar-brand.disabled {
  color: #cdced9;
  opacity: 0.4;
}
.navigation-bar-secondary .navbar-brand[aria-expanded=true], .navigation-bar-secondary .navbar-brand.show {
  color: #fff;
}
.navigation-bar-secondary .navbar-toggler {
  color: #cdced9;
  font-weight: var(--font-weight-semi-bold, 500);
}
.navigation-bar-secondary .navbar-overlay {
  background-color: #393a4a;
}
@media (max-width: 767.98px) {
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
    color: #cdced9;
    font-weight: var(--font-weight-semi-bold, 500);
  }
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
    color: #fff;
  }
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.focus, .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
    color: #fff;
  }
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
    color: #fff;
  }
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
    color: #fff;
  }
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:disabled, .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
    color: #cdced9;
    opacity: 0.4;
  }
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item[aria-expanded=true], .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.show {
    color: #fff;
  }
}

.pagination {
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
  list-style: none;
  margin-bottom: 0.5rem;
  padding-left: 0;
}
.pagination-bar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .pagination-bar {
    flex-direction: column;
    justify-content: center;
  }
  .pagination-bar .pagination {
    margin-top: 0.5rem;
  }
}

.page-link {
  align-items: center;
  background-color: transparent;
  border-radius: 4px;
  border-color: transparent;
  border-style: solid;
  border-width: 0.0625rem;
  color: #6b6c7e;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  line-height: 1;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0;
  position: relative;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  background-color: rgba(0, 0, 0, 0.02);
  border-color: transparent;
  color: #272833;
  text-decoration: none;
  z-index: 2;
}
.page-link.focus, .page-link:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
  z-index: 4;
  background-color: rgba(0, 0, 0, 0.02);
  border-color: transparent;
  color: #272833;
}
.page-link:active {
  background-color: rgba(0, 0, 0, 0.04);
  border-color: transparent;
  color: #272833;
  cursor: default;
  z-index: 3;
}
.page-link.active {
  background-color: rgba(0, 0, 0, 0.04);
  border-color: transparent;
  color: #272833;
  z-index: 3;
}
.page-link:disabled, .page-link.disabled {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #6b6c7e;
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: auto;
  z-index: 0;
}
.page-link:disabled:active, .page-link.disabled:active {
  pointer-events: none;
}
.page-link[aria-expanded=true], .page-link.show {
  background-color: rgba(0, 0, 0, 0.04);
  border-color: transparent;
  color: #272833;
  z-index: 3;
}
.page-link > .c-inner {
  margin-bottom: 0;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-top: 0;
}
.page-link .lexicon-icon {
  margin-top: 0;
}

.page-item {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.page-item.active .page-link {
  background-color: rgba(0, 0, 0, 0.04);
  border-color: transparent;
  color: #272833;
  cursor: default;
  z-index: 3;
}
.page-item.disabled .page-link {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #6b6c7e;
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: auto;
  z-index: 0;
}
.page-item.disabled .page-link:active {
  pointer-events: none;
}
.page-item:first-child .page-link,
.page-link-first {
  border-radius: 4px;
}

.page-item:last-child .page-link,
.page-link-last {
  border-radius: 4px;
}

.pagination-items-per-page {
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
.pagination-items-per-page > a,
.pagination-items-per-page > button {
  align-items: center;
  border-color: transparent;
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 0.0625rem;
  color: #6b6c7e;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  line-height: 1;
  padding-bottom: 0;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0;
  text-decoration: none;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .pagination-items-per-page > a,
  .pagination-items-per-page > button {
    transition: none;
  }
}
.pagination-items-per-page > a:hover,
.pagination-items-per-page > button:hover {
  background-color: rgba(0, 0, 0, 0.02);
  border-color: transparent;
  color: #272833;
}
.pagination-items-per-page > a.focus, .pagination-items-per-page > a:focus,
.pagination-items-per-page > button.focus,
.pagination-items-per-page > button:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
  background-color: rgba(0, 0, 0, 0.02);
  border-color: transparent;
  color: #272833;
}
.pagination-items-per-page > a:active,
.pagination-items-per-page > button:active {
  background-color: rgba(0, 0, 0, 0.04);
  border-color: transparent;
  color: #272833;
}
.pagination-items-per-page > a.active,
.pagination-items-per-page > button.active {
  background-color: rgba(0, 0, 0, 0.04);
  border-color: transparent;
  color: #272833;
}
.pagination-items-per-page > a:disabled, .pagination-items-per-page > a.disabled,
.pagination-items-per-page > button:disabled,
.pagination-items-per-page > button.disabled {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #6b6c7e;
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: auto;
}
.pagination-items-per-page > a[aria-expanded=true], .pagination-items-per-page > a.show,
.pagination-items-per-page > button[aria-expanded=true],
.pagination-items-per-page > button.show {
  background-color: rgba(0, 0, 0, 0.04);
  border-color: transparent;
  color: #272833;
}
.pagination-items-per-page > a > .c-inner,
.pagination-items-per-page > button > .c-inner {
  margin-bottom: 0;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-top: 0;
}
.pagination-items-per-page > a .lexicon-icon,
.pagination-items-per-page > button .lexicon-icon {
  margin-left: 0.125rem;
  margin-top: 0.125rem;
}
.pagination-items-per-page.disabled > a,
.pagination-items-per-page.disabled > button {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #6b6c7e;
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: auto;
}
@media (max-width: 767.98px) {
  .pagination-items-per-page + .pagination-results {
    margin-left: auto;
  }
}

.page-item .dropdown-menu,
.pagination-items-per-page .dropdown-menu {
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
}

.pagination-results {
  border-color: transparent;
  border-style: solid;
  border-width: 0.0625rem;
  color: #6b6c7e;
  font-size: 0.875rem;
  line-height: 1;
  margin-bottom: 0.5rem;
  margin-right: auto;
  max-width: 100%;
  padding: 0 0.625rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.pagination-sm .page-link {
  font-size: 0.75rem;
  height: 1.5rem;
  line-height: 1;
  padding-bottom: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-top: 0;
}
.pagination-sm .page-link > .c-inner {
  margin-bottom: 0;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: 0;
}
.pagination-sm .page-item:first-child .page-link,
.pagination-sm .page-link-first {
  border-bottom-left-radius: 0.3125rem;
  border-top-left-radius: 0.3125rem;
}
.pagination-sm .page-item:last-child .page-link,
.pagination-sm .page-link-last {
  border-bottom-right-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
}
.pagination-sm .pagination-items-per-page {
  border-radius: 0.3125rem;
}
.pagination-sm .pagination-items-per-page > a,
.pagination-sm .pagination-items-per-page > button {
  font-size: 0.75rem;
  height: 1.5rem;
  line-height: 1;
  padding-bottom: 0;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0;
}
.pagination-sm .pagination-items-per-page > a > .c-inner,
.pagination-sm .pagination-items-per-page > button > .c-inner {
  margin-bottom: 0;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-top: 0;
}
.pagination-sm .pagination-items-per-page + .pagination-results {
  font-size: 0.75rem;
  line-height: 1;
  padding: 0 0.625rem;
}

.pagination-lg .page-link {
  font-size: 1.125rem;
  height: 2.75rem;
  line-height: 1;
  padding-bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0;
}
.pagination-lg .page-link > .c-inner {
  margin-bottom: 0;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: 0;
}
.pagination-lg .page-item:first-child .page-link,
.pagination-lg .page-link-first {
  border-bottom-left-radius: 0.3125rem;
  border-top-left-radius: 0.3125rem;
}
.pagination-lg .page-item:last-child .page-link,
.pagination-lg .page-link-last {
  border-bottom-right-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
}
.pagination-lg .pagination-items-per-page {
  border-radius: 0.3125rem;
}
.pagination-lg .pagination-items-per-page > a,
.pagination-lg .pagination-items-per-page > button {
  font-size: 1.125rem;
  height: 2.75rem;
  line-height: 1;
  padding: 0 0.625rem;
}
.pagination-lg .pagination-items-per-page + .pagination-results {
  font-size: 1.125rem;
  line-height: 1;
  padding: 0 0.625rem;
}

.panel {
  background-color: #fff;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
  word-wrap: break-word;
}

.panel-header {
  border-bottom: 0px solid transparent;
  border-top-left-radius: calc(
	0.25rem - 1px
);
  border-top-right-radius: calc(
	0.25rem - 1px
);
  display: block;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 0.75rem 1.25rem;
  position: relative;
  width: 100%;
}
.panel-header .c-inner {
  margin: -0.75rem -1.25rem;
  width: auto;
}
.panel-header.collapsed {
  border-bottom-left-radius: calc(
	0.25rem - 1px
);
  border-bottom-right-radius: calc(
	0.25rem - 1px
);
}
.panel-header .collapse-icon-closed,
.panel-header .collapse-icon-open {
  font-size: 0.75rem;
  top: calc(0.75rem + (((1em * 1.2) - 1em) * 0.5));
}

.panel-header-link {
  color: inherit;
  display: block;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .panel-header-link {
    transition: none;
  }
}
.panel-header-link:hover {
  color: inherit;
  text-decoration: none;
}
.panel-header-link.focus, .panel-header-link:focus {
  z-index: 1;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.panel-header-link .collapse-icon {
  padding-right: 2.28125rem;
}

.panel-body {
  padding: 0.75rem 1.25rem;
}

.panel-footer {
  border-bottom-left-radius: calc(
	0.25rem - 1px
);
  border-bottom-right-radius: calc(
	0.25rem - 1px
);
  border-top: 0px solid transparent;
  padding: 0.75rem 1.25rem;
}

.panel-title {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  text-transform: uppercase;
}
.panel-title small,
.panel-title .small {
  font-size: 100%;
  margin-left: 0.375rem;
}

.panel-group {
  border-radius: 0.25rem;
}
.panel-group .panel {
  margin-bottom: -1px;
}
.panel-group .panel:first-child, .panel-group .panel:first-child .panel-header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.panel-group .panel:not(:first-child) {
  border-radius: 0;
  margin-top: -1px;
}
.panel-group .panel:not(:first-child) .panel-header {
  border-radius: 0;
}
.panel-group .panel:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.panel-group .panel:last-child .panel-header.collapsed {
  border-bottom-left-radius: calc(
	0.25rem - 1px
);
  border-bottom-right-radius: calc(
	0.25rem - 1px
);
}
.panel-group .panel-header {
  border-bottom-width: 0;
}
.panel-group .panel-header + .panel-collapse > .panel-body {
  border-top: 0px solid transparent;
}
.panel-group .panel-unstyled {
  margin-bottom: 1.5rem;
}
.panel-group-fluid .panel,
.panel-group-flush .panel {
  border-left-width: 0;
  border-right-width: 0;
}
.panel-group-fluid .panel:first-child, .panel-group-fluid .panel:last-child,
.panel-group-flush .panel:first-child,
.panel-group-flush .panel:last-child {
  border-radius: 0;
}
.panel-group-fluid .panel:first-child .panel-header, .panel-group-fluid .panel:first-child .panel-header.collapsed, .panel-group-fluid .panel:last-child .panel-header, .panel-group-fluid .panel:last-child .panel-header.collapsed,
.panel-group-flush .panel:first-child .panel-header,
.panel-group-flush .panel:first-child .panel-header.collapsed,
.panel-group-flush .panel:last-child .panel-header,
.panel-group-flush .panel:last-child .panel-header.collapsed {
  border-radius: 0;
}

.panel-group-fluid-first .panel {
  border-left-width: 0;
  border-right-width: 0;
}
.panel-group-fluid-first .panel:first-child {
  border-top-width: 0;
}
.panel-group-fluid-first .panel:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.panel-group-fluid-last .panel {
  border-left-width: 0;
  border-right-width: 0;
}
.panel-group-fluid-last .panel:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-group-fluid-last .panel:last-child {
  border-bottom-width: 0;
}

.card-body > .panel-group-fluid,
.card-body > .panel-group-fluid-first,
.card-body > .panel-group-fluid-last {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

.sheet > .panel-group-fluid {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.sheet > .panel-group-fluid-first {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-top: -1.5rem;
}
.sheet > .panel-group-fluid-last {
  margin-bottom: -0.0625rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.panel-group-flush .panel-header,
.panel-group-flush .panel-header-link {
  padding-left: 0;
  padding-right: 0;
}
.panel-group-flush .panel-header .c-inner,
.panel-group-flush .panel-header-link .c-inner {
  margin-left: 0;
  margin-right: 0;
}
.panel-group-flush .panel-body {
  margin-bottom: 1.5rem;
  padding: 0;
}
.panel-group-flush .collapse-icon {
  padding-right: 1.5rem;
}
.panel-group-flush .collapse-icon .c-inner {
  margin-right: -1.5rem;
}
.panel-group-flush .collapse-icon-closed,
.panel-group-flush .collapse-icon-open {
  right: 0;
}
.panel-group-flush .panel-unstyled {
  margin-bottom: 1.5rem;
}
.panel-group-flush .panel-unstyled .panel-body {
  margin-bottom: 0;
}
.panel-group-sm .panel {
  font-size: 0.875rem;
}
.panel-group-sm .panel .panel-header {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.panel-group-sm .panel .panel-header .c-inner {
  margin-bottom: -0.5rem;
  margin-top: -0.5rem;
}
.panel-group-sm .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
.panel-group-sm .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-open {
  top: 0.6875rem;
}
.panel-group-sm .panel .panel-title {
  font-size: 0.75rem;
}
.panel-group-sm .panel-unstyled {
  margin-bottom: 1rem;
}
.panel-secondary {
  border-color: #e7e7ed;
  color: #6b6c7e;
}
.panel-secondary .panel-header {
  border-color: #e7e7ed;
}
.panel-group .panel-secondary .panel-header + .panel-collapse > .panel-body {
  border-color: #e7e7ed;
}
.panel-secondary .panel-footer {
  border-color: #e7e7ed;
}
.panel-unstyled {
  background-color: transparent;
  border-radius: 0px;
  border-width: 0px;
  margin-bottom: 1.5rem;
}
.panel-unstyled .panel-header {
  border-color: #a7a9bc;
  border-radius: 0px;
  border-style: solid;
  border-width: 0 0 1px 0;
  padding-left: 0;
}
.panel-unstyled .panel-header .c-inner {
  margin-left: 0;
}
.panel-unstyled .panel-header.collapsed {
  border-color: #a7a9bc;
}
.panel-unstyled .panel-header.panel-header-link {
  border-radius: 1px;
}
.panel-unstyled .panel-header.panel-header-link.focus, .panel-unstyled .panel-header.panel-header-link:focus {
  box-shadow: 0 0 0 0.25rem var(--body-bg, #fff), 0 0 0 0.375rem #00d29a;
}
.panel-unstyled .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
.panel-unstyled .panel-header:not(.collapse-icon-middle) .collapse-icon-open {
  right: 0;
}
.panel-unstyled .panel-body {
  padding: 1rem 0 0.1px 0;
}
.panel-unstyled .panel-footer {
  padding: 1rem 0 0.1px 0;
}
.panel-group.panel-group-flush .panel-unstyled .panel-header-link, .panel-group.panel-group-flush .panel-unstyled .panel-header-link.collapsed {
  border-radius: 1px;
}

.popover {
  background-clip: padding-box;
  background-color: #fff;
  border: 0.0625rem solid transparent;
  border-radius: 0.25rem;
  box-shadow: 0 1px 15px -2px rgba(0, 0, 0, 0.2);
  display: block;
  font-family: var(--font-family-base, "DIN-Regular", Helvetica, Arial, sans-serif);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  left: 0;
  letter-spacing: normal;
  line-height: 1.5;
  max-width: 14.5rem;
  position: absolute;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  top: 0;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  z-index: 1060;
}
.popover .arrow {
  display: block;
  height: 0.3rem;
  margin: 0 0.25rem;
  position: absolute;
  width: 0.6rem;
}
.popover .arrow::before {
  border-color: transparent;
  border-style: solid;
  content: "";
  display: block;
  position: absolute;
}
.popover .arrow::after {
  border-color: transparent;
  border-style: solid;
  content: "";
  display: block;
  position: absolute;
}
.popover .inline-scroller {
  max-height: 14.875rem;
}
.popover-secondary {
  box-shadow: 0 8px 16px 0 rgba(0, 93, 68, 0.16);
}
.popover-secondary .popover-header {
  background-color: transparent;
  border-color: transparent;
  padding-bottom: 0;
}
.popover-secondary .close {
  color: #6b6c7e;
}
.bs-popover-bottom,
.bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.3rem;
}
.bs-popover-bottom > .arrow,
.bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc(
			-0.3rem - 0.0625rem
		);
}
.bs-popover-bottom > .arrow::before,
.bs-popover-auto[x-placement^=bottom] > .arrow::before {
  border-bottom-color: transparent;
  border-width: 0 0.3rem 0.3rem 0.3rem;
  top: 0;
}
.bs-popover-bottom > .arrow::after,
.bs-popover-auto[x-placement^=bottom] > .arrow::after {
  border-bottom-color: #fff;
  border-width: 0 0.3rem 0.3rem 0.3rem;
  top: 0.0625rem;
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^=bottom] .popover-header::before {
  border-bottom: 0.0625rem solid #fff;
  content: "";
  display: block;
  left: 50%;
  margin-left: calc(-0.6rem / 2);
  position: absolute;
  top: 0;
  width: 0.6rem;
}

.bs-popover-left,
.bs-popover-auto[x-placement^=left] {
  margin-right: 0.3rem;
}
.bs-popover-left > .arrow,
.bs-popover-auto[x-placement^=left] > .arrow {
  height: 0.6rem;
  margin: 0.25rem 0;
  right: calc(
			-0.3rem - 0.0625rem
		);
  width: 0.3rem;
}
.bs-popover-left > .arrow::before,
.bs-popover-auto[x-placement^=left] > .arrow::before {
  border-left-color: transparent;
  border-width: 0.3rem 0 0.3rem 0.3rem;
  right: 0;
}
.bs-popover-left > .arrow::after,
.bs-popover-auto[x-placement^=left] > .arrow::after {
  border-left-color: #fff;
  border-width: 0.3rem 0 0.3rem 0.3rem;
  right: 0.0625rem;
}

.bs-popover-right,
.bs-popover-auto[x-placement^=right] {
  margin-left: 0.3rem;
}
.bs-popover-right > .arrow,
.bs-popover-auto[x-placement^=right] > .arrow {
  height: 0.6rem;
  left: calc(
			-0.3rem - 0.0625rem
		);
  margin: 0.25rem 0;
  width: 0.3rem;
}
.bs-popover-right > .arrow::before,
.bs-popover-auto[x-placement^=right] > .arrow::before {
  border-right-color: transparent;
  border-width: 0.3rem 0.3rem 0.3rem 0;
  left: 0;
}
.bs-popover-right > .arrow::after,
.bs-popover-auto[x-placement^=right] > .arrow::after {
  border-right-color: #fff;
  border-width: 0.3rem 0.3rem 0.3rem 0;
  left: 0.0625rem;
}

.bs-popover-top,
.bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.3rem;
}
.bs-popover-top > .arrow,
.bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc(
			-0.3rem - 0.0625rem
		);
}
.bs-popover-top > .arrow::before,
.bs-popover-auto[x-placement^=top] > .arrow::before {
  border-top-color: transparent;
  border-width: 0.3rem 0.3rem 0;
  bottom: 0;
}
.bs-popover-top > .arrow::after,
.bs-popover-auto[x-placement^=top] > .arrow::after {
  border-top-color: #fff;
  border-width: 0.3rem 0.3rem 0;
  bottom: 0.0625rem;
}

.popover-header {
  color: #272833;
  background-color: #fff;
  border-bottom: 0.0625rem solid #f2f2f2;
  border-color: #e7e7ed;
  border-top-left-radius: calc( 	0.25rem - 0.0625rem );
  border-top-right-radius: calc( 	0.25rem - 0.0625rem );
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  margin-bottom: 0;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 0;
  padding: 0.75rem 0;
}
.popover-header:empty {
  display: none;
}
.popover-body {
  border-bottom-left-radius: calc( 	0.25rem - 0.0625rem );
  border-bottom-right-radius: calc( 	0.25rem - 0.0625rem );
  color: #6b6c7e;
  padding: 0.75rem 1rem;
}
.popover-width-lg {
  max-width: 421px;
}
.clay-popover-top,
.clay-popover-top-left,
.clay-popover-top-right {
  margin-bottom: 0.3rem;
}
.clay-popover-top .arrow,
.clay-popover-top-left .arrow,
.clay-popover-top-right .arrow {
  left: 50%;
  margin-left: -0.3rem;
  bottom: calc((0.3rem + 0.0625rem) * -1);
  margin: 0;
}
.clay-popover-top .arrow::before,
.clay-popover-top-left .arrow::before,
.clay-popover-top-right .arrow::before {
  border-top-color: transparent;
  border-width: 0.3rem 0.3rem 0;
  bottom: 0;
}
.clay-popover-top .arrow::after,
.clay-popover-top-left .arrow::after,
.clay-popover-top-right .arrow::after {
  border-top-color: #fff;
  border-width: 0.3rem 0.3rem 0;
  bottom: 0.0625rem;
}
.clay-popover-top-left .arrow {
  left: 0.625rem;
  margin: 0;
}
.clay-popover-top-right .arrow {
  left: auto;
  right: 0.625rem;
  margin: 0;
}
.clay-popover-right,
.clay-popover-right-bottom,
.clay-popover-right-top {
  margin-left: 0.3rem;
}
.clay-popover-right .arrow,
.clay-popover-right-bottom .arrow,
.clay-popover-right-top .arrow {
  height: 0.6rem;
  left: calc((0.3rem + 0.0625rem) * -1);
  margin: -0.15rem 0 0;
  top: 50%;
  width: 0.3rem;
}
.clay-popover-right .arrow::before,
.clay-popover-right-bottom .arrow::before,
.clay-popover-right-top .arrow::before {
  border-right-color: transparent;
  border-width: 0.3rem 0.3rem 0.3rem 0;
  left: 0;
}
.clay-popover-right .arrow::after,
.clay-popover-right-bottom .arrow::after,
.clay-popover-right-top .arrow::after {
  border-right-color: #fff;
  border-width: 0.3rem 0.3rem 0.3rem 0;
  left: 0.0625rem;
}
.clay-popover-right-bottom .arrow {
  bottom: 0.625rem;
  margin: 0;
  top: auto;
}
.clay-popover-right-top .arrow {
  margin: 0;
  top: 0.625rem;
}
.clay-popover-right-top .arrow::after {
  border-right-color: #fff;
}
.clay-popover-bottom,
.clay-popover-bottom-left,
.clay-popover-bottom-right {
  margin-top: 0.3rem;
}
.clay-popover-bottom .arrow,
.clay-popover-bottom-left .arrow,
.clay-popover-bottom-right .arrow {
  left: 50%;
  margin: 0 0 0 -0.3rem;
  top: calc((0.3rem + 0.0625rem) * -1);
}
.clay-popover-bottom .arrow::before,
.clay-popover-bottom-left .arrow::before,
.clay-popover-bottom-right .arrow::before {
  border-bottom-color: transparent;
  border-width: 0 0.3rem 0.3rem 0.3rem;
  top: 0;
}
.clay-popover-bottom .arrow::after,
.clay-popover-bottom-left .arrow::after,
.clay-popover-bottom-right .arrow::after {
  border-bottom-color: #fff;
  border-width: 0 0.3rem 0.3rem 0.3rem;
  top: 0.0625rem;
}
.clay-popover-bottom-left .arrow {
  left: 0.625rem;
  margin: 0;
}
.clay-popover-bottom-left .arrow::after {
  border-bottom-color: #fff;
}
.clay-popover-bottom-right .arrow {
  left: auto;
  right: 0.625rem;
}
.clay-popover-bottom-right .arrow::after {
  border-bottom-color: #fff;
}
.clay-popover-left,
.clay-popover-left-bottom,
.clay-popover-left-top {
  margin-right: 0.3rem;
}
.clay-popover-left .arrow,
.clay-popover-left-bottom .arrow,
.clay-popover-left-top .arrow {
  height: 0.6rem;
  margin: -0.15rem 0 0;
  right: calc((0.3rem + 0.0625rem) * -1);
  top: 50%;
  width: 0.3rem;
}
.clay-popover-left .arrow::before,
.clay-popover-left-bottom .arrow::before,
.clay-popover-left-top .arrow::before {
  border-left-color: transparent;
  border-width: 0.3rem 0 0.3rem 0.3rem;
  right: 0;
}
.clay-popover-left .arrow::after,
.clay-popover-left-bottom .arrow::after,
.clay-popover-left-top .arrow::after {
  border-left-color: #fff;
  border-width: 0.3rem 0 0.3rem 0.3rem;
  right: 0.0625rem;
}
.clay-popover-left-bottom .arrow {
  bottom: 0.625rem;
  margin: 0;
  top: auto;
}
.clay-popover-left-top .arrow {
  margin: 0;
  top: 0.625rem;
}
.clay-popover-left-top .arrow::after {
  border-left-color: #fff;
}
.progress {
  background-color: #f1f2f5;
  border-radius: 100px;
  box-shadow: none;
  display: flex;
  flex-grow: 1;
  font-size: 0.5625rem;
  height: 0.5rem;
  min-width: 6.25rem;
  overflow: hidden;
}

.progress-bar {
  background-color: #005D44;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  transition: width 0.6s ease;
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 0.5rem 0.5rem;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 0.5rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.progress-lg,
.progress-lg > .progress {
  border-radius: 100px;
  font-size: 1.125rem;
  height: calc(0.5rem * 2);
  line-height: calc(0.5rem * 2);
}

.progress-group {
  align-items: center;
  display: flex;
}
.progress-group .component-subtitle {
  font-size: 0.75rem;
  font-weight: var(--font-weight-normal, 400);
}
.progress-group-addon {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  margin-right: 0.25rem;
  min-width: 2rem;
  text-align: center;
}
.progress-group-addon:first-child {
  padding-left: 0;
}
.progress-group-addon:last-child {
  padding-right: 0;
}

.progress ~ .progress-group-addon {
  margin-left: 0.25rem;
  margin-right: 0;
}

.progress-group-feedback {
  color: #005D44;
}

.progress-group-stacked {
  display: block;
}
.progress-group-stacked .progress {
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}
.progress-group-stacked .progress-group-addon {
  margin-left: 0;
  margin-right: 0;
}

.progress-success .progress-bar {
  background-color: #287d3c;
}
.progress-success .progress-group-feedback {
  color: #287d3c;
}

.progress-info .progress-bar {
  background-color: #2e5aac;
}
.progress-info .progress-group-feedback {
  color: #2e5aac;
}

.progress-warning .progress-bar {
  background-color: #b95000;
}
.progress-warning .progress-group-feedback {
  color: #b95000;
}

.progress-danger .progress-bar {
  background-color: #da1414;
}
.progress-danger .progress-group-feedback {
  color: #da1414;
}

.quick-action-menu {
  align-items: center;
  bottom: 0;
  display: none;
  font-size: 1rem;
  left: auto;
  position: absolute;
  right: 100%;
  top: 0;
}

.quick-action-item {
  border-radius: 0.25rem;
  display: flex;
  line-height: 1;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  min-height: 2rem;
  min-width: 2rem;
}
.quick-action-item:disabled, .quick-action-item.disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.quick-action-item .lexicon-icon {
  margin-top: 0;
}

.sheet {
  background-color: #fff;
  border-color: #e7e7ed;
  border-style: solid;
  border-width: 0.0625rem;
  border-radius: 0.25rem;
  padding-bottom: 0.0625rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
}
@media (max-width: 767.98px) {
  .sheet {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
  }
}
.sheet::after {
  content: "";
  display: block;
  margin-top: 1.5rem;
}
@media (max-width: 767.98px) {
  .sheet::after {
    margin-top: 1rem;
  }
}
.sheet + .sheet {
  margin-top: 3rem;
}
.sheet .component-title {
  color: inherit;
  display: inline-block;
  font-size: inherit;
  font-weight: inherit;
  max-width: 100%;
}
.sheet .panel-group,
.sheet .panel-group .panel:last-child .panel-body {
  margin-bottom: 1.5rem;
}
@media (max-width: 767.98px) {
  .sheet .panel-group,
  .sheet .panel-group .panel:last-child .panel-body {
    margin-bottom: 1rem;
  }
}
.sheet .panel-group .panel-body {
  margin-bottom: 3rem;
}
@media (max-width: 767.98px) {
  .sheet .panel-group .panel-body {
    margin-bottom: 2rem;
  }
}

.sheet-header {
  margin-bottom: 3rem;
}
@media (max-width: 767.98px) {
  .sheet-header {
    margin-bottom: 2rem;
  }
}
.sheet-header::after {
  clear: both;
  content: "";
  display: block;
}

.sheet-section {
  margin-bottom: 3rem;
}
@media (max-width: 767.98px) {
  .sheet-section {
    margin-bottom: 2rem;
  }
}
.sheet-section > fieldset {
  margin-bottom: -3rem;
}
@media (max-width: 767.98px) {
  .sheet-section > fieldset {
    margin-bottom: -2rem;
  }
}
.sheet-section > .card-page:last-child,
.sheet-section .card-page-last {
  margin-bottom: -1.5rem;
}
.sheet-section::after {
  clear: both;
  content: "";
  display: block;
}

fieldset + .sheet-footer {
  margin-top: 0;
}

.sheet-footer {
  display: flex;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}
@media (max-width: 767.98px) {
  .sheet-footer {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}
.sheet-footer::after {
  clear: both;
  content: "";
  display: block;
}

@media (max-width: 767.98px) {
  .sheet-footer-btn-block-sm-down {
    display: block;
  }
  .sheet-footer-btn-block-sm-down .btn {
    display: block;
    margin-bottom: 1rem;
    width: 100%;
  }
  .sheet-footer-btn-block-sm-down .btn-group {
    display: block;
  }
  .sheet-footer-btn-block-sm-down .btn-group-item {
    display: block;
    margin-right: 0;
  }
}

.sheet-lg {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}

.sheet-title {
  display: block;
  font-size: 1.25rem;
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.2;
  margin-bottom: 1.5rem;
  word-wrap: break-word;
}
@media (max-width: 767.98px) {
  .sheet-title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
}
.sheet-subtitle {
  border-color: #a7a9bc;
  border-style: solid;
  border-width: 0 0 1px 0;
  color: var(--body-color, #344243);
  display: block;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.2;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  position: relative;
  text-transform: uppercase;
  word-wrap: break-word;
}
@media (max-width: 767.98px) {
  .sheet-subtitle {
    margin-bottom: 1rem;
  }
}
.sheet-subtitle .c-inner {
  margin-bottom: -0.5rem;
  margin-top: -0.5rem;
}
.sheet-subtitle.autofit-row {
  padding-bottom: 0;
}
.sheet-subtitle.autofit-row .autofit-col {
  margin-bottom: 0.5rem;
}
.sheet-subtitle .collapse-icon-closed,
.sheet-subtitle .collapse-icon-open {
  font-size: 0.75rem;
  top: calc(0.5rem + (((1em * 1.2) - 1em) * 0.5));
}
.sheet-subtitle .component-title,
.sheet-subtitle .heading-text {
  margin-bottom: 0;
  margin-top: auto;
}
.sheet-subtitle a,
.sheet-subtitle .btn {
  text-transform: none;
}

a.sheet-subtitle {
  color: var(--body-color, #344243);
  border-radius: 1px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  a.sheet-subtitle {
    transition: none;
  }
}
a.sheet-subtitle:hover {
  text-decoration: none;
}
a.sheet-subtitle.focus, a.sheet-subtitle:focus {
  box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #00d29a;
  outline: 0;
}
.sheet-tertiary-title {
  color: var(--body-color, #344243);
  display: block;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.2;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  text-transform: uppercase;
  word-wrap: break-word;
}
@media (max-width: 767.98px) {
  .sheet-tertiary-title {
    margin-bottom: 0.5rem;
  }
}
.sheet-tertiary-title .component-title {
  margin-bottom: 0;
}

.sheet-text {
  color: #6b6c7e;
  margin-bottom: 1.5rem;
  word-wrap: break-word;
}
@media (max-width: 767.98px) {
  .sheet-text {
    margin-bottom: 1rem;
  }
}

.sheet-multiple-form .sheet-header {
  border-color: #e7e7ed;
  border-style: solid;
  border-width: 0 0 1px;
  margin: -1.5rem -1.5rem 1.5rem;
  padding: 1rem 1.5rem;
}
@media (max-width: 767.98px) {
  .sheet-multiple-form .sheet-header {
    margin: -1rem -1rem 1rem;
    padding: 1rem;
  }
}
.sheet-multiple-form .sheet-header .sheet-title {
  margin-bottom: 0;
}

.sheet-dataset-content .sheet-header {
  border-width: 0px;
  margin: -1.5rem -1.5rem 1.5rem;
  padding: 1rem 1.5rem;
}
@media (max-width: 767.98px) {
  .sheet-dataset-content .sheet-header {
    margin: -1rem -1rem 1rem;
    padding: 1rem;
  }
}
.sheet-dataset-content .sheet-header .sheet-title {
  margin-bottom: 0;
}

.card-page-equal-height .sheet {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.card-page-equal-height .sheet > .autofit-row {
  flex-grow: 1;
}

.card-page-item .sheet {
  margin-bottom: 30px;
}

.container-fluid-1280.sidenav-container {
  padding-left: 15px;
  padding-right: 15px;
}

.sidenav-container {
  position: relative;
}
.sidenav-container > .sidenav-menu-slider {
  visibility: hidden;
  width: 0;
}
.sidenav-container > .sidenav-content {
  left: 0;
}

.sidenav-container.open.sidenav-transition > .sidenav-menu-slider {
  overflow: hidden;
}
.sidenav-container.open > .sidenav-menu-slider {
  overflow: visible;
  visibility: visible;
}

.sidenav-content {
  position: relative;
}
@media (min-width: 768px) {
  .sidenav-content {
    position: static;
  }
  .sidenav-content::after {
    clear: both;
    content: "";
    display: block;
  }
}

.sidenav-menu {
  height: 100%;
  position: relative;
}

.sidenav-menu-slider {
  overflow: hidden;
  position: absolute;
  width: 320px;
  z-index: 10;
}

.sidenav-fixed > .sidenav-menu-slider {
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 1035;
}

.sidenav-end > .sidenav-content,
.sidenav-right > .sidenav-content {
  left: auto;
  right: 0;
}
.sidenav-end > .sidenav-menu-slider,
.sidenav-right > .sidenav-menu-slider {
  left: auto;
  right: 0;
}
.sidenav-end > .sidenav-menu-slider .sidenav-menu,
.sidenav-right > .sidenav-menu-slider .sidenav-menu {
  right: 0;
}

.sidenav-js-fouc > .sidenav-menu-slider {
  opacity: 0;
  visibility: hidden;
}

.sidenav-transition .sidenav-content,
.sidenav-transition .sidenav-menu,
.sidenav-transition .sidenav-menu-slider {
  transition: all 0.5s ease;
}

.sidenav-transition {
  transition: all 0.5s ease;
}

.sidenav-fixed.sidenav-menu-slider {
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 0;
}
.sidenav-fixed.sidenav-menu-slider.open {
  visibility: visible;
  width: 320px;
}
.sidenav-fixed.sidenav-menu-slider .sidenav-menu {
  position: absolute;
}

.sidenav-menu-slider .sidenav-menu {
  width: 320px;
}
.sidenav-menu-slider.sidenav-end, .sidenav-menu-slider.sidenav-right {
  left: auto;
  right: 0;
}
.sidenav-menu-slider.sidenav-end .sidenav-menu, .sidenav-menu-slider.sidenav-right .sidenav-menu {
  right: 0;
}

.sidebar {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.sidebar:focus, .sidebar.focus {
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
  outline: 0;
}
.sidebar .container-fluid {
  padding-left: 1rem;
  padding-right: 1rem;
}

.sidebar-header {
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}
.sidebar-header .component-title {
  font-size: 1.25rem;
  font-weight: var(--font-weight-semi-bold, 500);
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.sidebar-header .component-title[href],
.sidebar-header .component-title [href] {
  color: #272833;
}
.sidebar-header .component-subtitle {
  font-size: 0.75rem;
  font-weight: var(--font-weight-normal, 400);
  margin-bottom: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.sidebar-footer {
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}

.sidebar-body {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}
.sidebar-body > .sidebar-section {
  margin-bottom: 2rem;
}
.sidebar-body > .sidebar-section:last-child {
  margin-bottom: 0;
}

.sidebar-section {
  position: relative;
  word-wrap: break-word;
}

.sidebar-list-group {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  margin-bottom: 0;
  padding-left: 0;
}
.sidebar-list-group .autofit-col {
  padding-bottom: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 1rem;
}
.sidebar-list-group .list-group-item {
  background-color: transparent;
  border-color: #cdced9;
  padding: 0;
}
.sidebar-list-group .sticker {
  font-size: 0.75rem;
  height: 1.5rem;
  line-height: 1.5rem;
  width: 1.5rem;
}
.sidebar-list-group .sticker.sticker-outside {
  left: -0.75rem;
  top: -0.75rem;
}
.sidebar-list-group .sticker.sticker-outside.sticker-bottom-left {
  bottom: -0.75rem;
  top: auto;
}
.sidebar-list-group .sticker.sticker-outside.sticker-bottom-right {
  bottom: -0.75rem;
  left: auto;
  right: -0.75rem;
  top: auto;
}
.sidebar-list-group .sticker.sticker-outside.sticker-top-right {
  left: auto;
  right: -0.75rem;
}

.sidebar-panel {
  margin-bottom: 1rem;
  position: relative;
}

.sidebar-dt {
  font-size: 0.75rem;
  font-weight: var(--font-weight-semi-bold, 500);
  margin-bottom: 0.25rem;
  text-transform: uppercase;
}
.sidebar-dd {
  font-size: 0.875rem;
  margin-bottom: 0.75rem;
}
.sidebar-light {
  background-color: #fff;
  border-color: #e7e7ed;
  border-left-width: 0px;
  color: #272833;
  box-shadow: -0.25rem 0 0.5rem -0.25rem rgba(0, 0, 0, 0.1);
}
.sidenav-start .sidebar-light,
.sidenav-left .sidebar-light {
  box-shadow: 0.25rem 0 0.5rem -0.25rem rgba(0, 0, 0, 0.1);
}
.sidenav-start .sidebar-light:focus, .sidenav-start .sidebar-light.focus,
.sidenav-left .sidebar-light:focus,
.sidenav-left .sidebar-light.focus {
  box-shadow: 0.25rem 0 0.5rem -0.25rem rgba(0, 0, 0, 0.1), inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
}

.sidebar-light .sidebar-list-group .list-group-title {
  font-size: 1rem;
}
.sidebar-light .sidebar-list-group .list-group-title[href],
.sidebar-light .sidebar-list-group .list-group-title [href] {
  color: #272833;
}
.sidebar-light .sidebar-panel {
  background-color: #f1f2f5;
}
.sidebar-light .sidebar-dt {
  color: #6b6c7e;
}
.sidebar-light .sidebar-dd[href],
.sidebar-light .sidebar-dd [href] {
  color: #272833;
}
.sidebar-light .panel-unstyled .panel-header.panel-header-link.focus, .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus {
  box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #00d29a;
}
.sidebar-light .component-navigation-bar {
  background-color: #fff;
  border-color: #cdced9;
}
.sidebar-light .component-navigation-bar .navbar-nav .nav-link {
  color: #6b6c7e;
}
.sidebar-light .component-navigation-bar .navbar-nav .nav-link:hover {
  color: #6b6c7e;
}
.sidebar-light .component-navigation-bar .navbar-nav .nav-link:active {
  color: #272833;
}
.sidebar-light .component-navigation-bar .navbar-nav .nav-link.active {
  color: #272833;
}
.sidebar-light .component-navigation-bar .navbar-nav .nav-link:disabled, .sidebar-light .component-navigation-bar .navbar-nav .nav-link.disabled {
  color: #a7a9bc;
}
.sidebar-light .component-navigation-bar .navbar-nav .nav-link[aria-expanded=true], .sidebar-light .component-navigation-bar .navbar-nav .nav-link.show {
  color: #272833;
}
.sidebar-light .component-navigation-bar .navbar-brand:active {
  color: #272833;
}
.sidebar-light .component-navigation-bar .navbar-brand.active {
  color: #272833;
}
.sidebar-light .component-navigation-bar .navbar-brand:disabled, .sidebar-light .component-navigation-bar .navbar-brand.disabled {
  color: #a7a9bc;
}
.sidebar-light .component-navigation-bar .navbar-brand[aria-expanded=true], .sidebar-light .component-navigation-bar .navbar-brand.show {
  color: #272833;
}
.sidebar-light .component-navigation-bar .navbar-toggler {
  color: #6b6c7e;
}
.sidebar-light .component-navigation-bar .navbar-overlay {
  background-color: #fff;
}
.sidebar-dark {
  background-color: #272833;
  color: #fff;
}
.sidebar-dark .close {
  color: #a7a9bc;
}
.sidebar-dark .close:hover {
  color: #fff;
}
.sidebar-dark .sidebar-header .component-title {
  color: inherit;
}
.sidebar-dark .sidebar-header .component-title[href],
.sidebar-dark .sidebar-header .component-title [href] {
  color: inherit;
}
.sidebar-dark .sidebar-header .component-subtitle {
  color: inherit;
}
.sidebar-dark .sidebar-header .component-subtitle[href],
.sidebar-dark .sidebar-header .component-subtitle [href] {
  color: inherit;
}
.sidebar-dark .nav-nested .nav-link {
  border-radius: 0.25rem;
  color: #a7a9bc;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .sidebar-dark .nav-nested .nav-link {
    transition: none;
  }
}
.sidebar-dark .nav-nested .nav-link:hover {
  color: #fff;
}
.sidebar-dark .nav-nested .nav-link.focus, .sidebar-dark .nav-nested .nav-link:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.sidebar-dark .nav-nested .nav-link:active {
  color: #fff;
}
.sidebar-dark .nav-nested .nav-link.active {
  color: #fff;
}
.sidebar-dark .nav-nested .nav-link:disabled, .sidebar-dark .nav-nested .nav-link.disabled {
  box-shadow: none;
  color: #a7a9bc;
  opacity: 0.65;
}
.sidebar-dark .nav-nested .nav-link:disabled:active, .sidebar-dark .nav-nested .nav-link.disabled:active {
  pointer-events: none;
}
.sidebar-dark .nav-nested .nav-link[aria-expanded=true], .sidebar-dark .nav-nested .nav-link.show {
  color: #fff;
}
.sidebar-dark-l2 {
  background-color: #393a4a;
  color: #fff;
}
.sidebar-dark-l2 .close {
  color: #a7a9bc;
}
.sidebar-dark-l2 .close:hover {
  color: #fff;
}
.sidebar-dark-l2 .sidebar-header .component-title {
  color: inherit;
}
.sidebar-dark-l2 .sidebar-header .component-title[href],
.sidebar-dark-l2 .sidebar-header .component-title [href] {
  color: inherit;
}
.sidebar-dark-l2 .sidebar-header .component-subtitle {
  color: inherit;
}
.sidebar-dark-l2 .sidebar-header .component-subtitle[href],
.sidebar-dark-l2 .sidebar-header .component-subtitle [href] {
  color: inherit;
}
.sidebar-dark-l2 .nav-nested .nav-link {
  border-radius: 0.25rem;
  color: #a7a9bc;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .sidebar-dark-l2 .nav-nested .nav-link {
    transition: none;
  }
}
.sidebar-dark-l2 .nav-nested .nav-link:hover {
  color: #fff;
}
.sidebar-dark-l2 .nav-nested .nav-link.focus, .sidebar-dark-l2 .nav-nested .nav-link:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.sidebar-dark-l2 .nav-nested .nav-link:active {
  color: #fff;
}
.sidebar-dark-l2 .nav-nested .nav-link.active {
  color: #fff;
}
.sidebar-dark-l2 .nav-nested .nav-link:disabled, .sidebar-dark-l2 .nav-nested .nav-link.disabled {
  box-shadow: none;
  color: #a7a9bc;
  opacity: 0.65;
}
.sidebar-dark-l2 .nav-nested .nav-link:disabled:active, .sidebar-dark-l2 .nav-nested .nav-link.disabled:active {
  pointer-events: none;
}
.sidebar-dark-l2 .nav-nested .nav-link[aria-expanded=true], .sidebar-dark-l2 .nav-nested .nav-link.show {
  color: #fff;
}
.c-slideout-transition-in {
  transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .c-slideout-transition-in {
    transition: none;
  }
}

.c-slideout-transition-out {
  transition: all 0.2s ease-in;
}
@media (prefers-reduced-motion: reduce) {
  .c-slideout-transition-out {
    transition: none;
  }
}

.c-slideout-fixed {
  position: fixed;
}

.c-slideout-absolute {
  position: absolute;
}

.c-slideout {
  display: flex;
  overflow: hidden;
  z-index: 1035;
}
.c-slideout.c-slideout-shown {
  overflow: visible;
}
.c-slideout .sidebar {
  display: none;
  flex-shrink: 0;
  position: relative;
  width: 320px;
}
.c-slideout .sidebar.c-slideout-show {
  display: block;
}
.c-slideout .sidebar.c-slideout-transition {
  display: block;
}
.c-slideout .tbar-stacked {
  display: none;
  flex-shrink: 0;
  min-width: 40px;
  overflow: auto;
  position: relative;
  z-index: 1;
}
.c-slideout .tbar-stacked.c-slideout-show {
  display: flex;
}
.c-slideout .tbar-stacked.c-slideout-transition {
  display: flex;
}
@media (max-width: 767.98px) {
  .c-slideout .sidebar {
    width: 280px;
  }
}

.c-slideout-start {
  bottom: 0;
  left: 0;
  top: 0;
}
.c-slideout-start.c-slideout-tbar-shown .sidebar {
  left: -320px;
}
.c-slideout-start .sidebar {
  left: -360px;
  width: 320px;
}
.c-slideout-start .sidebar.c-slideout-show {
  left: 0;
}
.c-slideout-start .tbar-stacked {
  left: -40px;
}
.c-slideout-start .tbar-stacked.c-slideout-show {
  left: 0;
}
@media (max-width: 767.98px) {
  .c-slideout-start.c-slideout-tbar-shown .sidebar {
    left: -280px;
  }
  .c-slideout-start .sidebar {
    left: -320px;
    width: 280px;
  }
  .c-slideout-start .tbar-stacked {
    left: -40px;
  }
}

.c-slideout-end {
  bottom: 0;
  right: 0;
  top: 0;
}
.c-slideout-end.c-slideout-tbar-shown .sidebar {
  right: -320px;
}
.c-slideout-end .sidebar {
  right: -360px;
}
.c-slideout-end .sidebar.c-slideout-show {
  right: 0;
}
.c-slideout-end .tbar-stacked {
  right: -40px;
}
.c-slideout-end .tbar-stacked.c-slideout-show {
  right: 0;
}
@media (max-width: 767.98px) {
  .c-slideout-end.c-slideout-tbar-shown .sidebar {
    right: -280px;
  }
  .c-slideout-end .sidebar {
    right: -320px;
  }
  .c-slideout-end .tbar-stacked {
    right: -40px;
  }
}

table {
  border-collapse: collapse;
}

th {
  height: 20px;
  text-align: left;
}

caption {
  color: #272833;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
  text-align: left;
}

.table-head-title .inline-item-before {
  margin-right: 0.25rem;
}
.table-head-title .inline-item-before + .text-truncate-inline {
  max-width: calc(
	100% - 1em - 0.25rem
);
}
.table-head-title .inline-item-after {
  margin-left: 0.25rem;
}

.table {
  border-spacing: 0;
  color: var(--body-color, #344243);
  font-size: 0.875rem;
  margin-bottom: 0;
  width: 100%;
}
.table thead {
  background-color: #fff;
}
.table thead th,
.table thead td {
  background-color: #fff;
  border-bottom: 0 solid #e7e7ed;
  border-top-width: 0px;
  vertical-align: bottom;
}
.table thead th [href] {
  border-radius: 1px;
  color: #6b6c7e;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .table thead th [href] {
    transition: none;
  }
}
.table thead th [href]:hover {
  color: #272833;
}
.table thead th [href].focus, .table thead th [href]:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.table th:first-child,
.table td:first-child,
.table .table-column-start {
  padding-left: 15px;
}
.table th:last-child,
.table td:last-child,
.table .table-column-end {
  padding-right: 15px;
}
.table th {
  background-clip: padding-box;
  border-top: 0.0625rem solid #e7e7ed;
  color: #6b6c7e;
  font-weight: var(--font-weight-semi-bold, 500);
  height: 36px;
  padding: 0.75rem;
  position: relative;
  vertical-align: top;
}
.table td {
  background-clip: padding-box;
  border-bottom-width: 0.0625rem;
  border-color: #e7e7ed;
  border-left-width: 0px;
  border-right-width: 0px;
  border-style: solid;
  border-top-width: 0.0625rem;
  padding: 0.75rem;
  position: relative;
  vertical-align: middle;
}
.table tbody {
  background-color: #fff;
}
.table tbody th,
.table tbody td {
  background-color: #fff;
}
.table tbody + tbody {
  border-top: calc(2 * 0.0625rem) solid #e7e7ed;
}
.table tfoot {
  background-color: #fff;
}
.table tfoot th,
.table tfoot td {
  background-color: #fff;
}
.table caption {
  caption-side: top;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.table .table-divider th,
.table .table-divider td {
  background-color: #f7f8f9;
  color: #6b6c7e;
  font-size: 0.75rem;
  font-weight: var(--font-weight-semi-bold, 500);
  padding: 0.4375rem 0.75rem;
  text-transform: uppercase;
}
.table .table-active {
  background-color: #f0f5ff;
}
.table .table-active th,
.table .table-active td {
  background-color: #f0f5ff;
}
.table .table-active .quick-action-menu {
  background-color: #f1f2f5;
}
.table .table-disabled {
  color: #a7a9bc;
}
.table .table-disabled th,
.table .table-disabled td {
  background-color: #fff;
  cursor: not-allowed;
}
.table .table-disabled th [href],
.table .table-disabled td [href] {
  color: #a7a9bc;
  pointer-events: none;
}
.table .table-disabled .table-title {
  color: #a7a9bc;
}
.table .table-disabled .table-list-title {
  color: #a7a9bc;
}
.table .autofit-col {
  justify-content: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.table .autofit-col:first-child {
  padding-left: 0;
}
.table .autofit-col:last-child {
  padding-right: 0;
}
.table .custom-control,
.table .form-check {
  margin-bottom: 0;
}
.table .quick-action-menu {
  align-items: flex-start;
  background-color: #fff;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}

.table-caption-bottom caption {
  caption-side: bottom;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}
.table-bordered {
  border: 0.0625rem solid #e7e7ed;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: calc(2 * 0.0625rem);
}
.table-bordered th,
.table-bordered td {
  border: 0.0625rem solid #e7e7ed;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) td,
.table-striped tbody tr:nth-of-type(odd) th {
  background-color: #f7f8f9;
}

.table-hover tbody tr:hover {
  background-color: #f0f5ff;
  color: var(--body-color, #344243);
}
.table-hover tbody tr:hover th,
.table-hover tbody tr:hover td {
  background-color: #f0f5ff;
  color: var(--body-color, #344243);
}
.table-hover tbody tr:hover .quick-action-menu {
  background-color: #f0f5ff;
}
.table-hover .table-active:hover .quick-action-menu {
  background-color: #f1f2f5;
}
.table-hover .table-disabled:hover {
  background-color: #fff;
}
.table-hover .table-disabled:hover th,
.table-hover .table-disabled:hover td {
  background-color: #fff;
}
.table .table-primary,
.table .table-primary > th,
.table .table-primary > td {
  background-color: #b8d2cb;
  border-color: #7aab9e;
}
.table .table-primary th,
.table .table-primary td,
.table .table-primary thead th,
.table .table-primary tbody + tbody {
  border-color: #7aab9e;
}

.table-hover .table-primary:hover {
  background-color: #a8c8c0;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #a8c8c0;
}

.table .table-secondary,
.table .table-secondary > th,
.table .table-secondary > td {
  background-color: #d6d6db;
  border-color: #b2b3bc;
}
.table .table-secondary th,
.table .table-secondary td,
.table .table-secondary thead th,
.table .table-secondary tbody + tbody {
  border-color: #b2b3bc;
}

.table-hover .table-secondary:hover {
  background-color: #c8c8cf;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8c8cf;
}

.table .table-success,
.table .table-success > th,
.table .table-success > td {
  background-color: #c3dbc8;
  border-color: #8fbb9a;
}
.table .table-success th,
.table .table-success td,
.table .table-success thead th,
.table .table-success tbody + tbody {
  border-color: #8fbb9a;
}

.table-hover .table-success:hover {
  background-color: #b3d1b9;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b3d1b9;
}

.table .table-info,
.table .table-info > th,
.table .table-info > td {
  background-color: #c4d1e8;
  border-color: #92a9d4;
}
.table .table-info th,
.table .table-info td,
.table .table-info thead th,
.table .table-info tbody + tbody {
  border-color: #92a9d4;
}

.table-hover .table-info:hover {
  background-color: #b2c3e1;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #b2c3e1;
}

.table .table-warning,
.table .table-warning > th,
.table .table-warning > td {
  background-color: #ebceb8;
  border-color: #dba47a;
}
.table .table-warning th,
.table .table-warning td,
.table .table-warning thead th,
.table .table-warning tbody + tbody {
  border-color: #dba47a;
}

.table-hover .table-warning:hover {
  background-color: #e5c0a4;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #e5c0a4;
}

.table .table-danger,
.table .table-danger > th,
.table .table-danger > td {
  background-color: #f5bdbd;
  border-color: #ec8585;
}
.table .table-danger th,
.table .table-danger td,
.table .table-danger thead th,
.table .table-danger tbody + tbody {
  border-color: #ec8585;
}

.table-hover .table-danger:hover {
  background-color: #f2a7a7;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f2a7a7;
}

.table .table-light,
.table .table-light > th,
.table .table-light > td {
  background-color: #fbfbfc;
  border-color: #f8f8fa;
}
.table .table-light th,
.table .table-light td,
.table .table-light thead th,
.table .table-light tbody + tbody {
  border-color: #f8f8fa;
}

.table-hover .table-light:hover {
  background-color: #ececf1;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf1;
}

.table .table-dark,
.table .table-dark > th,
.table .table-dark > td {
  background-color: #c3c3c6;
  border-color: #8f8f95;
}
.table .table-dark .table-title,
.table .table-dark > th .table-title,
.table .table-dark > td .table-title {
  color: #fff;
}
.table .table-dark .table-title[href],
.table .table-dark .table-title [href],
.table .table-dark > th .table-title[href],
.table .table-dark > th .table-title [href],
.table .table-dark > td .table-title[href],
.table .table-dark > td .table-title [href] {
  color: inherit;
}
.table .table-dark th,
.table .table-dark td,
.table .table-dark thead th,
.table .table-dark tbody + tbody {
  border-color: #8f8f95;
}

.table-hover .table-dark:hover {
  background-color: #b6b6ba;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b6b6ba;
}

.table-striped tbody .table-disabled:nth-of-type(odd) td,
.table-striped tbody .table-disabled:nth-of-type(odd) th {
  background-color: #fff;
}

.table .thead-dark th {
  background-color: #393a4a;
  border-color: #4a4b60;
  color: #fff;
}
.table .thead-light th {
  background-color: #fff;
  border-color: #e7e7ed;
  color: #6b6c7e;
}

.table-dark {
  background-color: #393a4a;
  color: #fff;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #4a4b60;
}
.table-dark.table-bordered {
  border-width: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
  color: #fff;
}

.table-title {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.5;
  margin-bottom: 0;
  color: #272833;
}
.table-title[href],
.table-title [href] {
  color: #272833;
  border-radius: 1px;
  display: inline-block;
  max-width: 100%;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .table-title[href],
  .table-title [href] {
    transition: none;
  }
}
.table-title[href]:hover,
.table-title [href]:hover {
  color: #272833;
}
.table-title[href].focus, .table-title[href]:focus,
.table-title [href].focus,
.table-title [href]:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.table-link {
  color: #272833;
  border-radius: 1px;
  display: inline-block;
  max-width: 100%;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .table-link {
    transition: none;
  }
}
.table-link:hover {
  color: #272833;
}
.table-link.focus, .table-link:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.table-action-link {
  align-items: center;
  border-radius: 0.25rem;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  vertical-align: middle;
  width: 2rem;
  color: #6b6c7e;
  font-size: 1rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .table-action-link {
    transition: none;
  }
}
.table-action-link:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.02);
  color: #272833;
}
.table-action-link.focus, .table-action-link:focus {
  background-color: rgba(0, 0, 0, 0.02);
  color: #272833;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.table-action-link:active {
  background-color: rgba(0, 0, 0, 0.04);
}
.table-action-link.active {
  background-color: rgba(0, 0, 0, 0.04);
}
.table-action-link[aria-expanded=true], .table-action-link.show {
  background-color: rgba(0, 0, 0, 0.04);
}
.table-action-link .lexicon-icon {
  margin-top: 0;
}

.table-responsive-sm {
  margin-bottom: 1.5rem;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    width: 100%;
  }
}
.table-responsive-md {
  margin-bottom: 1.5rem;
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    width: 100%;
  }
}
.table-responsive-lg {
  margin-bottom: 1.5rem;
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    width: 100%;
  }
}
.table-responsive-xl {
  margin-bottom: 1.5rem;
}
@media (max-width: 1279.98px) {
  .table-responsive-xl {
    display: block;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    width: 100%;
  }
}
.table-responsive-xxl {
  margin-bottom: 1.5rem;
}
@media (max-width: 1439.98px) {
  .table-responsive-xxl {
    display: block;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    width: 100%;
  }
}
.table-responsive {
  margin-bottom: 1.5rem;
  display: block;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  width: 100%;
}

.table-list {
  border-collapse: separate;
  border-color: #e7e7ed;
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 0.0625rem 0.0625rem;
  color: var(--body-color, #344243);
  margin-bottom: 0.0625rem;
}
.table-list thead {
  background-color: #fff;
  border-top-left-radius: calc(0.25rem - 0.0625rem);
  border-top-right-radius: calc(0.25rem - 0.0625rem);
}
.table-list thead th,
.table-list thead td {
  background-color: #fff;
  border-bottom-width: 0;
}
.table-list th,
.table-list td {
  border-color: #e7e7ed;
  border-style: solid;
  border-width: 0.0625rem 0 0 0;
}
.table-list thead:first-child tr:first-child th,
.table-list thead:first-child tr:first-child td,
.table-list tbody:first-child tr:first-child th,
.table-list tbody:first-child tr:first-child td,
.table-list tfoot:first-child tr:first-child th,
.table-list tfoot:first-child tr:first-child td,
.table-list caption:first-child + thead tr:first-child th,
.table-list caption:first-child + thead tr:first-child td {
  border-top-width: 0;
}
.table-list thead:first-child tr:first-child th:first-child,
.table-list thead:first-child tr:first-child td:first-child,
.table-list tbody:first-child tr:first-child th:first-child,
.table-list tbody:first-child tr:first-child td:first-child,
.table-list tfoot:first-child tr:first-child th:first-child,
.table-list tfoot:first-child tr:first-child td:first-child,
.table-list caption:first-child + thead tr:first-child th:first-child,
.table-list caption:first-child + thead tr:first-child td:first-child {
  border-top-left-radius: calc(0.25rem - 0.0625rem);
}
.table-list thead:first-child tr:first-child th:last-child,
.table-list thead:first-child tr:first-child td:last-child,
.table-list tbody:first-child tr:first-child th:last-child,
.table-list tbody:first-child tr:first-child td:last-child,
.table-list tfoot:first-child tr:first-child th:last-child,
.table-list tfoot:first-child tr:first-child td:last-child,
.table-list caption:first-child + thead tr:first-child th:last-child,
.table-list caption:first-child + thead tr:first-child td:last-child {
  border-top-right-radius: calc(0.25rem - 0.0625rem);
}
.table-list .table-row-start .table-cell-start {
  border-top-left-radius: calc(0.25rem - 0.0625rem);
}
.table-list .table-row-start .table-cell-end {
  border-top-right-radius: calc(0.25rem - 0.0625rem);
}
.table-list thead:last-child tr:last-child th:first-child,
.table-list thead:last-child tr:last-child td:first-child,
.table-list tbody:last-child tr:last-child th:first-child,
.table-list tbody:last-child tr:last-child td:first-child,
.table-list tfoot:last-child tr:last-child th:first-child,
.table-list tfoot:last-child tr:last-child td:first-child {
  border-bottom-left-radius: calc(0.25rem - 0.0625rem);
}
.table-list thead:last-child tr:last-child th:last-child,
.table-list thead:last-child tr:last-child td:last-child,
.table-list tbody:last-child tr:last-child th:last-child,
.table-list tbody:last-child tr:last-child td:last-child,
.table-list tfoot:last-child tr:last-child th:last-child,
.table-list tfoot:last-child tr:last-child td:last-child {
  border-bottom-right-radius: calc(0.25rem - 0.0625rem);
}
.table-list .table-row-end .table-cell-start {
  border-bottom-left-radius: calc(0.25rem - 0.0625rem);
}
.table-list .table-row-end .table-cell-end {
  border-bottom-right-radius: calc(0.25rem - 0.0625rem);
}
.table-list tbody {
  background-color: #fff;
  border-bottom-left-radius: calc(0.25rem - 0.0625rem);
  border-bottom-right-radius: calc(0.25rem - 0.0625rem);
}
.table-list tbody th,
.table-list tbody td {
  background-color: #fff;
  vertical-align: middle;
}
.table-list tfoot {
  background-color: #fff;
}
.table-list tfoot th,
.table-list tfoot td {
  background-color: #fff;
  vertical-align: middle;
}
.table-list .table-divider th,
.table-list .table-divider td {
  padding-bottom: 0.4375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.4375rem;
}
.table-list .table-active {
  background-color: #f0f5ff;
}
.table-list .table-active th,
.table-list .table-active td {
  background-color: #f0f5ff;
}
.table-list .table-active .quick-action-menu {
  background-color: #f0f5ff;
}
.table-list .table-disabled {
  background-color: #fff;
  color: #a7a9bc;
}
.table-list .table-disabled th,
.table-list .table-disabled td {
  background-color: #fff;
  color: #a7a9bc;
}
.table-list .table-disabled th [href],
.table-list .table-disabled td [href] {
  color: #a7a9bc;
  pointer-events: none;
}
.table-list .table-disabled .table-title {
  color: #a7a9bc;
}
.table-list .table-disabled .table-list-title {
  color: #a7a9bc;
}
.table-list .quick-action-menu {
  align-items: center;
  background-color: #fff;
  bottom: 0;
  top: 0;
}

.table.table-list.table-bordered thead th,
.table.table-list.table-bordered thead td {
  border-bottom-width: 0;
}
.table.table-list.table-bordered th,
.table.table-list.table-bordered td {
  border-left-width: 0.0625rem;
}
.table.table-list.table-bordered th:first-child,
.table.table-list.table-bordered td:first-child,
.table.table-list.table-bordered .table-column-start {
  border-left-width: 0;
}
.table-list.table-striped tbody tr:nth-of-type(odd) td,
.table-list.table-striped tbody tr:nth-of-type(odd) th {
  background-color: #f7f8f9;
}

.table-list.table-hover tbody tr:hover {
  background-color: #f0f5ff;
}
.table-list.table-hover tbody tr:hover th,
.table-list.table-hover tbody tr:hover td {
  background-color: #f0f5ff;
}
.table-list.table-hover tbody tr:hover .quick-action-menu {
  background-color: #f0f5ff;
}
.table-list.table-hover .table-active:hover {
  background-color: #f0f5ff;
}
.table-list.table-hover .table-active:hover th,
.table-list.table-hover .table-active:hover td {
  background-color: #f0f5ff;
}
.table-list.table-hover .table-active:hover .quick-action-menu {
  background-color: #f0f5ff;
}
.table-list.table-hover .table-disabled {
  background-color: #fff;
}
.table-list.table-hover .table-disabled:hover {
  background-color: #fff;
}
.table-list.table-hover .table-disabled:hover th,
.table-list.table-hover .table-disabled:hover td {
  background-color: #fff;
}
.table-list.table-striped tbody .table-disabled:nth-of-type(odd),
.table-list.table-striped tbody .table-disabled:nth-of-type(odd) td,
.table-list.table-striped tbody .table-disabled:nth-of-type(odd) th {
  background-color: #fff;
}

.table-list-title {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.45;
  margin-bottom: 0;
  color: #272833;
}
.table-list-title[href],
.table-list-title [href] {
  color: #272833;
  border-radius: 1px;
  display: inline-block;
  max-width: 100%;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .table-list-title[href],
  .table-list-title [href] {
    transition: none;
  }
}
.table-list-title[href]:hover,
.table-list-title [href]:hover {
  color: #272833;
}
.table-list-title[href].focus, .table-list-title[href]:focus,
.table-list-title [href].focus,
.table-list-title [href]:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.table-list-link {
  color: #272833;
  border-radius: 1px;
  display: inline-block;
  max-width: 100%;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .table-list-link {
    transition: none;
  }
}
.table-list-link:hover {
  color: #272833;
}
.table-list-link.focus, .table-list-link:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.table-list-action-link {
  align-items: center;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  vertical-align: middle;
  width: 2rem;
  color: #6b6c7e;
  font-size: 1rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .table-list-action-link {
    transition: none;
  }
}
.table-list-action-link:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.02);
  color: #272833;
}
.table-list-action-link.focus, .table-list-action-link:focus {
  background-color: rgba(0, 0, 0, 0.02);
  color: #272833;
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
}
.table-list-action-link:active {
  background-color: rgba(0, 0, 0, 0.04);
}
.table-list-action-link.active {
  background-color: rgba(0, 0, 0, 0.04);
}
.table-list-action-link[aria-expanded=true], .table-list-action-link.show {
  background-color: rgba(0, 0, 0, 0.04);
}
.table-list-action-link .lexicon-icon {
  margin-top: 0;
}

.table-nowrap td,
.table-nowrap th {
  white-space: nowrap;
}

.table-heading-nowrap thead td,
.table-heading-nowrap thead th {
  white-space: nowrap;
}

.table-valign-bottom tbody td,
.table-valign-bottom tbody th,
.table-valign-bottom tfoot td,
.table-valign-bottom tfoot th,
.table-valign-bottom thead td,
.table-valign-bottom thead th {
  vertical-align: bottom;
}
.table-valign-bottom tbody td,
.table-valign-bottom tbody th {
  padding-bottom: 1rem;
}
.table-valign-bottom.show-quick-actions-on-hover .quick-action-menu {
  align-items: flex-end;
}

.table-valign-middle tbody td,
.table-valign-middle tbody th,
.table-valign-middle tfoot td,
.table-valign-middle tfoot th,
.table-valign-middle thead td,
.table-valign-middle thead th {
  vertical-align: middle;
}

.table-valign-top tbody td,
.table-valign-top tbody th,
.table-valign-top tfoot td,
.table-valign-top tfoot th,
.table-valign-top thead td,
.table-valign-top thead th {
  vertical-align: top;
}
.table-valign-top tbody td,
.table-valign-top tbody th {
  padding-top: 1rem;
}
.table-valign-top.show-quick-actions-on-hover .quick-action-menu {
  align-items: flex-start;
}

.tbody-valign-bottom tbody td,
.tbody-valign-bottom tbody th {
  padding-bottom: 1rem;
  vertical-align: bottom;
}
.tbody-valign-bottom.show-quick-actions-on-hover .quick-action-menu {
  align-items: flex-end;
}

.tbody-valign-middle tbody td {
  vertical-align: middle;
}

.tbody-valign-top tbody td,
.tbody-valign-top tbody th {
  padding-top: 1rem;
  vertical-align: top;
}
.tbody-valign-top.show-quick-actions-on-hover .quick-action-menu {
  align-items: flex-start;
}

.thead-valign-bottom thead td,
.thead-valign-bottom thead th {
  vertical-align: bottom;
}

.thead-valign-middle thead td,
.thead-valign-middle thead th {
  vertical-align: middle;
}

.thead-valign-top thead td,
.thead-valign-top thead th {
  vertical-align: top;
}

.show-quick-actions-on-hover tr:not(.table-active):not(.table-disabled):hover .quick-action-menu {
  display: flex;
}
.show-quick-actions-on-hover .table-focus:not(.table-active):not(.table-disabled) .quick-action-menu {
  display: flex;
}

.table-striped tbody tr:nth-of-type(odd) .quick-action-menu {
  background-color: #f7f8f9;
}
.table-striped tbody .table-active:nth-of-type(odd) .quick-action-menu {
  background-color: #f0f5ff;
}

.table-list.table-striped tbody tr:nth-of-type(odd) .quick-action-menu {
  background-color: #f7f8f9;
}
.table-list.table-striped tbody .table-active:nth-of-type(odd) .quick-action-menu {
  background-color: #f0f5ff;
}

.table-column-text-start,
.table-cell-text-start {
  text-align: left;
}

.table-column-text-center,
.table-cell-text-center {
  text-align: center;
}

.table-column-text-end,
.table-cell-text-end {
  text-align: right;
}

.table-autofit td,
.table-autofit th, .table-column,
.table-cell-contract {
  display: table-cell;
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: 1%;
}

.table-autofit .table-cell-expand, .table-cell-expand,
.table-column-expand {
  display: table-cell;
  max-width: 12.5rem;
  min-width: 12.5rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: auto;
}

.table-autofit .table-cell-expand-small, .table-cell-expand-small,
.table-column-expand-small {
  max-width: 12.5rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: 25%;
}

.table-autofit .table-cell-expand-smaller, .table-cell-expand-smaller,
.table-column-expand-smaller {
  max-width: 12.5rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: 15%;
}

.table-autofit .table-cell-expand-smallest, .table-cell-expand-smallest,
.table-column-expand-smallest {
  max-width: 12.5rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: 10%;
}

.table-cell-minw-50,
.table-column-minw-50 {
  min-width: 50px;
}

.table-cell-minw-75,
.table-column-minw-75 {
  min-width: 75px;
}

.table-cell-minw-100,
.table-column-minw-100 {
  min-width: 100px;
}

.table-cell-minw-150,
.table-column-minw-150 {
  min-width: 150px;
}

.table-cell-minw-200,
.table-column-minw-200 {
  min-width: 200px;
}

.table-cell-minw-250,
.table-column-minw-250 {
  min-width: 250px;
}

.table-cell-minw-300,
.table-column-minw-300 {
  min-width: 300px;
}

.table-cell-minw-350,
.table-column-minw-350 {
  min-width: 350px;
}

.table-cell-minw-400,
.table-column-minw-400 {
  min-width: 400px;
}

.table-cell-ws-normal,
.table-column-ws-normal {
  white-space: normal;
}

.table-cell-ws-nowrap,
.table-column-ws-nowrap {
  white-space: nowrap;
}

.table-img {
  height: auto;
  max-height: 100px;
  max-width: none;
  width: auto;
}

.tbar {
  display: flex;
}
.tbar > .container,
.tbar > .container-fluid {
  display: flex;
}

.tbar-nav {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-wrap: nowrap;
  list-style: none;
  margin-bottom: 0;
  min-width: 3.125rem;
  padding-left: 0;
  word-wrap: break-word;
}
.tbar-nav > .tbar-item {
  justify-content: center;
}

.tbar-nav-shrink {
  flex-grow: 0;
  flex-shrink: 0;
  width: auto;
}

.tbar-nav-wrap {
  flex-wrap: wrap;
}

.tbar-item {
  max-width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.tbar-item:first-child {
  padding-left: 0;
}
.tbar-item:last-child {
  padding-right: 0;
}

.tbar-item-expand {
  text-align: center;
}

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

.tbar-btn-monospaced,
.tbar-link-monospaced {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  text-align: center;
}
.tbar-btn-monospaced .inline-item .lexicon-icon,
.tbar-btn-monospaced .lexicon-icon,
.tbar-link-monospaced .inline-item .lexicon-icon,
.tbar-link-monospaced .lexicon-icon {
  margin-top: 0;
}

@media (max-width: 575.98px) {
  .tbar-inline-xs-down {
    display: block;
  }
  .tbar-inline-xs-down .container,
  .tbar-inline-xs-down .container-fluid {
    display: block;
  }
  .tbar-inline-xs-down .component-title,
  .tbar-inline-xs-down .tbar-nav,
  .tbar-inline-xs-down .tbar-section {
    display: inline;
  }
  .tbar-inline-xs-down .tbar-item {
    padding-left: 0;
    display: inline;
  }
}

@media (max-width: 767.98px) {
  .tbar-inline-sm-down {
    display: block;
  }
  .tbar-inline-sm-down .container,
  .tbar-inline-sm-down .container-fluid {
    display: block;
  }
  .tbar-inline-sm-down .component-title,
  .tbar-inline-sm-down .tbar-nav,
  .tbar-inline-sm-down .tbar-section {
    display: inline;
  }
  .tbar-inline-sm-down .tbar-item {
    padding-left: 0;
    display: inline;
  }
}

@media (max-width: 991.98px) {
  .tbar-inline-md-down {
    display: block;
  }
  .tbar-inline-md-down .container,
  .tbar-inline-md-down .container-fluid {
    display: block;
  }
  .tbar-inline-md-down .component-title,
  .tbar-inline-md-down .tbar-nav,
  .tbar-inline-md-down .tbar-section {
    display: inline;
  }
  .tbar-inline-md-down .tbar-item {
    padding-left: 0;
    display: inline;
  }
}

@media (max-width: 1279.98px) {
  .tbar-inline-lg-down {
    display: block;
  }
  .tbar-inline-lg-down .container,
  .tbar-inline-lg-down .container-fluid {
    display: block;
  }
  .tbar-inline-lg-down .component-title,
  .tbar-inline-lg-down .tbar-nav,
  .tbar-inline-lg-down .tbar-section {
    display: inline;
  }
  .tbar-inline-lg-down .tbar-item {
    padding-left: 0;
    display: inline;
  }
}

@media (max-width: 1439.98px) {
  .tbar-inline-xl-down {
    display: block;
  }
  .tbar-inline-xl-down .container,
  .tbar-inline-xl-down .container-fluid {
    display: block;
  }
  .tbar-inline-xl-down .component-title,
  .tbar-inline-xl-down .tbar-nav,
  .tbar-inline-xl-down .tbar-section {
    display: inline;
  }
  .tbar-inline-xl-down .tbar-item {
    padding-left: 0;
    display: inline;
  }
}

.component-tbar {
  border-color: #e7e7ed;
  border-style: solid;
  border-width: 0 0 0.0625rem 0;
  height: 3.5rem;
  color: #6b6c7e;
}
.component-tbar .tbar-label {
  border-width: 0.0625rem;
}
.subnav-tbar {
  font-size: 0.875rem;
}
.subnav-tbar .btn-unstyled {
  color: #005D44;
  text-decoration: none;
}
.subnav-tbar .btn-unstyled:hover {
  color: #002a1f;
  text-decoration: underline;
}
.subnav-tbar strong {
  font-weight: var(--font-weight-semi-bold, 500);
}
.subnav-tbar .component-link {
  color: #005D44;
  font-weight: var(--font-weight-semi-bold, 500);
}
.subnav-tbar .component-link:hover {
  color: #002a1f;
}
.subnav-tbar .component-link:disabled, .subnav-tbar .component-link.disabled {
  box-shadow: none;
}
.subnav-tbar .tbar-item {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.subnav-tbar .tbar-btn {
  height: 1.5rem;
  line-height: 1;
  margin-bottom: 0.125rem;
  margin-top: 0.125rem;
  padding-left: 0;
  padding-right: 0;
}
.subnav-tbar .tbar-btn .c-inner {
  margin-left: 0;
  margin-right: 0;
}
.subnav-tbar .tbar-btn .c-inner {
  margin-left: 0;
  margin-right: 0;
}
.subnav-tbar .tbar-link {
  margin-bottom: 0.125rem;
  margin-top: 0.125rem;
  padding-bottom: 0.09375rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.09375rem;
}
.subnav-tbar .tbar-link > .c-inner {
  margin-bottom: -0.09375rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-top: -0.09375rem;
}
.subnav-tbar .tbar-link .c-inner {
  margin-bottom: -0.09375rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-top: -0.09375rem;
}
.subnav-tbar .tbar-btn-monospaced {
  margin-bottom: 0.125rem;
  margin-top: 0.125rem;
  padding: 0.25rem;
  height: 1.5rem;
  width: 1.5rem;
}
.subnav-tbar .tbar-btn-monospaced .c-inner {
  margin: -0.25rem;
}
.subnav-tbar .tbar-link-monospaced {
  height: 1.5rem;
  margin-bottom: 0.125rem;
  margin-top: 0.125rem;
  width: 1.5rem;
}
.subnav-tbar .tbar-section {
  text-align: left;
}
.subnav-tbar .component-title {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold, 500);
  line-height: 1.45;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  max-width: 100%;
}
.subnav-tbar .component-text {
  display: inline-block;
  line-height: 1.45;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  max-width: 100%;
}
.subnav-tbar .component-label {
  font-weight: var(--font-weight-normal, 400);
}
.subnav-tbar .tbar-label {
  border-width: 0.0625rem;
}
.subnav-tbar-primary {
  background-color: #06ffbc;
  padding-bottom: 0.625rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.625rem;
}
.subnav-tbar-primary .component-link {
  color: #272833;
}
.subnav-tbar-primary .component-link:hover {
  color: #272833;
}
.subnav-tbar-primary .component-link:disabled, .subnav-tbar-primary .component-link.disabled {
  color: #6b6c7e;
  cursor: not-allowed;
  opacity: 0.65;
  text-decoration: none;
}
.subnav-tbar-primary .tbar-item {
  justify-content: flex-start;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.subnav-tbar-primary .tbar-link-monospaced {
  border-radius: 0px;
  border-width: 0px;
  height: 3rem;
  margin-bottom: -0.625rem;
  margin-top: -0.625rem;
  width: 3rem;
}
.subnav-tbar-primary .component-label .close:focus {
  color: inherit;
}
.subnav-tbar-primary .component-label .close:disabled, .subnav-tbar-primary .component-label .close.disabled {
  color: #6b6c7e;
  opacity: 0.65;
}
.subnav-tbar-primary .tbar-label {
  font-size: 0.75rem;
  margin-right: 0;
  padding-bottom: 0.3125rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.3125rem;
  text-transform: none;
  border-width: 0.0625rem;
}
.subnav-tbar-primary .tbar-label > .c-inner {
  margin-bottom: -0.3125rem;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-top: -0.3125rem;
}
.subnav-tbar-primary.subnav-tbar-disabled {
  background-color: #3ae0b3;
  color: #8e94aa;
}
.subnav-tbar-primary.subnav-tbar-disabled .component-label {
  border-color: #8e94aa;
}
.subnav-tbar-primary.subnav-tbar-disabled .tbar-label {
  border-width: 0.0625rem;
}
.subnav-tbar-light {
  background-color: white;
  color: #6b6c7e;
  padding-bottom: 0.125rem;
  padding-top: 0.125rem;
}
.subnav-tbar-light .tbar-label {
  border-width: 0.0625rem;
}
.tbar-stacked {
  display: inline-flex;
  height: 100%;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.tbar-stacked .tbar-nav {
  flex-direction: column;
  min-width: 0;
}
.tbar-stacked .tbar-item {
  align-items: center;
  justify-content: flex-start;
  padding-left: 0;
  padding-right: 0;
}
.tbar-stacked .tbar-divider-before::before {
  background-color: var(--body-color, #344243);
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  width: 2.5rem;
}
.tbar-stacked .tbar-divider-after::after {
  background-color: var(--body-color, #344243);
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  width: 2.5rem;
}
.tbar-stacked .tbar-item-expand {
  flex-shrink: 0;
  min-width: 0;
}
.tbar-stacked .tbar-btn-monospaced {
  border-color: transparent;
  border-radius: 0px;
  border-width: 0px;
  color: inherit;
  height: 2.5rem;
  margin-bottom: 0;
  margin-top: 0;
  overflow: visible;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  position: relative;
  width: 2.5rem;
}
.tbar-stacked .tbar-btn-monospaced:focus, .tbar-stacked .tbar-btn-monospaced.focus {
  box-shadow: inset 0 0 0 0.125rem #00d29a, inset 0 0 0 0.25rem #fff;
}
.tbar-stacked .tbar-btn-monospaced:active:focus {
  box-shadow: inset 0 0 0 0.125rem #00d29a, inset 0 0 0 0.25rem #fff;
}
.tbar-stacked .tbar-btn-monospaced .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.tbar-stacked .tbar-label {
  border-width: 0.0625rem;
}
.tbar-light {
  background-color: #fff;
  box-shadow: inset 1px 0 0 0 #f1f2f5, inset -1px 0 0 0 #f1f2f5;
  color: #6b6c7e;
}
.tbar-light .tbar-divider-before::before {
  background-color: #f1f2f5;
}
.tbar-light .tbar-divider-after::after {
  background-color: #f1f2f5;
}
.tbar-light .tbar-btn-monospaced:hover {
  color: #272833;
}
.tbar-light .tbar-btn-monospaced:focus, .tbar-light .tbar-btn-monospaced.focus {
  color: #272833;
}
.tbar-light .tbar-btn-monospaced:active {
  background-color: #f1f2f5;
  color: #272833;
}
.tbar-light .tbar-btn-monospaced.active {
  background-color: #f1f2f5;
  color: #272833;
}
.tbar-light .tbar-btn-monospaced:disabled, .tbar-light .tbar-btn-monospaced.disabled {
  color: inherit;
}
.tbar-light .tbar-btn-monospaced[aria-expanded=true], .tbar-light .tbar-btn-monospaced.show {
  background-color: #f1f2f5;
  color: #272833;
}
.tbar-light .tbar-label {
  border-width: 0.0625rem;
}
.tbar-dark-l2 {
  background-color: #393a4a;
  box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.06);
  color: #a7a9bc;
}
.tbar-dark-l2 .tbar-divider-before::before {
  background-color: rgba(255, 255, 255, 0.06);
}
.tbar-dark-l2 .tbar-divider-after::after {
  background-color: rgba(255, 255, 255, 0.06);
}
.tbar-dark-l2 .tbar-btn-monospaced:hover {
  color: #fff;
}
.tbar-dark-l2 .tbar-btn-monospaced:focus, .tbar-dark-l2 .tbar-btn-monospaced.focus {
  color: #fff;
}
.tbar-dark-l2 .tbar-btn-monospaced:active {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.tbar-dark-l2 .tbar-btn-monospaced.active {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.tbar-dark-l2 .tbar-btn-monospaced:disabled, .tbar-dark-l2 .tbar-btn-monospaced.disabled {
  color: inherit;
}
.tbar-dark-l2 .tbar-btn-monospaced[aria-expanded=true], .tbar-dark-l2 .tbar-btn-monospaced.show {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.tbar-dark-l2 .tbar-label {
  border-width: 0.0625rem;
}
.tbar-dark-d1 {
  background-color: #1c1c24;
  box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
  color: #a7a9bc;
}
.tbar-dark-d1 .tbar-divider-before::before {
  background-color: rgba(255, 255, 255, 0.06);
}
.tbar-dark-d1 .tbar-divider-after::after {
  background-color: rgba(255, 255, 255, 0.06);
}
.tbar-dark-d1 .tbar-btn-monospaced:hover {
  color: #fff;
}
.tbar-dark-d1 .tbar-btn-monospaced:focus, .tbar-dark-d1 .tbar-btn-monospaced.focus {
  color: #fff;
}
.tbar-dark-d1 .tbar-btn-monospaced:active {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.tbar-dark-d1 .tbar-btn-monospaced.active {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.tbar-dark-d1 .tbar-btn-monospaced:disabled, .tbar-dark-d1 .tbar-btn-monospaced.disabled {
  color: inherit;
}
.tbar-dark-d1 .tbar-btn-monospaced[aria-expanded=true], .tbar-dark-d1 .tbar-btn-monospaced.show {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.tbar-dark-d1 .tbar-label {
  border-width: 0.0625rem;
}
.timeline {
  list-style: none;
  padding-left: 0;
  padding-left: 25px;
}
.timeline .panel,
.timeline .panel-group {
  margin-bottom: 0;
}

.timeline-icon {
  background-color: var(--body-bg, #fff);
  border: 2px solid #6b6c7e;
  border-radius: 50%;
  display: block;
  height: 10px;
  line-height: 10px;
  width: 10px;
}

.timeline-increment {
  background-color: var(--body-bg, #fff);
  left: -39px;
  position: absolute;
  text-align: center;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}

.timeline-increment-text {
  display: block;
  max-width: 65px;
}

.timeline-item-label {
  color: var(--body-color, #344243);
}

.timeline-item {
  padding-bottom: 5px;
  padding-left: 40px;
  padding-top: 5px;
  position: relative;
}
.timeline-item:before {
  background-color: #272833;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 2px;
}
.timeline-item.active .timeline-icon {
  background-color: #0b5fff;
  border-color: #0b5fff;
}
.timeline-item .panel,
.timeline-item .panel-heading {
  position: relative;
}
.timeline-item .panel .timeline-increment {
  margin-left: -1px;
}

.timeline-right {
  padding-left: 0;
  padding-right: 25px;
}
.timeline-right .timeline-item {
  padding-left: 0;
  padding-right: 40px;
}
.timeline-right .timeline-item:before {
  left: auto;
  right: -2px;
}
.timeline-right .timeline-item .panel .timeline-increment {
  margin-left: auto;
  margin-right: 0px;
}
.timeline-right .timeline-item .timeline-increment {
  left: auto;
  right: -41px;
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}

@media (max-width: 575.98px) {
  .timeline-right-xs-only {
    padding-left: 0;
    padding-right: 25px;
  }
  .timeline-right-xs-only .timeline-item {
    padding-left: 0;
    padding-right: 40px;
  }
  .timeline-right-xs-only .timeline-item:before {
    left: auto;
    right: -2px;
  }
  .timeline-right-xs-only .timeline-item .panel .timeline-increment {
    margin-left: auto;
    margin-right: 0px;
  }
  .timeline-right-xs-only .timeline-item .timeline-increment {
    left: auto;
    right: -41px;
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
}

@media (min-width: 768px) {
  .timeline-center {
    padding-left: 0;
  }
  .timeline-center .timeline-item {
    margin-left: 50%;
    width: 50%;
  }
  .timeline-center .timeline-item .timeline-item-label {
    left: -100%;
    margin-left: -80px;
    position: absolute;
    text-align: right;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
  }
  .timeline-center .timeline-item.timeline-item-reverse {
    padding-left: 0;
    padding-right: 40px;
    margin-left: 0;
  }
  .timeline-center .timeline-item.timeline-item-reverse:before {
    left: auto;
    right: -2px;
  }
  .timeline-center .timeline-item.timeline-item-reverse .panel .timeline-increment {
    margin-left: auto;
    margin-right: 0px;
  }
  .timeline-center .timeline-item.timeline-item-reverse .timeline-increment {
    left: auto;
    right: -41px;
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
  .timeline-center .timeline-item.timeline-item-reverse .timeline-item-label {
    margin-left: auto;
    margin-right: -80px;
    right: -100%;
    text-align: left;
  }
}

@media (min-width: 768px) {
  .timeline-even .timeline-item:nth-of-type(even),
  .timeline-odd .timeline-item:nth-of-type(odd) {
    padding-left: 0;
    padding-right: 40px;
    margin-left: 0;
  }
  .timeline-even .timeline-item:nth-of-type(even):before,
  .timeline-odd .timeline-item:nth-of-type(odd):before {
    left: auto;
    right: -2px;
  }
  .timeline-even .timeline-item:nth-of-type(even) .panel .timeline-increment,
  .timeline-odd .timeline-item:nth-of-type(odd) .panel .timeline-increment {
    margin-left: auto;
    margin-right: 0px;
  }
  .timeline-even .timeline-item:nth-of-type(even) .timeline-increment,
  .timeline-odd .timeline-item:nth-of-type(odd) .timeline-increment {
    left: auto;
    right: -41px;
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
  .timeline-even .timeline-item:nth-of-type(even) .timeline-item-label,
  .timeline-odd .timeline-item:nth-of-type(odd) .timeline-item-label {
    margin-left: auto;
    margin-right: -80px;
    right: -100%;
    text-align: left;
  }
}

.timeline-spacing-xl.timeline {
  padding-left: 25px;
}
@media (min-width: 768px) {
  .timeline-spacing-xl.timeline-center {
    padding-left: 0;
  }
  .timeline-spacing-xl.timeline-center .timeline-item .timeline-item-label {
    margin-left: -100px;
  }
  .timeline-spacing-xl.timeline-center .timeline-item.timeline-item-reverse {
    padding-right: 50px;
  }
  .timeline-spacing-xl.timeline-center .timeline-item.timeline-item-reverse .timeline-increment {
    right: -51px;
  }
  .timeline-spacing-xl.timeline-center .timeline-item.timeline-item-reverse .timeline-item-label {
    margin-left: auto;
    margin-right: -100px;
  }
}
@media (min-width: 768px) {
  .timeline-spacing-xl.timeline-even .timeline-item:nth-of-type(even), .timeline-spacing-xl.timeline-odd .timeline-item:nth-of-type(odd) {
    padding-right: 50px;
  }
  .timeline-spacing-xl.timeline-even .timeline-item:nth-of-type(even) .timeline-increment, .timeline-spacing-xl.timeline-odd .timeline-item:nth-of-type(odd) .timeline-increment {
    right: -51px;
  }
  .timeline-spacing-xl.timeline-even .timeline-item:nth-of-type(even) .timeline-item-label, .timeline-spacing-xl.timeline-odd .timeline-item:nth-of-type(odd) .timeline-item-label {
    margin-left: auto;
    margin-right: -100px;
  }
}
.timeline-spacing-xl.timeline-right {
  padding-right: 25px;
}
.timeline-spacing-xl.timeline-right .timeline-item {
  padding-right: 50px;
}
.timeline-spacing-xl.timeline-right .timeline-item .timeline-increment {
  right: -51px;
}
@media (max-width: 575.98px) {
  .timeline-spacing-xl.timeline-right-xs-only {
    padding-left: 0;
    padding-right: 25px;
  }
  .timeline-spacing-xl.timeline-right-xs-only .timeline-item {
    padding-left: 0;
    padding-right: 50px;
  }
  .timeline-spacing-xl.timeline-right-xs-only .timeline-item .timeline-increment {
    left: auto;
    right: -51px;
  }
}
.timeline-spacing-xl .timeline-item {
  padding-bottom: 15px;
  padding-left: 50px;
  padding-top: 15px;
}
.timeline-spacing-xl .timeline-item .timeline-increment {
  left: -49px;
}
.timeline-spacing-xl .timeline-increment-text {
  max-width: 75px;
}

.toggle-switch {
  cursor: pointer;
  display: inline-block;
  font-weight: var(--font-weight-semi-bold, 500);
  max-width: 100%;
  position: relative;
}
.toggle-switch.disabled {
  cursor: not-allowed;
}
.toggle-switch.disabled .toggle-switch-label {
  color: #a7a9bc;
  cursor: not-allowed;
}
.toggle-switch.disabled .toggle-switch-text {
  color: #a7a9bc;
}
.toggle-switch-check-bar {
  display: inline-flex;
  position: relative;
}

.toggle-switch-bar .toggle-switch-handle {
  display: block;
  min-width: 48px;
  text-transform: uppercase;
}
.toggle-switch-bar .toggle-switch-icon {
  font-size: 0.625rem;
}
.toggle-switch-bar .toggle-switch-icon .lexicon-icon {
  margin-top: -0.2em;
}
.toggle-switch-bar .button-icon {
  font-size: 0.625rem;
}
.toggle-switch-check {
  bottom: 0;
  font-size: 62.5%;
  height: 24px;
  opacity: 0;
  position: absolute;
  width: 48px;
  z-index: 2;
}
.toggle-switch-check ~ .toggle-switch-bar {
  display: inline-flex;
  font-size: 0.625rem;
  height: 24px;
  line-height: 24px;
  position: relative;
  text-indent: 0;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.toggle-switch-check ~ .toggle-switch-bar::before {
  background-color: #a7a9bc;
  border-color: #a7a9bc;
  border-radius: 20px;
  border-style: solid;
  border-width: 1px;
  bottom: 0;
  content: " ";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
  width: 48px;
}
@media (prefers-reduced-motion: reduce) {
  .toggle-switch-check ~ .toggle-switch-bar::before {
    transition: none;
  }
}
.toggle-switch-check ~ .toggle-switch-bar::after {
  background-color: #fff;
  border-color: #fff;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  bottom: 4px;
  content: "";
  display: block;
  height: 16px;
  left: 4px;
  position: absolute;
  top: 4px;
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
  width: 16px;
}
@media (prefers-reduced-motion: reduce) {
  .toggle-switch-check ~ .toggle-switch-bar::after {
    transition: none;
  }
}
.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
}
@media (prefers-reduced-motion: reduce) {
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
    transition: none;
  }
}
.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
  content: '\FEFF' attr(data-label-off);
  margin-left: 56px;
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
    transition: none;
  }
}
.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
  color: #fff;
  left: 4px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  text-indent: 0;
  top: 4px;
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
  width: 16px;
  z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
    transition: none;
  }
}
.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on {
  left: 4px;
  opacity: 0;
}
.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
  left: 28px;
}
.toggle-switch-check ~ .toggle-switch-bar .button-icon {
  color: #272833;
}
.toggle-switch-check ~ .toggle-switch-bar .button-icon-on {
  opacity: 0;
}
.toggle-switch-check:focus ~ .toggle-switch-bar::before {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}
.toggle-switch-check[disabled] ~ .toggle-switch-bar, .toggle-switch-check:disabled ~ .toggle-switch-bar {
  cursor: not-allowed;
  opacity: 0.4;
}
.toggle-switch-check:checked ~ .toggle-switch-bar::before {
  background-color: #0b5fff;
  border-color: #0b5fff;
  border-radius: 20px;
  border-style: solid;
  border-width: 1px;
}
.toggle-switch-check:checked ~ .toggle-switch-bar::after {
  background-color: #fff;
  border-color: #fff;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  left: 28px;
}
.toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle::after {
  content: '\FEFF' attr(data-label-on);
}
.toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon {
  color: #fff;
}
.toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-on {
  opacity: 1;
}
.toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-off {
  opacity: 0;
}
.toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
  color: #005D44;
  left: 28px;
}
.toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-on {
  opacity: 1;
}
.toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-off {
  opacity: 0;
}
@media (max-width: 767.98px) {
  .toggle-switch-check {
    height: 24px;
    width: 40px;
  }
  .toggle-switch-check ~ .toggle-switch-bar {
    height: 24px;
    line-height: 24px;
    text-indent: 0;
  }
  .toggle-switch-check ~ .toggle-switch-bar::before {
    width: 40px;
  }
  .toggle-switch-check ~ .toggle-switch-bar::after {
    bottom: 4px;
    height: 16px;
    left: 4px;
    top: 4px;
    width: 16px;
  }
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle {
    min-width: 40px;
  }
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
    margin-left: 48px;
  }
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
    font-size: 0.625rem;
    left: 4px;
    line-height: 16px;
    top: 4px;
    width: 16px;
  }
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on {
    left: 4px;
  }
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
    left: 20px;
  }
  .toggle-switch-check ~ .toggle-switch-bar .button-icon {
    font-size: 0.625rem;
  }
  .toggle-switch-check:checked ~ .toggle-switch-bar::after {
    left: 20px;
  }
  .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle::after {
    margin-left: 48px;
  }
  .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
    left: 20px;
  }
}

.toggle-switch-label {
  display: block;
  margin-bottom: 2px;
}

.toggle-switch-text {
  display: block;
  font-size: 0.75rem;
}

.toggle-switch-text-left {
  display: inline-flex;
  line-height: 24px;
  margin-right: 8px;
}
@media (max-width: 767.98px) {
  .toggle-switch-text-left {
    line-height: 24px;
  }
}

.toggle-switch-text-right {
  display: inline-flex;
  line-height: 24px;
  margin-left: 8px;
}
@media (max-width: 767.98px) {
  .toggle-switch-text-right {
    line-height: 24px;
  }
}

.simple-toggle-switch.toggle-switch {
  align-items: center;
  display: inline-flex;
}
.simple-toggle-switch.toggle-switch .toggle-switch-label {
  line-height: 1;
  margin-bottom: 0;
  max-width: calc( 					100% - 56px 				);
}
@media (max-width: 767.98px) {
  .simple-toggle-switch.toggle-switch .toggle-switch-label {
    max-width: calc( 						100% - 48px 					);
  }
}
.simple-toggle-switch.toggle-switch .toggle-switch-check + .toggle-switch-label {
  margin-right: 0.5rem;
}
.simple-toggle-switch.toggle-switch .toggle-switch-label + .toggle-switch-check-bar {
  margin-left: 0.5rem;
}

.simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-check-bar {
  order: 5;
}
.simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-check ~ .toggle-switch-bar {
  order: 5;
}
.simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-label {
  margin-right: 0.5rem;
}
.tooltip {
  display: block;
  font-family: var(--font-family-base, "DIN-Regular", Helvetica, Arial, sans-serif);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  letter-spacing: normal;
  line-height: 1.5;
  margin: 0;
  opacity: 0;
  position: absolute;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  z-index: 1070;
}
.tooltip.show {
  opacity: 1;
}
.tooltip .arrow {
  display: block;
  height: 0.4rem;
  position: absolute;
  width: 0.8rem;
}
.tooltip .arrow::before {
  border-color: transparent;
  border-style: solid;
  content: "";
  position: absolute;
}
.tooltip-inner {
  background-color: #013E2E !important;
  border-radius: 0.25rem;
  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.4);
  color: #fff;
  max-width: 230px;
  padding: 0.75rem 0.75rem;
  text-align: center;
  white-space: pre-line;
}

.tooltip-arrow {
  background-color: #013E2E !important;
  position: absolute;
  transform: rotate(45deg);
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: #013E2E !important;
  border-width: 0.4rem 0.4rem 0;
  top: 0;
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^=right] .arrow {
  height: 0.8rem;
  left: 0;
  width: 0.4rem;
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-right-color: #013E2E !important;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  right: 0;
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #013E2E !important;
  border-width: 0 0.4rem 0.4rem;
  bottom: 0;
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^=left] .arrow {
  height: 0.8rem;
  right: 0;
  width: 0.4rem;
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-left-color: #013E2E !important;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  left: 0;
}

.clay-tooltip-bottom,
.clay-tooltip-bottom-left,
.clay-tooltip-bottom-right {
  padding-top: 0.4rem;
}
.clay-tooltip-bottom .arrow,
.clay-tooltip-bottom-left .arrow,
.clay-tooltip-bottom-right .arrow {
  left: 50%;
  margin-left: -0.4rem;
  top: 0;
}
.clay-tooltip-bottom .arrow::before,
.clay-tooltip-bottom-left .arrow::before,
.clay-tooltip-bottom-right .arrow::before {
  border-bottom-color: #013E2E !important;
  border-width: 0 0.4rem 0.4rem;
  bottom: 0;
}
.clay-tooltip-bottom .tooltip-arrow,
.clay-tooltip-bottom-left .tooltip-arrow,
.clay-tooltip-bottom-right .tooltip-arrow {
  border-bottom-color: transparent;
  border-right-color: transparent;
  left: 50%;
  top: 0;
}
.clay-tooltip-bottom-left .arrow {
  left: 0.5rem;
  margin-left: 0;
}
.clay-tooltip-bottom-right .arrow {
  left: auto;
  margin-left: 0;
  right: 0.5rem;
}
.clay-tooltip-left,
.clay-tooltip-left-bottom,
.clay-tooltip-left-top {
  padding-right: 0.4rem;
}
.clay-tooltip-left .arrow,
.clay-tooltip-left-bottom .arrow,
.clay-tooltip-left-top .arrow {
  height: 0.8rem;
  margin-top: -0.4rem;
  right: 0;
  top: 50%;
  width: 0.4rem;
}
.clay-tooltip-left .arrow::before,
.clay-tooltip-left-bottom .arrow::before,
.clay-tooltip-left-top .arrow::before {
  border-left-color: #013E2E !important;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  left: 0;
}
.clay-tooltip-left .tooltip-arrow,
.clay-tooltip-left-bottom .tooltip-arrow,
.clay-tooltip-left-top .tooltip-arrow {
  border-bottom-color: transparent;
  border-left-color: transparent;
  right: 0;
  top: 50%;
}
.clay-tooltip-left-bottom .arrow {
  bottom: 0.5rem;
  margin-top: 0;
  top: auto;
}
.clay-tooltip-left-top .arrow {
  margin-top: 0;
  top: 0.5rem;
}
.clay-tooltip-right,
.clay-tooltip-right-bottom,
.clay-tooltip-right-top {
  padding-left: 0.4rem;
}
.clay-tooltip-right .arrow,
.clay-tooltip-right-bottom .arrow,
.clay-tooltip-right-top .arrow {
  height: 0.8rem;
  left: 0;
  margin-top: -0.4rem;
  width: 0.4rem;
  top: 50%;
}
.clay-tooltip-right .arrow::before,
.clay-tooltip-right-bottom .arrow::before,
.clay-tooltip-right-top .arrow::before {
  border-right-color: #013E2E !important;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  right: 0;
}
.clay-tooltip-right .tooltip-arrow,
.clay-tooltip-right-bottom .tooltip-arrow,
.clay-tooltip-right-top .tooltip-arrow {
  border-right-color: transparent;
  border-top-color: transparent;
  left: 0;
  top: 50%;
}
.clay-tooltip-right-bottom .arrow {
  bottom: 0.5rem;
  margin-top: 0;
  top: auto;
}
.clay-tooltip-right-top .arrow {
  margin-top: 0;
  top: 0.5rem;
}
.clay-tooltip-top,
.clay-tooltip-top-left,
.clay-tooltip-top-right {
  padding-bottom: 0.4rem;
}
.clay-tooltip-top .arrow,
.clay-tooltip-top-left .arrow,
.clay-tooltip-top-right .arrow {
  bottom: 0;
  left: 50%;
  margin-left: -0.4rem;
}
.clay-tooltip-top .arrow::before,
.clay-tooltip-top-left .arrow::before,
.clay-tooltip-top-right .arrow::before {
  border-top-color: #013E2E !important;
  border-width: 0.4rem 0.4rem 0;
  top: 0;
}
.clay-tooltip-top .tooltip-arrow,
.clay-tooltip-top-left .tooltip-arrow,
.clay-tooltip-top-right .tooltip-arrow {
  border-left-color: transparent;
  border-top-color: transparent;
  bottom: 0;
  left: 50%;
}
.clay-tooltip-top-left .arrow {
  left: 0.5rem;
  margin-left: 0;
}
.clay-tooltip-top-right .arrow {
  left: auto;
  margin-left: 0;
  right: 0.5rem;
}
.treeview {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  list-style: none;
  margin-bottom: 0;
  padding: 2px 0;
}
.treeview .btn {
  font-size: 12px;
  line-height: 1;
  padding: 6px 8px;
}
.treeview .btn .c-inner {
  margin: -7px -8px;
}
.treeview .btn-monospaced {
  font-size: inherit;
  height: 24px;
  padding: 0;
  width: 24px;
}
.treeview .btn-monospaced:focus, .treeview .btn-monospaced.focus {
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
}
.treeview .btn-monospaced:active:focus {
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
}
.treeview .custom-control {
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 1.5px;
}
.treeview .component-expander {
  font-size: 10px;
}
.treeview .component-expander .lexicon-icon:not(.component-expanded-d-none) {
  display: none;
}
.treeview .component-action {
  font-size: 16px;
  margin-left: 2px;
  margin-right: 2px;
}
.treeview .component-action:hover {
  background-color: transparent;
  color: #6b6c7e;
}
.treeview .component-action:focus, .treeview .component-action.focus {
  color: #6b6c7e;
}
.treeview .component-action:active {
  background-color: transparent;
}
.treeview .component-action.active {
  background-color: transparent;
}
.treeview .component-action[aria-expanded=true], .treeview .component-action.show {
  background-color: transparent;
}
.treeview .component-icon {
  display: inline-block;
  font-size: 16px;
  height: auto;
  margin: 4px;
  vertical-align: middle;
  width: auto;
}
.treeview .component-icon .lexicon-icon {
  display: block;
}
.treeview .component-text {
  line-height: 24px;
  padding-left: 4px;
  -ms-user-select: auto;
  -moz-user-select: auto;
  -webkit-user-select: auto;
  user-select: auto;
}
.treeview.show-component-expander-on-hover:hover .component-expander, .treeview.show-component-expander-on-hover.hover .component-expander {
  opacity: 1;
  transition: opacity ease-in-out 600ms;
}
@media (prefers-reduced-motion: reduce) {
  .treeview.show-component-expander-on-hover:hover .component-expander, .treeview.show-component-expander-on-hover.hover .component-expander {
    transition: none;
  }
}
.treeview.show-component-expander-on-hover .treeview-link:focus .component-expander, .treeview.show-component-expander-on-hover .treeview-link.focus .component-expander {
  opacity: 1;
  transition: none;
}
.treeview.show-component-expander-on-hover .component-expander {
  opacity: 0;
  transition: opacity ease-in-out 450ms;
}
@media (prefers-reduced-motion: reduce) {
  .treeview.show-component-expander-on-hover .component-expander {
    transition: none;
  }
}
.treeview .quick-action-item {
  margin: 0 2px;
  min-height: 0;
  min-width: 0;
}
.treeview .autofit-row {
  align-items: center;
}
.treeview.show-quick-actions-on-hover .treeview-link:not(:hover):not(:focus):not(.focus) .quick-action-item {
  display: none;
}
.treeview.show-quick-actions-on-hover .treeview-link:disabled .quick-action-item, .treeview.show-quick-actions-on-hover .treeview-link.disabled .quick-action-item {
  display: none;
}
.treeview.show-quick-actions-on-hover .treeview-link .quick-action-item:disabled, .treeview.show-quick-actions-on-hover .treeview-link .quick-action-item.disabled {
  display: none;
}

.treeview-group {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.treeview-item {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.treeview-link {
  background-color: transparent;
  cursor: pointer;
  display: block;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 2px;
  margin-top: 2px;
  min-width: 100%;
  padding: 0;
  position: relative;
  text-align: left;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.treeview-link:hover {
  text-decoration: none;
}
.treeview-link.focus, .treeview-link:focus {
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
  outline: 0;
}
.treeview-link:disabled, .treeview-link.disabled {
  cursor: not-allowed;
}
.treeview-link.treeview-dropping-bottom {
  box-shadow: 0 2px 0 0 #00d29a;
}
.treeview-link.treeview-dropping-middle {
  background-color: #43ffcc;
  border-color: #00d29a;
}
.treeview-link.treeview-dropping-top {
  box-shadow: 0 -2px 0 0 #00d29a;
}
.treeview-link.show .component-expander .component-expanded-d-none, .treeview-link[aria-expanded=true] .component-expander .component-expanded-d-none {
  display: none;
}
.treeview-link.show .component-expander .lexicon-icon:not(.component-expanded-d-none), .treeview-link[aria-expanded=true] .component-expander .lexicon-icon:not(.component-expanded-d-none) {
  display: inline-block;
}
.treeview-nested-margins .treeview-group .treeview-item {
  margin-left: 24px;
}

.treeview-item-dragging {
  cursor: not-allowed;
  opacity: 0.4;
}
.treeview-item-dragging .treeview-link {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.treeview-dragging {
  background-color: #fff;
  border-color: #00d29a;
  border-radius: var(--border-radius-sm, 0.1875rem);
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  font-size: 10px;
  font-weight: var(--font-weight-semi-bold, 500);
  padding: 4px 12px;
  text-transform: uppercase;
}

.treeview-light .component-expander {
  color: #6b6c7e;
}
.treeview-light .component-expander:hover {
  color: #005D44;
}
.treeview-light .component-expander:disabled, .treeview-light .component-expander.disabled {
  color: #6b6c7e;
  opacity: 0.5;
}
.treeview-light .component-expander.btn-secondary {
  background-color: #fff;
}
.treeview-light .treeview-link {
  color: #6b6c7e;
}
.treeview-light .treeview-link:hover {
  background-color: #f7f8f9;
  color: #272833;
}
.treeview-light .treeview-link:active {
  background-color: #f1f2f5;
  color: #272833;
}
.treeview-light .treeview-link.active {
  background-color: #f1f2f5;
  color: #272833;
}
.treeview-light .treeview-link:disabled, .treeview-light .treeview-link.disabled {
  background-color: transparent;
  color: rgba(107, 108, 126, 0.5);
}
.treeview-light .treeview-link.treeview-no-hover:hover {
  background-color: transparent;
  color: #6b6c7e;
}
.treeview-dark .component-expander {
  color: #a7a9bc;
}
.treeview-dark .component-expander:hover {
  color: #00d29a;
}
.treeview-dark .component-expander:disabled, .treeview-dark .component-expander.disabled {
  color: #a7a9bc;
  opacity: 0.5;
}
.treeview-dark .treeview-link {
  color: #a7a9bc;
}
.treeview-dark .treeview-link:hover {
  background-color: rgba(255, 255, 255, 0.04);
}
.treeview-dark .treeview-link.active {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.treeview-dark .treeview-link:disabled, .treeview-dark .treeview-link.disabled {
  background-color: transparent;
  color: rgba(167, 169, 188, 0.5);
}
.treeview-dark .treeview-link.treeview-no-hover:hover {
  background-color: transparent;
  color: #a7a9bc;
}
.treeview-dark .component-action {
  color: #a7a9bc;
}
.treeview-dark .component-action:disabled, .treeview-dark .component-action.disabled {
  color: #a7a9bc;
}
.bg-checkered {
  background-image: linear-gradient(45deg, #e7e7ed 25%, transparent 25%), linear-gradient(-45deg, #e7e7ed 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e7e7ed 75%), linear-gradient(-45deg, transparent 75%, #e7e7ed 75%);
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
  background-size: 20px 20px;
}

.close {
  align-items: center;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border-radius: var(--border-radius-sm, 0.1875rem);
  border-width: 0px;
  color: #272833;
  cursor: pointer;
  display: inline-flex;
  font-size: 1rem;
  font-weight: var(--font-weight-bold, 700);
  height: 2rem;
  justify-content: center;
  line-height: 1;
  opacity: 1;
  padding: 0;
  text-align: center;
  text-shadow: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 2rem;
}
.close::-ms-expand {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .close {
    transition: none;
  }
}
.close:hover {
  color: #272833;
  opacity: 1;
  text-decoration: none;
  outline: 0;
}
.close:focus {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
  outline: 0;
  opacity: 0.75;
}
.close:disabled, .close.disabled {
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.65;
  outline: 0;
  color: #6b6c7e;
}
.close .lexicon-icon {
  margin-top: 0;
}

.c-focus-inset:focus:not(:disabled):not(.disabled):not([disabled]), .c-focus-inset.focus:not(:disabled):not(.disabled):not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem #00d29a , inset 0 0 0 0.25rem #fff;
  border-color: #00d29a;
  outline: 0;
}

.autofit-row {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
ul.autofit-row {
  list-style: none;
  padding-left: 0;
}

.autofit-row-center > .autofit-col {
  justify-content: center;
}

.autofit-row-end > .autofit-col {
  justify-content: flex-end;
}

.autofit-padded > .autofit-col {
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
}

.autofit-padded-no-gutters-x {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  width: auto;
}
.autofit-padded-no-gutters-x > .autofit-col {
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
}

.autofit-padded-no-gutters-y {
  margin-bottom: -0.25rem;
  margin-top: -0.25rem;
  width: auto;
}
.autofit-padded-no-gutters-y > .autofit-col {
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
}

.autofit-padded-no-gutters {
  margin-bottom: -0.25rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: -0.25rem;
  width: auto;
}
.autofit-padded-no-gutters > .autofit-col {
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
}

.sheet-title .autofit-padded-no-gutters, .autofit-padded-no-gutters-sm {
  margin: -0.25rem;
  width: auto;
}
.sheet-title .autofit-padded-no-gutters > .autofit-col, .autofit-padded-no-gutters-sm > .autofit-col {
  padding: 0.25rem;
}

.tbar-item, .autofit-col {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  min-height: 0;
  position: relative;
}

.autofit-col-shrink {
  flex-shrink: 1;
  min-width: 1rem;
  word-wrap: break-word;
}

.tbar-item-expand, .autofit-col-expand {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 3.125rem;
  word-wrap: break-word;
}

.tbar-section, .autofit-section {
  max-width: 100%;
}

.autofit-float {
  flex-wrap: wrap;
}
.autofit-float > .autofit-col {
  max-width: 100%;
}
.autofit-float > .autofit-col-end {
  margin-left: auto;
}
.autofit-float > .autofit-col-end + .autofit-col-end {
  margin-left: 0;
}

@media (max-width: 767.98px) {
  .autofit-float-sm-down {
    flex-wrap: wrap;
  }
  .autofit-float-sm-down > .autofit-col {
    max-width: 100%;
  }
  .autofit-float-sm-down > .autofit-col-end {
    margin-left: auto;
  }
  .autofit-float-sm-down > .autofit-col-end + .autofit-col-end {
    margin-left: 0;
  }
}

@media (max-width: 991.98px) {
  .autofit-float-md-down {
    flex-wrap: wrap;
  }
  .autofit-float-md-down > .autofit-col {
    max-width: 100%;
  }
  .autofit-float-md-down > .autofit-col-end {
    margin-left: auto;
  }
  .autofit-float-md-down > .autofit-col-end + .autofit-col-end {
    margin-left: 0;
  }
}

.autofit-float-end {
  flex-wrap: wrap;
  justify-content: flex-end;
}
.autofit-float-end > .autofit-col {
  max-width: 100%;
}
.autofit-float-end > .autofit-col-end {
  margin-left: auto;
}
.autofit-float-end > .autofit-col-end + .autofit-col-end {
  margin-left: 0;
}

@media (max-width: 767.98px) {
  .autofit-float-end-sm-down {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .autofit-float-end-sm-down > .autofit-col {
    max-width: 100%;
  }
  .autofit-float-end-sm-down > .autofit-col-end {
    margin-left: auto;
  }
  .autofit-float-end-sm-down > .autofit-col-end + .autofit-col-end {
    margin-left: 0;
  }
}

@media (max-width: 991.98px) {
  .autofit-float-end-md-down {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .autofit-float-end-md-down > .autofit-col {
    max-width: 100%;
  }
  .autofit-float-end-md-down > .autofit-col-end {
    margin-left: auto;
  }
  .autofit-float-end-md-down > .autofit-col-end + .autofit-col-end {
    margin-left: 0;
  }
}

.c-inner {
  align-items: inherit;
  display: inherit;
  flex-direction: inherit;
  height: inherit;
  justify-content: inherit;
  line-height: inherit;
  max-width: inherit;
  min-width: inherit;
  outline: 0;
  overflow: inherit;
  padding-bottom: inherit;
  padding-left: inherit;
  padding-right: inherit;
  padding-top: inherit;
  text-overflow: inherit;
  width: inherit;
}

.heading-start {
  margin-right: 1rem;
}

.heading-end {
  margin-left: 1rem;
}

.heading-text {
  margin-bottom: auto;
  margin-top: auto;
}

.inline-scroller {
  -webkit-overflow-scrolling: touch;
  list-style: none;
  margin: 0;
  max-height: 125px;
  overflow: auto;
  padding: 0;
}
.inline-scroller:focus {
  outline: 0;
}
.inline-scroller:focus-visible {
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #00d29a;
}

.inline-item {
  align-items: center;
  display: inline-flex;
  vertical-align: middle;
}
.inline-item .inline-item {
  display: inline;
}
.inline-item .lexicon-icon {
  margin-top: -0.1em;
}
.inline-item-before {
  margin-right: 0.5rem;
}

.inline-item-middle {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.inline-item-middle + .inline-item-middle {
  margin-left: 0;
}

.inline-item-after {
  margin-left: 0.5rem;
}

.page-header {
  background-color: #fff;
}

.c-gap-0 {
  gap: var(--spacer-0, 0);
}

.c-gapx-0 {
  column-gap: var(--spacer-0, 0);
}

.c-gapy-0 {
  row-gap: var(--spacer-0, 0);
}

.c-gap-1 {
  gap: var(--spacer-1, 4px);
}

.c-gapx-1 {
  column-gap: var(--spacer-1, 4px);
}

.c-gapy-1 {
  row-gap: var(--spacer-1, 4px);
}

.c-gap-2 {
  gap: var(--spacer-2, 8px);
}

.c-gapx-2 {
  column-gap: var(--spacer-2, 8px);
}

.c-gapy-2 {
  row-gap: var(--spacer-2, 8px);
}

.c-gap-3 {
  gap: var(--spacer-3, 16px);
}

.c-gapx-3 {
  column-gap: var(--spacer-3, 16px);
}

.c-gapy-3 {
  row-gap: var(--spacer-3, 16px);
}

.c-gap-4 {
  gap: var(--spacer-4, 24px);
}

.c-gapx-4 {
  column-gap: var(--spacer-4, 24px);
}

.c-gapy-4 {
  row-gap: var(--spacer-4, 24px);
}

.c-gap-5 {
  gap: var(--spacer-5, 32px);
}

.c-gapx-5 {
  column-gap: var(--spacer-5, 32px);
}

.c-gapy-5 {
  row-gap: var(--spacer-5, 32px);
}

@media (min-width: 576px) {
  .c-gap-sm-0 {
    gap: var(--spacer-0, 0);
  }
  .c-gapx-sm-0 {
    column-gap: var(--spacer-0, 0);
  }
  .c-gapy-sm-0 {
    row-gap: var(--spacer-0, 0);
  }
  .c-gap-sm-1 {
    gap: var(--spacer-1, 4px);
  }
  .c-gapx-sm-1 {
    column-gap: var(--spacer-1, 4px);
  }
  .c-gapy-sm-1 {
    row-gap: var(--spacer-1, 4px);
  }
  .c-gap-sm-2 {
    gap: var(--spacer-2, 8px);
  }
  .c-gapx-sm-2 {
    column-gap: var(--spacer-2, 8px);
  }
  .c-gapy-sm-2 {
    row-gap: var(--spacer-2, 8px);
  }
  .c-gap-sm-3 {
    gap: var(--spacer-3, 16px);
  }
  .c-gapx-sm-3 {
    column-gap: var(--spacer-3, 16px);
  }
  .c-gapy-sm-3 {
    row-gap: var(--spacer-3, 16px);
  }
  .c-gap-sm-4 {
    gap: var(--spacer-4, 24px);
  }
  .c-gapx-sm-4 {
    column-gap: var(--spacer-4, 24px);
  }
  .c-gapy-sm-4 {
    row-gap: var(--spacer-4, 24px);
  }
  .c-gap-sm-5 {
    gap: var(--spacer-5, 32px);
  }
  .c-gapx-sm-5 {
    column-gap: var(--spacer-5, 32px);
  }
  .c-gapy-sm-5 {
    row-gap: var(--spacer-5, 32px);
  }
}
@media (min-width: 768px) {
  .c-gap-md-0 {
    gap: var(--spacer-0, 0);
  }
  .c-gapx-md-0 {
    column-gap: var(--spacer-0, 0);
  }
  .c-gapy-md-0 {
    row-gap: var(--spacer-0, 0);
  }
  .c-gap-md-1 {
    gap: var(--spacer-1, 4px);
  }
  .c-gapx-md-1 {
    column-gap: var(--spacer-1, 4px);
  }
  .c-gapy-md-1 {
    row-gap: var(--spacer-1, 4px);
  }
  .c-gap-md-2 {
    gap: var(--spacer-2, 8px);
  }
  .c-gapx-md-2 {
    column-gap: var(--spacer-2, 8px);
  }
  .c-gapy-md-2 {
    row-gap: var(--spacer-2, 8px);
  }
  .c-gap-md-3 {
    gap: var(--spacer-3, 16px);
  }
  .c-gapx-md-3 {
    column-gap: var(--spacer-3, 16px);
  }
  .c-gapy-md-3 {
    row-gap: var(--spacer-3, 16px);
  }
  .c-gap-md-4 {
    gap: var(--spacer-4, 24px);
  }
  .c-gapx-md-4 {
    column-gap: var(--spacer-4, 24px);
  }
  .c-gapy-md-4 {
    row-gap: var(--spacer-4, 24px);
  }
  .c-gap-md-5 {
    gap: var(--spacer-5, 32px);
  }
  .c-gapx-md-5 {
    column-gap: var(--spacer-5, 32px);
  }
  .c-gapy-md-5 {
    row-gap: var(--spacer-5, 32px);
  }
}
@media (min-width: 992px) {
  .c-gap-lg-0 {
    gap: var(--spacer-0, 0);
  }
  .c-gapx-lg-0 {
    column-gap: var(--spacer-0, 0);
  }
  .c-gapy-lg-0 {
    row-gap: var(--spacer-0, 0);
  }
  .c-gap-lg-1 {
    gap: var(--spacer-1, 4px);
  }
  .c-gapx-lg-1 {
    column-gap: var(--spacer-1, 4px);
  }
  .c-gapy-lg-1 {
    row-gap: var(--spacer-1, 4px);
  }
  .c-gap-lg-2 {
    gap: var(--spacer-2, 8px);
  }
  .c-gapx-lg-2 {
    column-gap: var(--spacer-2, 8px);
  }
  .c-gapy-lg-2 {
    row-gap: var(--spacer-2, 8px);
  }
  .c-gap-lg-3 {
    gap: var(--spacer-3, 16px);
  }
  .c-gapx-lg-3 {
    column-gap: var(--spacer-3, 16px);
  }
  .c-gapy-lg-3 {
    row-gap: var(--spacer-3, 16px);
  }
  .c-gap-lg-4 {
    gap: var(--spacer-4, 24px);
  }
  .c-gapx-lg-4 {
    column-gap: var(--spacer-4, 24px);
  }
  .c-gapy-lg-4 {
    row-gap: var(--spacer-4, 24px);
  }
  .c-gap-lg-5 {
    gap: var(--spacer-5, 32px);
  }
  .c-gapx-lg-5 {
    column-gap: var(--spacer-5, 32px);
  }
  .c-gapy-lg-5 {
    row-gap: var(--spacer-5, 32px);
  }
}
@media (min-width: 1280px) {
  .c-gap-xl-0 {
    gap: var(--spacer-0, 0);
  }
  .c-gapx-xl-0 {
    column-gap: var(--spacer-0, 0);
  }
  .c-gapy-xl-0 {
    row-gap: var(--spacer-0, 0);
  }
  .c-gap-xl-1 {
    gap: var(--spacer-1, 4px);
  }
  .c-gapx-xl-1 {
    column-gap: var(--spacer-1, 4px);
  }
  .c-gapy-xl-1 {
    row-gap: var(--spacer-1, 4px);
  }
  .c-gap-xl-2 {
    gap: var(--spacer-2, 8px);
  }
  .c-gapx-xl-2 {
    column-gap: var(--spacer-2, 8px);
  }
  .c-gapy-xl-2 {
    row-gap: var(--spacer-2, 8px);
  }
  .c-gap-xl-3 {
    gap: var(--spacer-3, 16px);
  }
  .c-gapx-xl-3 {
    column-gap: var(--spacer-3, 16px);
  }
  .c-gapy-xl-3 {
    row-gap: var(--spacer-3, 16px);
  }
  .c-gap-xl-4 {
    gap: var(--spacer-4, 24px);
  }
  .c-gapx-xl-4 {
    column-gap: var(--spacer-4, 24px);
  }
  .c-gapy-xl-4 {
    row-gap: var(--spacer-4, 24px);
  }
  .c-gap-xl-5 {
    gap: var(--spacer-5, 32px);
  }
  .c-gapx-xl-5 {
    column-gap: var(--spacer-5, 32px);
  }
  .c-gapy-xl-5 {
    row-gap: var(--spacer-5, 32px);
  }
}
@media (min-width: 1440px) {
  .c-gap-xxl-0 {
    gap: var(--spacer-0, 0);
  }
  .c-gapx-xxl-0 {
    column-gap: var(--spacer-0, 0);
  }
  .c-gapy-xxl-0 {
    row-gap: var(--spacer-0, 0);
  }
  .c-gap-xxl-1 {
    gap: var(--spacer-1, 4px);
  }
  .c-gapx-xxl-1 {
    column-gap: var(--spacer-1, 4px);
  }
  .c-gapy-xxl-1 {
    row-gap: var(--spacer-1, 4px);
  }
  .c-gap-xxl-2 {
    gap: var(--spacer-2, 8px);
  }
  .c-gapx-xxl-2 {
    column-gap: var(--spacer-2, 8px);
  }
  .c-gapy-xxl-2 {
    row-gap: var(--spacer-2, 8px);
  }
  .c-gap-xxl-3 {
    gap: var(--spacer-3, 16px);
  }
  .c-gapx-xxl-3 {
    column-gap: var(--spacer-3, 16px);
  }
  .c-gapy-xxl-3 {
    row-gap: var(--spacer-3, 16px);
  }
  .c-gap-xxl-4 {
    gap: var(--spacer-4, 24px);
  }
  .c-gapx-xxl-4 {
    column-gap: var(--spacer-4, 24px);
  }
  .c-gapy-xxl-4 {
    row-gap: var(--spacer-4, 24px);
  }
  .c-gap-xxl-5 {
    gap: var(--spacer-5, 32px);
  }
  .c-gapx-xxl-5 {
    column-gap: var(--spacer-5, 32px);
  }
  .c-gapy-xxl-5 {
    row-gap: var(--spacer-5, 32px);
  }
}
.c-m-0 {
  margin: var(--spacer-0, 0);
}

.c-mt-0,
.c-my-0 {
  margin-top: var(--spacer-0, 0);
}

.c-mr-0,
.c-mx-0 {
  margin-right: var(--spacer-0, 0);
}

.c-mb-0,
.c-my-0 {
  margin-bottom: var(--spacer-0, 0);
}

.c-ml-0,
.c-mx-0 {
  margin-left: var(--spacer-0, 0);
}

.c-m-1 {
  margin: var(--spacer-1, 4px);
}

.c-mt-1,
.c-my-1 {
  margin-top: var(--spacer-1, 4px);
}

.c-mr-1,
.c-mx-1 {
  margin-right: var(--spacer-1, 4px);
}

.c-mb-1,
.c-my-1 {
  margin-bottom: var(--spacer-1, 4px);
}

.c-ml-1,
.c-mx-1 {
  margin-left: var(--spacer-1, 4px);
}

.c-m-2 {
  margin: var(--spacer-2, 8px);
}

.c-mt-2,
.c-my-2 {
  margin-top: var(--spacer-2, 8px);
}

.c-mr-2,
.c-mx-2 {
  margin-right: var(--spacer-2, 8px);
}

.c-mb-2,
.c-my-2 {
  margin-bottom: var(--spacer-2, 8px);
}

.c-ml-2,
.c-mx-2 {
  margin-left: var(--spacer-2, 8px);
}

.c-m-3 {
  margin: var(--spacer-3, 16px);
}

.c-mt-3,
.c-my-3 {
  margin-top: var(--spacer-3, 16px);
}

.c-mr-3,
.c-mx-3 {
  margin-right: var(--spacer-3, 16px);
}

.c-mb-3,
.c-my-3 {
  margin-bottom: var(--spacer-3, 16px);
}

.c-ml-3,
.c-mx-3 {
  margin-left: var(--spacer-3, 16px);
}

.c-m-4 {
  margin: var(--spacer-4, 24px);
}

.c-mt-4,
.c-my-4 {
  margin-top: var(--spacer-4, 24px);
}

.c-mr-4,
.c-mx-4 {
  margin-right: var(--spacer-4, 24px);
}

.c-mb-4,
.c-my-4 {
  margin-bottom: var(--spacer-4, 24px);
}

.c-ml-4,
.c-mx-4 {
  margin-left: var(--spacer-4, 24px);
}

.c-m-5 {
  margin: var(--spacer-5, 32px);
}

.c-mt-5,
.c-my-5 {
  margin-top: var(--spacer-5, 32px);
}

.c-mr-5,
.c-mx-5 {
  margin-right: var(--spacer-5, 32px);
}

.c-mb-5,
.c-my-5 {
  margin-bottom: var(--spacer-5, 32px);
}

.c-ml-5,
.c-mx-5 {
  margin-left: var(--spacer-5, 32px);
}

.c-m-6 {
  margin: var(--spacer-6, 40px);
}

.c-mt-6,
.c-my-6 {
  margin-top: var(--spacer-6, 40px);
}

.c-mr-6,
.c-mx-6 {
  margin-right: var(--spacer-6, 40px);
}

.c-mb-6,
.c-my-6 {
  margin-bottom: var(--spacer-6, 40px);
}

.c-ml-6,
.c-mx-6 {
  margin-left: var(--spacer-6, 40px);
}

.c-m-7 {
  margin: var(--spacer-7, 48px);
}

.c-mt-7,
.c-my-7 {
  margin-top: var(--spacer-7, 48px);
}

.c-mr-7,
.c-mx-7 {
  margin-right: var(--spacer-7, 48px);
}

.c-mb-7,
.c-my-7 {
  margin-bottom: var(--spacer-7, 48px);
}

.c-ml-7,
.c-mx-7 {
  margin-left: var(--spacer-7, 48px);
}

.c-m-8 {
  margin: var(--spacer-8, 56px);
}

.c-mt-8,
.c-my-8 {
  margin-top: var(--spacer-8, 56px);
}

.c-mr-8,
.c-mx-8 {
  margin-right: var(--spacer-8, 56px);
}

.c-mb-8,
.c-my-8 {
  margin-bottom: var(--spacer-8, 56px);
}

.c-ml-8,
.c-mx-8 {
  margin-left: var(--spacer-8, 56px);
}

.c-m-9 {
  margin: var(--spacer-9, 64px);
}

.c-mt-9,
.c-my-9 {
  margin-top: var(--spacer-9, 64px);
}

.c-mr-9,
.c-mx-9 {
  margin-right: var(--spacer-9, 64px);
}

.c-mb-9,
.c-my-9 {
  margin-bottom: var(--spacer-9, 64px);
}

.c-ml-9,
.c-mx-9 {
  margin-left: var(--spacer-9, 64px);
}

.c-m-10 {
  margin: var(--spacer-10, 80px);
}

.c-mt-10,
.c-my-10 {
  margin-top: var(--spacer-10, 80px);
}

.c-mr-10,
.c-mx-10 {
  margin-right: var(--spacer-10, 80px);
}

.c-mb-10,
.c-my-10 {
  margin-bottom: var(--spacer-10, 80px);
}

.c-ml-10,
.c-mx-10 {
  margin-left: var(--spacer-10, 80px);
}

.c-p-0 {
  padding: var(--spacer-0, 0);
}

.c-pt-0,
.c-py-0 {
  padding-top: var(--spacer-0, 0);
}

.c-pr-0,
.c-px-0 {
  padding-right: var(--spacer-0, 0);
}

.c-pb-0,
.c-py-0 {
  padding-bottom: var(--spacer-0, 0);
}

.c-pl-0,
.c-px-0 {
  padding-left: var(--spacer-0, 0);
}

.c-p-1 {
  padding: var(--spacer-1, 4px);
}

.c-pt-1,
.c-py-1 {
  padding-top: var(--spacer-1, 4px);
}

.c-pr-1,
.c-px-1 {
  padding-right: var(--spacer-1, 4px);
}

.c-pb-1,
.c-py-1 {
  padding-bottom: var(--spacer-1, 4px);
}

.c-pl-1,
.c-px-1 {
  padding-left: var(--spacer-1, 4px);
}

.c-p-2 {
  padding: var(--spacer-2, 8px);
}

.c-pt-2,
.c-py-2 {
  padding-top: var(--spacer-2, 8px);
}

.c-pr-2,
.c-px-2 {
  padding-right: var(--spacer-2, 8px);
}

.c-pb-2,
.c-py-2 {
  padding-bottom: var(--spacer-2, 8px);
}

.c-pl-2,
.c-px-2 {
  padding-left: var(--spacer-2, 8px);
}

.c-p-3 {
  padding: var(--spacer-3, 16px);
}

.c-pt-3,
.c-py-3 {
  padding-top: var(--spacer-3, 16px);
}

.c-pr-3,
.c-px-3 {
  padding-right: var(--spacer-3, 16px);
}

.c-pb-3,
.c-py-3 {
  padding-bottom: var(--spacer-3, 16px);
}

.c-pl-3,
.c-px-3 {
  padding-left: var(--spacer-3, 16px);
}

.c-p-4 {
  padding: var(--spacer-4, 24px);
}

.c-pt-4,
.c-py-4 {
  padding-top: var(--spacer-4, 24px);
}

.c-pr-4,
.c-px-4 {
  padding-right: var(--spacer-4, 24px);
}

.c-pb-4,
.c-py-4 {
  padding-bottom: var(--spacer-4, 24px);
}

.c-pl-4,
.c-px-4 {
  padding-left: var(--spacer-4, 24px);
}

.c-p-5 {
  padding: var(--spacer-5, 32px);
}

.c-pt-5,
.c-py-5 {
  padding-top: var(--spacer-5, 32px);
}

.c-pr-5,
.c-px-5 {
  padding-right: var(--spacer-5, 32px);
}

.c-pb-5,
.c-py-5 {
  padding-bottom: var(--spacer-5, 32px);
}

.c-pl-5,
.c-px-5 {
  padding-left: var(--spacer-5, 32px);
}

.c-p-6 {
  padding: var(--spacer-6, 40px);
}

.c-pt-6,
.c-py-6 {
  padding-top: var(--spacer-6, 40px);
}

.c-pr-6,
.c-px-6 {
  padding-right: var(--spacer-6, 40px);
}

.c-pb-6,
.c-py-6 {
  padding-bottom: var(--spacer-6, 40px);
}

.c-pl-6,
.c-px-6 {
  padding-left: var(--spacer-6, 40px);
}

.c-p-7 {
  padding: var(--spacer-7, 48px);
}

.c-pt-7,
.c-py-7 {
  padding-top: var(--spacer-7, 48px);
}

.c-pr-7,
.c-px-7 {
  padding-right: var(--spacer-7, 48px);
}

.c-pb-7,
.c-py-7 {
  padding-bottom: var(--spacer-7, 48px);
}

.c-pl-7,
.c-px-7 {
  padding-left: var(--spacer-7, 48px);
}

.c-p-8 {
  padding: var(--spacer-8, 56px);
}

.c-pt-8,
.c-py-8 {
  padding-top: var(--spacer-8, 56px);
}

.c-pr-8,
.c-px-8 {
  padding-right: var(--spacer-8, 56px);
}

.c-pb-8,
.c-py-8 {
  padding-bottom: var(--spacer-8, 56px);
}

.c-pl-8,
.c-px-8 {
  padding-left: var(--spacer-8, 56px);
}

.c-p-9 {
  padding: var(--spacer-9, 64px);
}

.c-pt-9,
.c-py-9 {
  padding-top: var(--spacer-9, 64px);
}

.c-pr-9,
.c-px-9 {
  padding-right: var(--spacer-9, 64px);
}

.c-pb-9,
.c-py-9 {
  padding-bottom: var(--spacer-9, 64px);
}

.c-pl-9,
.c-px-9 {
  padding-left: var(--spacer-9, 64px);
}

.c-p-10 {
  padding: var(--spacer-10, 80px);
}

.c-pt-10,
.c-py-10 {
  padding-top: var(--spacer-10, 80px);
}

.c-pr-10,
.c-px-10 {
  padding-right: var(--spacer-10, 80px);
}

.c-pb-10,
.c-py-10 {
  padding-bottom: var(--spacer-10, 80px);
}

.c-pl-10,
.c-px-10 {
  padding-left: var(--spacer-10, 80px);
}

.c-m-n1 {
  margin: calc(var(--spacer-1, 4px) * -1);
}

.c-mt-n1,
.c-my-n1 {
  margin-top: calc(var(--spacer-1, 4px) * -1);
}

.c-mr-n1,
.c-mx-n1 {
  margin-right: calc(var(--spacer-1, 4px) * -1);
}

.c-mb-n1,
.c-my-n1 {
  margin-bottom: calc(var(--spacer-1, 4px) * -1);
}

.c-ml-n1,
.c-mx-n1 {
  margin-left: calc(var(--spacer-1, 4px) * -1);
}

.c-m-n2 {
  margin: calc(var(--spacer-2, 8px) * -1);
}

.c-mt-n2,
.c-my-n2 {
  margin-top: calc(var(--spacer-2, 8px) * -1);
}

.c-mr-n2,
.c-mx-n2 {
  margin-right: calc(var(--spacer-2, 8px) * -1);
}

.c-mb-n2,
.c-my-n2 {
  margin-bottom: calc(var(--spacer-2, 8px) * -1);
}

.c-ml-n2,
.c-mx-n2 {
  margin-left: calc(var(--spacer-2, 8px) * -1);
}

.c-m-n3 {
  margin: calc(var(--spacer-3, 16px) * -1);
}

.c-mt-n3,
.c-my-n3 {
  margin-top: calc(var(--spacer-3, 16px) * -1);
}

.c-mr-n3,
.c-mx-n3 {
  margin-right: calc(var(--spacer-3, 16px) * -1);
}

.c-mb-n3,
.c-my-n3 {
  margin-bottom: calc(var(--spacer-3, 16px) * -1);
}

.c-ml-n3,
.c-mx-n3 {
  margin-left: calc(var(--spacer-3, 16px) * -1);
}

.c-m-n4 {
  margin: calc(var(--spacer-4, 24px) * -1);
}

.c-mt-n4,
.c-my-n4 {
  margin-top: calc(var(--spacer-4, 24px) * -1);
}

.c-mr-n4,
.c-mx-n4 {
  margin-right: calc(var(--spacer-4, 24px) * -1);
}

.c-mb-n4,
.c-my-n4 {
  margin-bottom: calc(var(--spacer-4, 24px) * -1);
}

.c-ml-n4,
.c-mx-n4 {
  margin-left: calc(var(--spacer-4, 24px) * -1);
}

.c-m-n5 {
  margin: calc(var(--spacer-5, 32px) * -1);
}

.c-mt-n5,
.c-my-n5 {
  margin-top: calc(var(--spacer-5, 32px) * -1);
}

.c-mr-n5,
.c-mx-n5 {
  margin-right: calc(var(--spacer-5, 32px) * -1);
}

.c-mb-n5,
.c-my-n5 {
  margin-bottom: calc(var(--spacer-5, 32px) * -1);
}

.c-ml-n5,
.c-mx-n5 {
  margin-left: calc(var(--spacer-5, 32px) * -1);
}

.c-m-n6 {
  margin: calc(var(--spacer-6, 40px) * -1);
}

.c-mt-n6,
.c-my-n6 {
  margin-top: calc(var(--spacer-6, 40px) * -1);
}

.c-mr-n6,
.c-mx-n6 {
  margin-right: calc(var(--spacer-6, 40px) * -1);
}

.c-mb-n6,
.c-my-n6 {
  margin-bottom: calc(var(--spacer-6, 40px) * -1);
}

.c-ml-n6,
.c-mx-n6 {
  margin-left: calc(var(--spacer-6, 40px) * -1);
}

.c-m-n7 {
  margin: calc(var(--spacer-7, 48px) * -1);
}

.c-mt-n7,
.c-my-n7 {
  margin-top: calc(var(--spacer-7, 48px) * -1);
}

.c-mr-n7,
.c-mx-n7 {
  margin-right: calc(var(--spacer-7, 48px) * -1);
}

.c-mb-n7,
.c-my-n7 {
  margin-bottom: calc(var(--spacer-7, 48px) * -1);
}

.c-ml-n7,
.c-mx-n7 {
  margin-left: calc(var(--spacer-7, 48px) * -1);
}

.c-m-n8 {
  margin: calc(var(--spacer-8, 56px) * -1);
}

.c-mt-n8,
.c-my-n8 {
  margin-top: calc(var(--spacer-8, 56px) * -1);
}

.c-mr-n8,
.c-mx-n8 {
  margin-right: calc(var(--spacer-8, 56px) * -1);
}

.c-mb-n8,
.c-my-n8 {
  margin-bottom: calc(var(--spacer-8, 56px) * -1);
}

.c-ml-n8,
.c-mx-n8 {
  margin-left: calc(var(--spacer-8, 56px) * -1);
}

.c-m-n9 {
  margin: calc(var(--spacer-9, 64px) * -1);
}

.c-mt-n9,
.c-my-n9 {
  margin-top: calc(var(--spacer-9, 64px) * -1);
}

.c-mr-n9,
.c-mx-n9 {
  margin-right: calc(var(--spacer-9, 64px) * -1);
}

.c-mb-n9,
.c-my-n9 {
  margin-bottom: calc(var(--spacer-9, 64px) * -1);
}

.c-ml-n9,
.c-mx-n9 {
  margin-left: calc(var(--spacer-9, 64px) * -1);
}

.c-m-n10 {
  margin: calc(var(--spacer-10, 80px) * -1);
}

.c-mt-n10,
.c-my-n10 {
  margin-top: calc(var(--spacer-10, 80px) * -1);
}

.c-mr-n10,
.c-mx-n10 {
  margin-right: calc(var(--spacer-10, 80px) * -1);
}

.c-mb-n10,
.c-my-n10 {
  margin-bottom: calc(var(--spacer-10, 80px) * -1);
}

.c-ml-n10,
.c-mx-n10 {
  margin-left: calc(var(--spacer-10, 80px) * -1);
}

.c-m-auto {
  margin: auto;
}

.c-mt-auto,
.c-my-auto {
  margin-top: auto;
}

.c-mr-auto,
.c-mx-auto {
  margin-right: auto;
}

.c-mb-auto,
.c-my-auto {
  margin-bottom: auto;
}

.c-ml-auto,
.c-mx-auto {
  margin-left: auto;
}

@media (min-width: 576px) {
  .c-m-sm-0 {
    margin: var(--spacer-0, 0);
  }
  .c-mt-sm-0,
  .c-my-sm-0 {
    margin-top: var(--spacer-0, 0);
  }
  .c-mr-sm-0,
  .c-mx-sm-0 {
    margin-right: var(--spacer-0, 0);
  }
  .c-mb-sm-0,
  .c-my-sm-0 {
    margin-bottom: var(--spacer-0, 0);
  }
  .c-ml-sm-0,
  .c-mx-sm-0 {
    margin-left: var(--spacer-0, 0);
  }
  .c-m-sm-1 {
    margin: var(--spacer-1, 4px);
  }
  .c-mt-sm-1,
  .c-my-sm-1 {
    margin-top: var(--spacer-1, 4px);
  }
  .c-mr-sm-1,
  .c-mx-sm-1 {
    margin-right: var(--spacer-1, 4px);
  }
  .c-mb-sm-1,
  .c-my-sm-1 {
    margin-bottom: var(--spacer-1, 4px);
  }
  .c-ml-sm-1,
  .c-mx-sm-1 {
    margin-left: var(--spacer-1, 4px);
  }
  .c-m-sm-2 {
    margin: var(--spacer-2, 8px);
  }
  .c-mt-sm-2,
  .c-my-sm-2 {
    margin-top: var(--spacer-2, 8px);
  }
  .c-mr-sm-2,
  .c-mx-sm-2 {
    margin-right: var(--spacer-2, 8px);
  }
  .c-mb-sm-2,
  .c-my-sm-2 {
    margin-bottom: var(--spacer-2, 8px);
  }
  .c-ml-sm-2,
  .c-mx-sm-2 {
    margin-left: var(--spacer-2, 8px);
  }
  .c-m-sm-3 {
    margin: var(--spacer-3, 16px);
  }
  .c-mt-sm-3,
  .c-my-sm-3 {
    margin-top: var(--spacer-3, 16px);
  }
  .c-mr-sm-3,
  .c-mx-sm-3 {
    margin-right: var(--spacer-3, 16px);
  }
  .c-mb-sm-3,
  .c-my-sm-3 {
    margin-bottom: var(--spacer-3, 16px);
  }
  .c-ml-sm-3,
  .c-mx-sm-3 {
    margin-left: var(--spacer-3, 16px);
  }
  .c-m-sm-4 {
    margin: var(--spacer-4, 24px);
  }
  .c-mt-sm-4,
  .c-my-sm-4 {
    margin-top: var(--spacer-4, 24px);
  }
  .c-mr-sm-4,
  .c-mx-sm-4 {
    margin-right: var(--spacer-4, 24px);
  }
  .c-mb-sm-4,
  .c-my-sm-4 {
    margin-bottom: var(--spacer-4, 24px);
  }
  .c-ml-sm-4,
  .c-mx-sm-4 {
    margin-left: var(--spacer-4, 24px);
  }
  .c-m-sm-5 {
    margin: var(--spacer-5, 32px);
  }
  .c-mt-sm-5,
  .c-my-sm-5 {
    margin-top: var(--spacer-5, 32px);
  }
  .c-mr-sm-5,
  .c-mx-sm-5 {
    margin-right: var(--spacer-5, 32px);
  }
  .c-mb-sm-5,
  .c-my-sm-5 {
    margin-bottom: var(--spacer-5, 32px);
  }
  .c-ml-sm-5,
  .c-mx-sm-5 {
    margin-left: var(--spacer-5, 32px);
  }
  .c-m-sm-6 {
    margin: var(--spacer-6, 40px);
  }
  .c-mt-sm-6,
  .c-my-sm-6 {
    margin-top: var(--spacer-6, 40px);
  }
  .c-mr-sm-6,
  .c-mx-sm-6 {
    margin-right: var(--spacer-6, 40px);
  }
  .c-mb-sm-6,
  .c-my-sm-6 {
    margin-bottom: var(--spacer-6, 40px);
  }
  .c-ml-sm-6,
  .c-mx-sm-6 {
    margin-left: var(--spacer-6, 40px);
  }
  .c-m-sm-7 {
    margin: var(--spacer-7, 48px);
  }
  .c-mt-sm-7,
  .c-my-sm-7 {
    margin-top: var(--spacer-7, 48px);
  }
  .c-mr-sm-7,
  .c-mx-sm-7 {
    margin-right: var(--spacer-7, 48px);
  }
  .c-mb-sm-7,
  .c-my-sm-7 {
    margin-bottom: var(--spacer-7, 48px);
  }
  .c-ml-sm-7,
  .c-mx-sm-7 {
    margin-left: var(--spacer-7, 48px);
  }
  .c-m-sm-8 {
    margin: var(--spacer-8, 56px);
  }
  .c-mt-sm-8,
  .c-my-sm-8 {
    margin-top: var(--spacer-8, 56px);
  }
  .c-mr-sm-8,
  .c-mx-sm-8 {
    margin-right: var(--spacer-8, 56px);
  }
  .c-mb-sm-8,
  .c-my-sm-8 {
    margin-bottom: var(--spacer-8, 56px);
  }
  .c-ml-sm-8,
  .c-mx-sm-8 {
    margin-left: var(--spacer-8, 56px);
  }
  .c-m-sm-9 {
    margin: var(--spacer-9, 64px);
  }
  .c-mt-sm-9,
  .c-my-sm-9 {
    margin-top: var(--spacer-9, 64px);
  }
  .c-mr-sm-9,
  .c-mx-sm-9 {
    margin-right: var(--spacer-9, 64px);
  }
  .c-mb-sm-9,
  .c-my-sm-9 {
    margin-bottom: var(--spacer-9, 64px);
  }
  .c-ml-sm-9,
  .c-mx-sm-9 {
    margin-left: var(--spacer-9, 64px);
  }
  .c-m-sm-10 {
    margin: var(--spacer-10, 80px);
  }
  .c-mt-sm-10,
  .c-my-sm-10 {
    margin-top: var(--spacer-10, 80px);
  }
  .c-mr-sm-10,
  .c-mx-sm-10 {
    margin-right: var(--spacer-10, 80px);
  }
  .c-mb-sm-10,
  .c-my-sm-10 {
    margin-bottom: var(--spacer-10, 80px);
  }
  .c-ml-sm-10,
  .c-mx-sm-10 {
    margin-left: var(--spacer-10, 80px);
  }
  .c-p-sm-0 {
    padding: var(--spacer-0, 0);
  }
  .c-pt-sm-0,
  .c-py-sm-0 {
    padding-top: var(--spacer-0, 0);
  }
  .c-pr-sm-0,
  .c-px-sm-0 {
    padding-right: var(--spacer-0, 0);
  }
  .c-pb-sm-0,
  .c-py-sm-0 {
    padding-bottom: var(--spacer-0, 0);
  }
  .c-pl-sm-0,
  .c-px-sm-0 {
    padding-left: var(--spacer-0, 0);
  }
  .c-p-sm-1 {
    padding: var(--spacer-1, 4px);
  }
  .c-pt-sm-1,
  .c-py-sm-1 {
    padding-top: var(--spacer-1, 4px);
  }
  .c-pr-sm-1,
  .c-px-sm-1 {
    padding-right: var(--spacer-1, 4px);
  }
  .c-pb-sm-1,
  .c-py-sm-1 {
    padding-bottom: var(--spacer-1, 4px);
  }
  .c-pl-sm-1,
  .c-px-sm-1 {
    padding-left: var(--spacer-1, 4px);
  }
  .c-p-sm-2 {
    padding: var(--spacer-2, 8px);
  }
  .c-pt-sm-2,
  .c-py-sm-2 {
    padding-top: var(--spacer-2, 8px);
  }
  .c-pr-sm-2,
  .c-px-sm-2 {
    padding-right: var(--spacer-2, 8px);
  }
  .c-pb-sm-2,
  .c-py-sm-2 {
    padding-bottom: var(--spacer-2, 8px);
  }
  .c-pl-sm-2,
  .c-px-sm-2 {
    padding-left: var(--spacer-2, 8px);
  }
  .c-p-sm-3 {
    padding: var(--spacer-3, 16px);
  }
  .c-pt-sm-3,
  .c-py-sm-3 {
    padding-top: var(--spacer-3, 16px);
  }
  .c-pr-sm-3,
  .c-px-sm-3 {
    padding-right: var(--spacer-3, 16px);
  }
  .c-pb-sm-3,
  .c-py-sm-3 {
    padding-bottom: var(--spacer-3, 16px);
  }
  .c-pl-sm-3,
  .c-px-sm-3 {
    padding-left: var(--spacer-3, 16px);
  }
  .c-p-sm-4 {
    padding: var(--spacer-4, 24px);
  }
  .c-pt-sm-4,
  .c-py-sm-4 {
    padding-top: var(--spacer-4, 24px);
  }
  .c-pr-sm-4,
  .c-px-sm-4 {
    padding-right: var(--spacer-4, 24px);
  }
  .c-pb-sm-4,
  .c-py-sm-4 {
    padding-bottom: var(--spacer-4, 24px);
  }
  .c-pl-sm-4,
  .c-px-sm-4 {
    padding-left: var(--spacer-4, 24px);
  }
  .c-p-sm-5 {
    padding: var(--spacer-5, 32px);
  }
  .c-pt-sm-5,
  .c-py-sm-5 {
    padding-top: var(--spacer-5, 32px);
  }
  .c-pr-sm-5,
  .c-px-sm-5 {
    padding-right: var(--spacer-5, 32px);
  }
  .c-pb-sm-5,
  .c-py-sm-5 {
    padding-bottom: var(--spacer-5, 32px);
  }
  .c-pl-sm-5,
  .c-px-sm-5 {
    padding-left: var(--spacer-5, 32px);
  }
  .c-p-sm-6 {
    padding: var(--spacer-6, 40px);
  }
  .c-pt-sm-6,
  .c-py-sm-6 {
    padding-top: var(--spacer-6, 40px);
  }
  .c-pr-sm-6,
  .c-px-sm-6 {
    padding-right: var(--spacer-6, 40px);
  }
  .c-pb-sm-6,
  .c-py-sm-6 {
    padding-bottom: var(--spacer-6, 40px);
  }
  .c-pl-sm-6,
  .c-px-sm-6 {
    padding-left: var(--spacer-6, 40px);
  }
  .c-p-sm-7 {
    padding: var(--spacer-7, 48px);
  }
  .c-pt-sm-7,
  .c-py-sm-7 {
    padding-top: var(--spacer-7, 48px);
  }
  .c-pr-sm-7,
  .c-px-sm-7 {
    padding-right: var(--spacer-7, 48px);
  }
  .c-pb-sm-7,
  .c-py-sm-7 {
    padding-bottom: var(--spacer-7, 48px);
  }
  .c-pl-sm-7,
  .c-px-sm-7 {
    padding-left: var(--spacer-7, 48px);
  }
  .c-p-sm-8 {
    padding: var(--spacer-8, 56px);
  }
  .c-pt-sm-8,
  .c-py-sm-8 {
    padding-top: var(--spacer-8, 56px);
  }
  .c-pr-sm-8,
  .c-px-sm-8 {
    padding-right: var(--spacer-8, 56px);
  }
  .c-pb-sm-8,
  .c-py-sm-8 {
    padding-bottom: var(--spacer-8, 56px);
  }
  .c-pl-sm-8,
  .c-px-sm-8 {
    padding-left: var(--spacer-8, 56px);
  }
  .c-p-sm-9 {
    padding: var(--spacer-9, 64px);
  }
  .c-pt-sm-9,
  .c-py-sm-9 {
    padding-top: var(--spacer-9, 64px);
  }
  .c-pr-sm-9,
  .c-px-sm-9 {
    padding-right: var(--spacer-9, 64px);
  }
  .c-pb-sm-9,
  .c-py-sm-9 {
    padding-bottom: var(--spacer-9, 64px);
  }
  .c-pl-sm-9,
  .c-px-sm-9 {
    padding-left: var(--spacer-9, 64px);
  }
  .c-p-sm-10 {
    padding: var(--spacer-10, 80px);
  }
  .c-pt-sm-10,
  .c-py-sm-10 {
    padding-top: var(--spacer-10, 80px);
  }
  .c-pr-sm-10,
  .c-px-sm-10 {
    padding-right: var(--spacer-10, 80px);
  }
  .c-pb-sm-10,
  .c-py-sm-10 {
    padding-bottom: var(--spacer-10, 80px);
  }
  .c-pl-sm-10,
  .c-px-sm-10 {
    padding-left: var(--spacer-10, 80px);
  }
  .c-m-sm-n1 {
    margin: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mt-sm-n1,
  .c-my-sm-n1 {
    margin-top: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mr-sm-n1,
  .c-mx-sm-n1 {
    margin-right: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mb-sm-n1,
  .c-my-sm-n1 {
    margin-bottom: calc(var(--spacer-1, 4px) * -1);
  }
  .c-ml-sm-n1,
  .c-mx-sm-n1 {
    margin-left: calc(var(--spacer-1, 4px) * -1);
  }
  .c-m-sm-n2 {
    margin: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mt-sm-n2,
  .c-my-sm-n2 {
    margin-top: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mr-sm-n2,
  .c-mx-sm-n2 {
    margin-right: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mb-sm-n2,
  .c-my-sm-n2 {
    margin-bottom: calc(var(--spacer-2, 8px) * -1);
  }
  .c-ml-sm-n2,
  .c-mx-sm-n2 {
    margin-left: calc(var(--spacer-2, 8px) * -1);
  }
  .c-m-sm-n3 {
    margin: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mt-sm-n3,
  .c-my-sm-n3 {
    margin-top: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mr-sm-n3,
  .c-mx-sm-n3 {
    margin-right: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mb-sm-n3,
  .c-my-sm-n3 {
    margin-bottom: calc(var(--spacer-3, 16px) * -1);
  }
  .c-ml-sm-n3,
  .c-mx-sm-n3 {
    margin-left: calc(var(--spacer-3, 16px) * -1);
  }
  .c-m-sm-n4 {
    margin: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mt-sm-n4,
  .c-my-sm-n4 {
    margin-top: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mr-sm-n4,
  .c-mx-sm-n4 {
    margin-right: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mb-sm-n4,
  .c-my-sm-n4 {
    margin-bottom: calc(var(--spacer-4, 24px) * -1);
  }
  .c-ml-sm-n4,
  .c-mx-sm-n4 {
    margin-left: calc(var(--spacer-4, 24px) * -1);
  }
  .c-m-sm-n5 {
    margin: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mt-sm-n5,
  .c-my-sm-n5 {
    margin-top: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mr-sm-n5,
  .c-mx-sm-n5 {
    margin-right: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mb-sm-n5,
  .c-my-sm-n5 {
    margin-bottom: calc(var(--spacer-5, 32px) * -1);
  }
  .c-ml-sm-n5,
  .c-mx-sm-n5 {
    margin-left: calc(var(--spacer-5, 32px) * -1);
  }
  .c-m-sm-n6 {
    margin: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mt-sm-n6,
  .c-my-sm-n6 {
    margin-top: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mr-sm-n6,
  .c-mx-sm-n6 {
    margin-right: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mb-sm-n6,
  .c-my-sm-n6 {
    margin-bottom: calc(var(--spacer-6, 40px) * -1);
  }
  .c-ml-sm-n6,
  .c-mx-sm-n6 {
    margin-left: calc(var(--spacer-6, 40px) * -1);
  }
  .c-m-sm-n7 {
    margin: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mt-sm-n7,
  .c-my-sm-n7 {
    margin-top: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mr-sm-n7,
  .c-mx-sm-n7 {
    margin-right: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mb-sm-n7,
  .c-my-sm-n7 {
    margin-bottom: calc(var(--spacer-7, 48px) * -1);
  }
  .c-ml-sm-n7,
  .c-mx-sm-n7 {
    margin-left: calc(var(--spacer-7, 48px) * -1);
  }
  .c-m-sm-n8 {
    margin: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mt-sm-n8,
  .c-my-sm-n8 {
    margin-top: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mr-sm-n8,
  .c-mx-sm-n8 {
    margin-right: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mb-sm-n8,
  .c-my-sm-n8 {
    margin-bottom: calc(var(--spacer-8, 56px) * -1);
  }
  .c-ml-sm-n8,
  .c-mx-sm-n8 {
    margin-left: calc(var(--spacer-8, 56px) * -1);
  }
  .c-m-sm-n9 {
    margin: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mt-sm-n9,
  .c-my-sm-n9 {
    margin-top: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mr-sm-n9,
  .c-mx-sm-n9 {
    margin-right: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mb-sm-n9,
  .c-my-sm-n9 {
    margin-bottom: calc(var(--spacer-9, 64px) * -1);
  }
  .c-ml-sm-n9,
  .c-mx-sm-n9 {
    margin-left: calc(var(--spacer-9, 64px) * -1);
  }
  .c-m-sm-n10 {
    margin: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mt-sm-n10,
  .c-my-sm-n10 {
    margin-top: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mr-sm-n10,
  .c-mx-sm-n10 {
    margin-right: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mb-sm-n10,
  .c-my-sm-n10 {
    margin-bottom: calc(var(--spacer-10, 80px) * -1);
  }
  .c-ml-sm-n10,
  .c-mx-sm-n10 {
    margin-left: calc(var(--spacer-10, 80px) * -1);
  }
  .c-m-sm-auto {
    margin: auto;
  }
  .c-mt-sm-auto,
  .c-my-sm-auto {
    margin-top: auto;
  }
  .c-mr-sm-auto,
  .c-mx-sm-auto {
    margin-right: auto;
  }
  .c-mb-sm-auto,
  .c-my-sm-auto {
    margin-bottom: auto;
  }
  .c-ml-sm-auto,
  .c-mx-sm-auto {
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .c-m-md-0 {
    margin: var(--spacer-0, 0);
  }
  .c-mt-md-0,
  .c-my-md-0 {
    margin-top: var(--spacer-0, 0);
  }
  .c-mr-md-0,
  .c-mx-md-0 {
    margin-right: var(--spacer-0, 0);
  }
  .c-mb-md-0,
  .c-my-md-0 {
    margin-bottom: var(--spacer-0, 0);
  }
  .c-ml-md-0,
  .c-mx-md-0 {
    margin-left: var(--spacer-0, 0);
  }
  .c-m-md-1 {
    margin: var(--spacer-1, 4px);
  }
  .c-mt-md-1,
  .c-my-md-1 {
    margin-top: var(--spacer-1, 4px);
  }
  .c-mr-md-1,
  .c-mx-md-1 {
    margin-right: var(--spacer-1, 4px);
  }
  .c-mb-md-1,
  .c-my-md-1 {
    margin-bottom: var(--spacer-1, 4px);
  }
  .c-ml-md-1,
  .c-mx-md-1 {
    margin-left: var(--spacer-1, 4px);
  }
  .c-m-md-2 {
    margin: var(--spacer-2, 8px);
  }
  .c-mt-md-2,
  .c-my-md-2 {
    margin-top: var(--spacer-2, 8px);
  }
  .c-mr-md-2,
  .c-mx-md-2 {
    margin-right: var(--spacer-2, 8px);
  }
  .c-mb-md-2,
  .c-my-md-2 {
    margin-bottom: var(--spacer-2, 8px);
  }
  .c-ml-md-2,
  .c-mx-md-2 {
    margin-left: var(--spacer-2, 8px);
  }
  .c-m-md-3 {
    margin: var(--spacer-3, 16px);
  }
  .c-mt-md-3,
  .c-my-md-3 {
    margin-top: var(--spacer-3, 16px);
  }
  .c-mr-md-3,
  .c-mx-md-3 {
    margin-right: var(--spacer-3, 16px);
  }
  .c-mb-md-3,
  .c-my-md-3 {
    margin-bottom: var(--spacer-3, 16px);
  }
  .c-ml-md-3,
  .c-mx-md-3 {
    margin-left: var(--spacer-3, 16px);
  }
  .c-m-md-4 {
    margin: var(--spacer-4, 24px);
  }
  .c-mt-md-4,
  .c-my-md-4 {
    margin-top: var(--spacer-4, 24px);
  }
  .c-mr-md-4,
  .c-mx-md-4 {
    margin-right: var(--spacer-4, 24px);
  }
  .c-mb-md-4,
  .c-my-md-4 {
    margin-bottom: var(--spacer-4, 24px);
  }
  .c-ml-md-4,
  .c-mx-md-4 {
    margin-left: var(--spacer-4, 24px);
  }
  .c-m-md-5 {
    margin: var(--spacer-5, 32px);
  }
  .c-mt-md-5,
  .c-my-md-5 {
    margin-top: var(--spacer-5, 32px);
  }
  .c-mr-md-5,
  .c-mx-md-5 {
    margin-right: var(--spacer-5, 32px);
  }
  .c-mb-md-5,
  .c-my-md-5 {
    margin-bottom: var(--spacer-5, 32px);
  }
  .c-ml-md-5,
  .c-mx-md-5 {
    margin-left: var(--spacer-5, 32px);
  }
  .c-m-md-6 {
    margin: var(--spacer-6, 40px);
  }
  .c-mt-md-6,
  .c-my-md-6 {
    margin-top: var(--spacer-6, 40px);
  }
  .c-mr-md-6,
  .c-mx-md-6 {
    margin-right: var(--spacer-6, 40px);
  }
  .c-mb-md-6,
  .c-my-md-6 {
    margin-bottom: var(--spacer-6, 40px);
  }
  .c-ml-md-6,
  .c-mx-md-6 {
    margin-left: var(--spacer-6, 40px);
  }
  .c-m-md-7 {
    margin: var(--spacer-7, 48px);
  }
  .c-mt-md-7,
  .c-my-md-7 {
    margin-top: var(--spacer-7, 48px);
  }
  .c-mr-md-7,
  .c-mx-md-7 {
    margin-right: var(--spacer-7, 48px);
  }
  .c-mb-md-7,
  .c-my-md-7 {
    margin-bottom: var(--spacer-7, 48px);
  }
  .c-ml-md-7,
  .c-mx-md-7 {
    margin-left: var(--spacer-7, 48px);
  }
  .c-m-md-8 {
    margin: var(--spacer-8, 56px);
  }
  .c-mt-md-8,
  .c-my-md-8 {
    margin-top: var(--spacer-8, 56px);
  }
  .c-mr-md-8,
  .c-mx-md-8 {
    margin-right: var(--spacer-8, 56px);
  }
  .c-mb-md-8,
  .c-my-md-8 {
    margin-bottom: var(--spacer-8, 56px);
  }
  .c-ml-md-8,
  .c-mx-md-8 {
    margin-left: var(--spacer-8, 56px);
  }
  .c-m-md-9 {
    margin: var(--spacer-9, 64px);
  }
  .c-mt-md-9,
  .c-my-md-9 {
    margin-top: var(--spacer-9, 64px);
  }
  .c-mr-md-9,
  .c-mx-md-9 {
    margin-right: var(--spacer-9, 64px);
  }
  .c-mb-md-9,
  .c-my-md-9 {
    margin-bottom: var(--spacer-9, 64px);
  }
  .c-ml-md-9,
  .c-mx-md-9 {
    margin-left: var(--spacer-9, 64px);
  }
  .c-m-md-10 {
    margin: var(--spacer-10, 80px);
  }
  .c-mt-md-10,
  .c-my-md-10 {
    margin-top: var(--spacer-10, 80px);
  }
  .c-mr-md-10,
  .c-mx-md-10 {
    margin-right: var(--spacer-10, 80px);
  }
  .c-mb-md-10,
  .c-my-md-10 {
    margin-bottom: var(--spacer-10, 80px);
  }
  .c-ml-md-10,
  .c-mx-md-10 {
    margin-left: var(--spacer-10, 80px);
  }
  .c-p-md-0 {
    padding: var(--spacer-0, 0);
  }
  .c-pt-md-0,
  .c-py-md-0 {
    padding-top: var(--spacer-0, 0);
  }
  .c-pr-md-0,
  .c-px-md-0 {
    padding-right: var(--spacer-0, 0);
  }
  .c-pb-md-0,
  .c-py-md-0 {
    padding-bottom: var(--spacer-0, 0);
  }
  .c-pl-md-0,
  .c-px-md-0 {
    padding-left: var(--spacer-0, 0);
  }
  .c-p-md-1 {
    padding: var(--spacer-1, 4px);
  }
  .c-pt-md-1,
  .c-py-md-1 {
    padding-top: var(--spacer-1, 4px);
  }
  .c-pr-md-1,
  .c-px-md-1 {
    padding-right: var(--spacer-1, 4px);
  }
  .c-pb-md-1,
  .c-py-md-1 {
    padding-bottom: var(--spacer-1, 4px);
  }
  .c-pl-md-1,
  .c-px-md-1 {
    padding-left: var(--spacer-1, 4px);
  }
  .c-p-md-2 {
    padding: var(--spacer-2, 8px);
  }
  .c-pt-md-2,
  .c-py-md-2 {
    padding-top: var(--spacer-2, 8px);
  }
  .c-pr-md-2,
  .c-px-md-2 {
    padding-right: var(--spacer-2, 8px);
  }
  .c-pb-md-2,
  .c-py-md-2 {
    padding-bottom: var(--spacer-2, 8px);
  }
  .c-pl-md-2,
  .c-px-md-2 {
    padding-left: var(--spacer-2, 8px);
  }
  .c-p-md-3 {
    padding: var(--spacer-3, 16px);
  }
  .c-pt-md-3,
  .c-py-md-3 {
    padding-top: var(--spacer-3, 16px);
  }
  .c-pr-md-3,
  .c-px-md-3 {
    padding-right: var(--spacer-3, 16px);
  }
  .c-pb-md-3,
  .c-py-md-3 {
    padding-bottom: var(--spacer-3, 16px);
  }
  .c-pl-md-3,
  .c-px-md-3 {
    padding-left: var(--spacer-3, 16px);
  }
  .c-p-md-4 {
    padding: var(--spacer-4, 24px);
  }
  .c-pt-md-4,
  .c-py-md-4 {
    padding-top: var(--spacer-4, 24px);
  }
  .c-pr-md-4,
  .c-px-md-4 {
    padding-right: var(--spacer-4, 24px);
  }
  .c-pb-md-4,
  .c-py-md-4 {
    padding-bottom: var(--spacer-4, 24px);
  }
  .c-pl-md-4,
  .c-px-md-4 {
    padding-left: var(--spacer-4, 24px);
  }
  .c-p-md-5 {
    padding: var(--spacer-5, 32px);
  }
  .c-pt-md-5,
  .c-py-md-5 {
    padding-top: var(--spacer-5, 32px);
  }
  .c-pr-md-5,
  .c-px-md-5 {
    padding-right: var(--spacer-5, 32px);
  }
  .c-pb-md-5,
  .c-py-md-5 {
    padding-bottom: var(--spacer-5, 32px);
  }
  .c-pl-md-5,
  .c-px-md-5 {
    padding-left: var(--spacer-5, 32px);
  }
  .c-p-md-6 {
    padding: var(--spacer-6, 40px);
  }
  .c-pt-md-6,
  .c-py-md-6 {
    padding-top: var(--spacer-6, 40px);
  }
  .c-pr-md-6,
  .c-px-md-6 {
    padding-right: var(--spacer-6, 40px);
  }
  .c-pb-md-6,
  .c-py-md-6 {
    padding-bottom: var(--spacer-6, 40px);
  }
  .c-pl-md-6,
  .c-px-md-6 {
    padding-left: var(--spacer-6, 40px);
  }
  .c-p-md-7 {
    padding: var(--spacer-7, 48px);
  }
  .c-pt-md-7,
  .c-py-md-7 {
    padding-top: var(--spacer-7, 48px);
  }
  .c-pr-md-7,
  .c-px-md-7 {
    padding-right: var(--spacer-7, 48px);
  }
  .c-pb-md-7,
  .c-py-md-7 {
    padding-bottom: var(--spacer-7, 48px);
  }
  .c-pl-md-7,
  .c-px-md-7 {
    padding-left: var(--spacer-7, 48px);
  }
  .c-p-md-8 {
    padding: var(--spacer-8, 56px);
  }
  .c-pt-md-8,
  .c-py-md-8 {
    padding-top: var(--spacer-8, 56px);
  }
  .c-pr-md-8,
  .c-px-md-8 {
    padding-right: var(--spacer-8, 56px);
  }
  .c-pb-md-8,
  .c-py-md-8 {
    padding-bottom: var(--spacer-8, 56px);
  }
  .c-pl-md-8,
  .c-px-md-8 {
    padding-left: var(--spacer-8, 56px);
  }
  .c-p-md-9 {
    padding: var(--spacer-9, 64px);
  }
  .c-pt-md-9,
  .c-py-md-9 {
    padding-top: var(--spacer-9, 64px);
  }
  .c-pr-md-9,
  .c-px-md-9 {
    padding-right: var(--spacer-9, 64px);
  }
  .c-pb-md-9,
  .c-py-md-9 {
    padding-bottom: var(--spacer-9, 64px);
  }
  .c-pl-md-9,
  .c-px-md-9 {
    padding-left: var(--spacer-9, 64px);
  }
  .c-p-md-10 {
    padding: var(--spacer-10, 80px);
  }
  .c-pt-md-10,
  .c-py-md-10 {
    padding-top: var(--spacer-10, 80px);
  }
  .c-pr-md-10,
  .c-px-md-10 {
    padding-right: var(--spacer-10, 80px);
  }
  .c-pb-md-10,
  .c-py-md-10 {
    padding-bottom: var(--spacer-10, 80px);
  }
  .c-pl-md-10,
  .c-px-md-10 {
    padding-left: var(--spacer-10, 80px);
  }
  .c-m-md-n1 {
    margin: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mt-md-n1,
  .c-my-md-n1 {
    margin-top: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mr-md-n1,
  .c-mx-md-n1 {
    margin-right: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mb-md-n1,
  .c-my-md-n1 {
    margin-bottom: calc(var(--spacer-1, 4px) * -1);
  }
  .c-ml-md-n1,
  .c-mx-md-n1 {
    margin-left: calc(var(--spacer-1, 4px) * -1);
  }
  .c-m-md-n2 {
    margin: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mt-md-n2,
  .c-my-md-n2 {
    margin-top: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mr-md-n2,
  .c-mx-md-n2 {
    margin-right: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mb-md-n2,
  .c-my-md-n2 {
    margin-bottom: calc(var(--spacer-2, 8px) * -1);
  }
  .c-ml-md-n2,
  .c-mx-md-n2 {
    margin-left: calc(var(--spacer-2, 8px) * -1);
  }
  .c-m-md-n3 {
    margin: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mt-md-n3,
  .c-my-md-n3 {
    margin-top: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mr-md-n3,
  .c-mx-md-n3 {
    margin-right: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mb-md-n3,
  .c-my-md-n3 {
    margin-bottom: calc(var(--spacer-3, 16px) * -1);
  }
  .c-ml-md-n3,
  .c-mx-md-n3 {
    margin-left: calc(var(--spacer-3, 16px) * -1);
  }
  .c-m-md-n4 {
    margin: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mt-md-n4,
  .c-my-md-n4 {
    margin-top: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mr-md-n4,
  .c-mx-md-n4 {
    margin-right: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mb-md-n4,
  .c-my-md-n4 {
    margin-bottom: calc(var(--spacer-4, 24px) * -1);
  }
  .c-ml-md-n4,
  .c-mx-md-n4 {
    margin-left: calc(var(--spacer-4, 24px) * -1);
  }
  .c-m-md-n5 {
    margin: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mt-md-n5,
  .c-my-md-n5 {
    margin-top: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mr-md-n5,
  .c-mx-md-n5 {
    margin-right: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mb-md-n5,
  .c-my-md-n5 {
    margin-bottom: calc(var(--spacer-5, 32px) * -1);
  }
  .c-ml-md-n5,
  .c-mx-md-n5 {
    margin-left: calc(var(--spacer-5, 32px) * -1);
  }
  .c-m-md-n6 {
    margin: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mt-md-n6,
  .c-my-md-n6 {
    margin-top: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mr-md-n6,
  .c-mx-md-n6 {
    margin-right: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mb-md-n6,
  .c-my-md-n6 {
    margin-bottom: calc(var(--spacer-6, 40px) * -1);
  }
  .c-ml-md-n6,
  .c-mx-md-n6 {
    margin-left: calc(var(--spacer-6, 40px) * -1);
  }
  .c-m-md-n7 {
    margin: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mt-md-n7,
  .c-my-md-n7 {
    margin-top: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mr-md-n7,
  .c-mx-md-n7 {
    margin-right: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mb-md-n7,
  .c-my-md-n7 {
    margin-bottom: calc(var(--spacer-7, 48px) * -1);
  }
  .c-ml-md-n7,
  .c-mx-md-n7 {
    margin-left: calc(var(--spacer-7, 48px) * -1);
  }
  .c-m-md-n8 {
    margin: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mt-md-n8,
  .c-my-md-n8 {
    margin-top: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mr-md-n8,
  .c-mx-md-n8 {
    margin-right: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mb-md-n8,
  .c-my-md-n8 {
    margin-bottom: calc(var(--spacer-8, 56px) * -1);
  }
  .c-ml-md-n8,
  .c-mx-md-n8 {
    margin-left: calc(var(--spacer-8, 56px) * -1);
  }
  .c-m-md-n9 {
    margin: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mt-md-n9,
  .c-my-md-n9 {
    margin-top: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mr-md-n9,
  .c-mx-md-n9 {
    margin-right: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mb-md-n9,
  .c-my-md-n9 {
    margin-bottom: calc(var(--spacer-9, 64px) * -1);
  }
  .c-ml-md-n9,
  .c-mx-md-n9 {
    margin-left: calc(var(--spacer-9, 64px) * -1);
  }
  .c-m-md-n10 {
    margin: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mt-md-n10,
  .c-my-md-n10 {
    margin-top: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mr-md-n10,
  .c-mx-md-n10 {
    margin-right: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mb-md-n10,
  .c-my-md-n10 {
    margin-bottom: calc(var(--spacer-10, 80px) * -1);
  }
  .c-ml-md-n10,
  .c-mx-md-n10 {
    margin-left: calc(var(--spacer-10, 80px) * -1);
  }
  .c-m-md-auto {
    margin: auto;
  }
  .c-mt-md-auto,
  .c-my-md-auto {
    margin-top: auto;
  }
  .c-mr-md-auto,
  .c-mx-md-auto {
    margin-right: auto;
  }
  .c-mb-md-auto,
  .c-my-md-auto {
    margin-bottom: auto;
  }
  .c-ml-md-auto,
  .c-mx-md-auto {
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .c-m-lg-0 {
    margin: var(--spacer-0, 0);
  }
  .c-mt-lg-0,
  .c-my-lg-0 {
    margin-top: var(--spacer-0, 0);
  }
  .c-mr-lg-0,
  .c-mx-lg-0 {
    margin-right: var(--spacer-0, 0);
  }
  .c-mb-lg-0,
  .c-my-lg-0 {
    margin-bottom: var(--spacer-0, 0);
  }
  .c-ml-lg-0,
  .c-mx-lg-0 {
    margin-left: var(--spacer-0, 0);
  }
  .c-m-lg-1 {
    margin: var(--spacer-1, 4px);
  }
  .c-mt-lg-1,
  .c-my-lg-1 {
    margin-top: var(--spacer-1, 4px);
  }
  .c-mr-lg-1,
  .c-mx-lg-1 {
    margin-right: var(--spacer-1, 4px);
  }
  .c-mb-lg-1,
  .c-my-lg-1 {
    margin-bottom: var(--spacer-1, 4px);
  }
  .c-ml-lg-1,
  .c-mx-lg-1 {
    margin-left: var(--spacer-1, 4px);
  }
  .c-m-lg-2 {
    margin: var(--spacer-2, 8px);
  }
  .c-mt-lg-2,
  .c-my-lg-2 {
    margin-top: var(--spacer-2, 8px);
  }
  .c-mr-lg-2,
  .c-mx-lg-2 {
    margin-right: var(--spacer-2, 8px);
  }
  .c-mb-lg-2,
  .c-my-lg-2 {
    margin-bottom: var(--spacer-2, 8px);
  }
  .c-ml-lg-2,
  .c-mx-lg-2 {
    margin-left: var(--spacer-2, 8px);
  }
  .c-m-lg-3 {
    margin: var(--spacer-3, 16px);
  }
  .c-mt-lg-3,
  .c-my-lg-3 {
    margin-top: var(--spacer-3, 16px);
  }
  .c-mr-lg-3,
  .c-mx-lg-3 {
    margin-right: var(--spacer-3, 16px);
  }
  .c-mb-lg-3,
  .c-my-lg-3 {
    margin-bottom: var(--spacer-3, 16px);
  }
  .c-ml-lg-3,
  .c-mx-lg-3 {
    margin-left: var(--spacer-3, 16px);
  }
  .c-m-lg-4 {
    margin: var(--spacer-4, 24px);
  }
  .c-mt-lg-4,
  .c-my-lg-4 {
    margin-top: var(--spacer-4, 24px);
  }
  .c-mr-lg-4,
  .c-mx-lg-4 {
    margin-right: var(--spacer-4, 24px);
  }
  .c-mb-lg-4,
  .c-my-lg-4 {
    margin-bottom: var(--spacer-4, 24px);
  }
  .c-ml-lg-4,
  .c-mx-lg-4 {
    margin-left: var(--spacer-4, 24px);
  }
  .c-m-lg-5 {
    margin: var(--spacer-5, 32px);
  }
  .c-mt-lg-5,
  .c-my-lg-5 {
    margin-top: var(--spacer-5, 32px);
  }
  .c-mr-lg-5,
  .c-mx-lg-5 {
    margin-right: var(--spacer-5, 32px);
  }
  .c-mb-lg-5,
  .c-my-lg-5 {
    margin-bottom: var(--spacer-5, 32px);
  }
  .c-ml-lg-5,
  .c-mx-lg-5 {
    margin-left: var(--spacer-5, 32px);
  }
  .c-m-lg-6 {
    margin: var(--spacer-6, 40px);
  }
  .c-mt-lg-6,
  .c-my-lg-6 {
    margin-top: var(--spacer-6, 40px);
  }
  .c-mr-lg-6,
  .c-mx-lg-6 {
    margin-right: var(--spacer-6, 40px);
  }
  .c-mb-lg-6,
  .c-my-lg-6 {
    margin-bottom: var(--spacer-6, 40px);
  }
  .c-ml-lg-6,
  .c-mx-lg-6 {
    margin-left: var(--spacer-6, 40px);
  }
  .c-m-lg-7 {
    margin: var(--spacer-7, 48px);
  }
  .c-mt-lg-7,
  .c-my-lg-7 {
    margin-top: var(--spacer-7, 48px);
  }
  .c-mr-lg-7,
  .c-mx-lg-7 {
    margin-right: var(--spacer-7, 48px);
  }
  .c-mb-lg-7,
  .c-my-lg-7 {
    margin-bottom: var(--spacer-7, 48px);
  }
  .c-ml-lg-7,
  .c-mx-lg-7 {
    margin-left: var(--spacer-7, 48px);
  }
  .c-m-lg-8 {
    margin: var(--spacer-8, 56px);
  }
  .c-mt-lg-8,
  .c-my-lg-8 {
    margin-top: var(--spacer-8, 56px);
  }
  .c-mr-lg-8,
  .c-mx-lg-8 {
    margin-right: var(--spacer-8, 56px);
  }
  .c-mb-lg-8,
  .c-my-lg-8 {
    margin-bottom: var(--spacer-8, 56px);
  }
  .c-ml-lg-8,
  .c-mx-lg-8 {
    margin-left: var(--spacer-8, 56px);
  }
  .c-m-lg-9 {
    margin: var(--spacer-9, 64px);
  }
  .c-mt-lg-9,
  .c-my-lg-9 {
    margin-top: var(--spacer-9, 64px);
  }
  .c-mr-lg-9,
  .c-mx-lg-9 {
    margin-right: var(--spacer-9, 64px);
  }
  .c-mb-lg-9,
  .c-my-lg-9 {
    margin-bottom: var(--spacer-9, 64px);
  }
  .c-ml-lg-9,
  .c-mx-lg-9 {
    margin-left: var(--spacer-9, 64px);
  }
  .c-m-lg-10 {
    margin: var(--spacer-10, 80px);
  }
  .c-mt-lg-10,
  .c-my-lg-10 {
    margin-top: var(--spacer-10, 80px);
  }
  .c-mr-lg-10,
  .c-mx-lg-10 {
    margin-right: var(--spacer-10, 80px);
  }
  .c-mb-lg-10,
  .c-my-lg-10 {
    margin-bottom: var(--spacer-10, 80px);
  }
  .c-ml-lg-10,
  .c-mx-lg-10 {
    margin-left: var(--spacer-10, 80px);
  }
  .c-p-lg-0 {
    padding: var(--spacer-0, 0);
  }
  .c-pt-lg-0,
  .c-py-lg-0 {
    padding-top: var(--spacer-0, 0);
  }
  .c-pr-lg-0,
  .c-px-lg-0 {
    padding-right: var(--spacer-0, 0);
  }
  .c-pb-lg-0,
  .c-py-lg-0 {
    padding-bottom: var(--spacer-0, 0);
  }
  .c-pl-lg-0,
  .c-px-lg-0 {
    padding-left: var(--spacer-0, 0);
  }
  .c-p-lg-1 {
    padding: var(--spacer-1, 4px);
  }
  .c-pt-lg-1,
  .c-py-lg-1 {
    padding-top: var(--spacer-1, 4px);
  }
  .c-pr-lg-1,
  .c-px-lg-1 {
    padding-right: var(--spacer-1, 4px);
  }
  .c-pb-lg-1,
  .c-py-lg-1 {
    padding-bottom: var(--spacer-1, 4px);
  }
  .c-pl-lg-1,
  .c-px-lg-1 {
    padding-left: var(--spacer-1, 4px);
  }
  .c-p-lg-2 {
    padding: var(--spacer-2, 8px);
  }
  .c-pt-lg-2,
  .c-py-lg-2 {
    padding-top: var(--spacer-2, 8px);
  }
  .c-pr-lg-2,
  .c-px-lg-2 {
    padding-right: var(--spacer-2, 8px);
  }
  .c-pb-lg-2,
  .c-py-lg-2 {
    padding-bottom: var(--spacer-2, 8px);
  }
  .c-pl-lg-2,
  .c-px-lg-2 {
    padding-left: var(--spacer-2, 8px);
  }
  .c-p-lg-3 {
    padding: var(--spacer-3, 16px);
  }
  .c-pt-lg-3,
  .c-py-lg-3 {
    padding-top: var(--spacer-3, 16px);
  }
  .c-pr-lg-3,
  .c-px-lg-3 {
    padding-right: var(--spacer-3, 16px);
  }
  .c-pb-lg-3,
  .c-py-lg-3 {
    padding-bottom: var(--spacer-3, 16px);
  }
  .c-pl-lg-3,
  .c-px-lg-3 {
    padding-left: var(--spacer-3, 16px);
  }
  .c-p-lg-4 {
    padding: var(--spacer-4, 24px);
  }
  .c-pt-lg-4,
  .c-py-lg-4 {
    padding-top: var(--spacer-4, 24px);
  }
  .c-pr-lg-4,
  .c-px-lg-4 {
    padding-right: var(--spacer-4, 24px);
  }
  .c-pb-lg-4,
  .c-py-lg-4 {
    padding-bottom: var(--spacer-4, 24px);
  }
  .c-pl-lg-4,
  .c-px-lg-4 {
    padding-left: var(--spacer-4, 24px);
  }
  .c-p-lg-5 {
    padding: var(--spacer-5, 32px);
  }
  .c-pt-lg-5,
  .c-py-lg-5 {
    padding-top: var(--spacer-5, 32px);
  }
  .c-pr-lg-5,
  .c-px-lg-5 {
    padding-right: var(--spacer-5, 32px);
  }
  .c-pb-lg-5,
  .c-py-lg-5 {
    padding-bottom: var(--spacer-5, 32px);
  }
  .c-pl-lg-5,
  .c-px-lg-5 {
    padding-left: var(--spacer-5, 32px);
  }
  .c-p-lg-6 {
    padding: var(--spacer-6, 40px);
  }
  .c-pt-lg-6,
  .c-py-lg-6 {
    padding-top: var(--spacer-6, 40px);
  }
  .c-pr-lg-6,
  .c-px-lg-6 {
    padding-right: var(--spacer-6, 40px);
  }
  .c-pb-lg-6,
  .c-py-lg-6 {
    padding-bottom: var(--spacer-6, 40px);
  }
  .c-pl-lg-6,
  .c-px-lg-6 {
    padding-left: var(--spacer-6, 40px);
  }
  .c-p-lg-7 {
    padding: var(--spacer-7, 48px);
  }
  .c-pt-lg-7,
  .c-py-lg-7 {
    padding-top: var(--spacer-7, 48px);
  }
  .c-pr-lg-7,
  .c-px-lg-7 {
    padding-right: var(--spacer-7, 48px);
  }
  .c-pb-lg-7,
  .c-py-lg-7 {
    padding-bottom: var(--spacer-7, 48px);
  }
  .c-pl-lg-7,
  .c-px-lg-7 {
    padding-left: var(--spacer-7, 48px);
  }
  .c-p-lg-8 {
    padding: var(--spacer-8, 56px);
  }
  .c-pt-lg-8,
  .c-py-lg-8 {
    padding-top: var(--spacer-8, 56px);
  }
  .c-pr-lg-8,
  .c-px-lg-8 {
    padding-right: var(--spacer-8, 56px);
  }
  .c-pb-lg-8,
  .c-py-lg-8 {
    padding-bottom: var(--spacer-8, 56px);
  }
  .c-pl-lg-8,
  .c-px-lg-8 {
    padding-left: var(--spacer-8, 56px);
  }
  .c-p-lg-9 {
    padding: var(--spacer-9, 64px);
  }
  .c-pt-lg-9,
  .c-py-lg-9 {
    padding-top: var(--spacer-9, 64px);
  }
  .c-pr-lg-9,
  .c-px-lg-9 {
    padding-right: var(--spacer-9, 64px);
  }
  .c-pb-lg-9,
  .c-py-lg-9 {
    padding-bottom: var(--spacer-9, 64px);
  }
  .c-pl-lg-9,
  .c-px-lg-9 {
    padding-left: var(--spacer-9, 64px);
  }
  .c-p-lg-10 {
    padding: var(--spacer-10, 80px);
  }
  .c-pt-lg-10,
  .c-py-lg-10 {
    padding-top: var(--spacer-10, 80px);
  }
  .c-pr-lg-10,
  .c-px-lg-10 {
    padding-right: var(--spacer-10, 80px);
  }
  .c-pb-lg-10,
  .c-py-lg-10 {
    padding-bottom: var(--spacer-10, 80px);
  }
  .c-pl-lg-10,
  .c-px-lg-10 {
    padding-left: var(--spacer-10, 80px);
  }
  .c-m-lg-n1 {
    margin: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mt-lg-n1,
  .c-my-lg-n1 {
    margin-top: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mr-lg-n1,
  .c-mx-lg-n1 {
    margin-right: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mb-lg-n1,
  .c-my-lg-n1 {
    margin-bottom: calc(var(--spacer-1, 4px) * -1);
  }
  .c-ml-lg-n1,
  .c-mx-lg-n1 {
    margin-left: calc(var(--spacer-1, 4px) * -1);
  }
  .c-m-lg-n2 {
    margin: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mt-lg-n2,
  .c-my-lg-n2 {
    margin-top: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mr-lg-n2,
  .c-mx-lg-n2 {
    margin-right: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mb-lg-n2,
  .c-my-lg-n2 {
    margin-bottom: calc(var(--spacer-2, 8px) * -1);
  }
  .c-ml-lg-n2,
  .c-mx-lg-n2 {
    margin-left: calc(var(--spacer-2, 8px) * -1);
  }
  .c-m-lg-n3 {
    margin: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mt-lg-n3,
  .c-my-lg-n3 {
    margin-top: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mr-lg-n3,
  .c-mx-lg-n3 {
    margin-right: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mb-lg-n3,
  .c-my-lg-n3 {
    margin-bottom: calc(var(--spacer-3, 16px) * -1);
  }
  .c-ml-lg-n3,
  .c-mx-lg-n3 {
    margin-left: calc(var(--spacer-3, 16px) * -1);
  }
  .c-m-lg-n4 {
    margin: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mt-lg-n4,
  .c-my-lg-n4 {
    margin-top: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mr-lg-n4,
  .c-mx-lg-n4 {
    margin-right: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mb-lg-n4,
  .c-my-lg-n4 {
    margin-bottom: calc(var(--spacer-4, 24px) * -1);
  }
  .c-ml-lg-n4,
  .c-mx-lg-n4 {
    margin-left: calc(var(--spacer-4, 24px) * -1);
  }
  .c-m-lg-n5 {
    margin: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mt-lg-n5,
  .c-my-lg-n5 {
    margin-top: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mr-lg-n5,
  .c-mx-lg-n5 {
    margin-right: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mb-lg-n5,
  .c-my-lg-n5 {
    margin-bottom: calc(var(--spacer-5, 32px) * -1);
  }
  .c-ml-lg-n5,
  .c-mx-lg-n5 {
    margin-left: calc(var(--spacer-5, 32px) * -1);
  }
  .c-m-lg-n6 {
    margin: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mt-lg-n6,
  .c-my-lg-n6 {
    margin-top: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mr-lg-n6,
  .c-mx-lg-n6 {
    margin-right: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mb-lg-n6,
  .c-my-lg-n6 {
    margin-bottom: calc(var(--spacer-6, 40px) * -1);
  }
  .c-ml-lg-n6,
  .c-mx-lg-n6 {
    margin-left: calc(var(--spacer-6, 40px) * -1);
  }
  .c-m-lg-n7 {
    margin: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mt-lg-n7,
  .c-my-lg-n7 {
    margin-top: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mr-lg-n7,
  .c-mx-lg-n7 {
    margin-right: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mb-lg-n7,
  .c-my-lg-n7 {
    margin-bottom: calc(var(--spacer-7, 48px) * -1);
  }
  .c-ml-lg-n7,
  .c-mx-lg-n7 {
    margin-left: calc(var(--spacer-7, 48px) * -1);
  }
  .c-m-lg-n8 {
    margin: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mt-lg-n8,
  .c-my-lg-n8 {
    margin-top: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mr-lg-n8,
  .c-mx-lg-n8 {
    margin-right: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mb-lg-n8,
  .c-my-lg-n8 {
    margin-bottom: calc(var(--spacer-8, 56px) * -1);
  }
  .c-ml-lg-n8,
  .c-mx-lg-n8 {
    margin-left: calc(var(--spacer-8, 56px) * -1);
  }
  .c-m-lg-n9 {
    margin: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mt-lg-n9,
  .c-my-lg-n9 {
    margin-top: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mr-lg-n9,
  .c-mx-lg-n9 {
    margin-right: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mb-lg-n9,
  .c-my-lg-n9 {
    margin-bottom: calc(var(--spacer-9, 64px) * -1);
  }
  .c-ml-lg-n9,
  .c-mx-lg-n9 {
    margin-left: calc(var(--spacer-9, 64px) * -1);
  }
  .c-m-lg-n10 {
    margin: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mt-lg-n10,
  .c-my-lg-n10 {
    margin-top: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mr-lg-n10,
  .c-mx-lg-n10 {
    margin-right: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mb-lg-n10,
  .c-my-lg-n10 {
    margin-bottom: calc(var(--spacer-10, 80px) * -1);
  }
  .c-ml-lg-n10,
  .c-mx-lg-n10 {
    margin-left: calc(var(--spacer-10, 80px) * -1);
  }
  .c-m-lg-auto {
    margin: auto;
  }
  .c-mt-lg-auto,
  .c-my-lg-auto {
    margin-top: auto;
  }
  .c-mr-lg-auto,
  .c-mx-lg-auto {
    margin-right: auto;
  }
  .c-mb-lg-auto,
  .c-my-lg-auto {
    margin-bottom: auto;
  }
  .c-ml-lg-auto,
  .c-mx-lg-auto {
    margin-left: auto;
  }
}
@media (min-width: 1280px) {
  .c-m-xl-0 {
    margin: var(--spacer-0, 0);
  }
  .c-mt-xl-0,
  .c-my-xl-0 {
    margin-top: var(--spacer-0, 0);
  }
  .c-mr-xl-0,
  .c-mx-xl-0 {
    margin-right: var(--spacer-0, 0);
  }
  .c-mb-xl-0,
  .c-my-xl-0 {
    margin-bottom: var(--spacer-0, 0);
  }
  .c-ml-xl-0,
  .c-mx-xl-0 {
    margin-left: var(--spacer-0, 0);
  }
  .c-m-xl-1 {
    margin: var(--spacer-1, 4px);
  }
  .c-mt-xl-1,
  .c-my-xl-1 {
    margin-top: var(--spacer-1, 4px);
  }
  .c-mr-xl-1,
  .c-mx-xl-1 {
    margin-right: var(--spacer-1, 4px);
  }
  .c-mb-xl-1,
  .c-my-xl-1 {
    margin-bottom: var(--spacer-1, 4px);
  }
  .c-ml-xl-1,
  .c-mx-xl-1 {
    margin-left: var(--spacer-1, 4px);
  }
  .c-m-xl-2 {
    margin: var(--spacer-2, 8px);
  }
  .c-mt-xl-2,
  .c-my-xl-2 {
    margin-top: var(--spacer-2, 8px);
  }
  .c-mr-xl-2,
  .c-mx-xl-2 {
    margin-right: var(--spacer-2, 8px);
  }
  .c-mb-xl-2,
  .c-my-xl-2 {
    margin-bottom: var(--spacer-2, 8px);
  }
  .c-ml-xl-2,
  .c-mx-xl-2 {
    margin-left: var(--spacer-2, 8px);
  }
  .c-m-xl-3 {
    margin: var(--spacer-3, 16px);
  }
  .c-mt-xl-3,
  .c-my-xl-3 {
    margin-top: var(--spacer-3, 16px);
  }
  .c-mr-xl-3,
  .c-mx-xl-3 {
    margin-right: var(--spacer-3, 16px);
  }
  .c-mb-xl-3,
  .c-my-xl-3 {
    margin-bottom: var(--spacer-3, 16px);
  }
  .c-ml-xl-3,
  .c-mx-xl-3 {
    margin-left: var(--spacer-3, 16px);
  }
  .c-m-xl-4 {
    margin: var(--spacer-4, 24px);
  }
  .c-mt-xl-4,
  .c-my-xl-4 {
    margin-top: var(--spacer-4, 24px);
  }
  .c-mr-xl-4,
  .c-mx-xl-4 {
    margin-right: var(--spacer-4, 24px);
  }
  .c-mb-xl-4,
  .c-my-xl-4 {
    margin-bottom: var(--spacer-4, 24px);
  }
  .c-ml-xl-4,
  .c-mx-xl-4 {
    margin-left: var(--spacer-4, 24px);
  }
  .c-m-xl-5 {
    margin: var(--spacer-5, 32px);
  }
  .c-mt-xl-5,
  .c-my-xl-5 {
    margin-top: var(--spacer-5, 32px);
  }
  .c-mr-xl-5,
  .c-mx-xl-5 {
    margin-right: var(--spacer-5, 32px);
  }
  .c-mb-xl-5,
  .c-my-xl-5 {
    margin-bottom: var(--spacer-5, 32px);
  }
  .c-ml-xl-5,
  .c-mx-xl-5 {
    margin-left: var(--spacer-5, 32px);
  }
  .c-m-xl-6 {
    margin: var(--spacer-6, 40px);
  }
  .c-mt-xl-6,
  .c-my-xl-6 {
    margin-top: var(--spacer-6, 40px);
  }
  .c-mr-xl-6,
  .c-mx-xl-6 {
    margin-right: var(--spacer-6, 40px);
  }
  .c-mb-xl-6,
  .c-my-xl-6 {
    margin-bottom: var(--spacer-6, 40px);
  }
  .c-ml-xl-6,
  .c-mx-xl-6 {
    margin-left: var(--spacer-6, 40px);
  }
  .c-m-xl-7 {
    margin: var(--spacer-7, 48px);
  }
  .c-mt-xl-7,
  .c-my-xl-7 {
    margin-top: var(--spacer-7, 48px);
  }
  .c-mr-xl-7,
  .c-mx-xl-7 {
    margin-right: var(--spacer-7, 48px);
  }
  .c-mb-xl-7,
  .c-my-xl-7 {
    margin-bottom: var(--spacer-7, 48px);
  }
  .c-ml-xl-7,
  .c-mx-xl-7 {
    margin-left: var(--spacer-7, 48px);
  }
  .c-m-xl-8 {
    margin: var(--spacer-8, 56px);
  }
  .c-mt-xl-8,
  .c-my-xl-8 {
    margin-top: var(--spacer-8, 56px);
  }
  .c-mr-xl-8,
  .c-mx-xl-8 {
    margin-right: var(--spacer-8, 56px);
  }
  .c-mb-xl-8,
  .c-my-xl-8 {
    margin-bottom: var(--spacer-8, 56px);
  }
  .c-ml-xl-8,
  .c-mx-xl-8 {
    margin-left: var(--spacer-8, 56px);
  }
  .c-m-xl-9 {
    margin: var(--spacer-9, 64px);
  }
  .c-mt-xl-9,
  .c-my-xl-9 {
    margin-top: var(--spacer-9, 64px);
  }
  .c-mr-xl-9,
  .c-mx-xl-9 {
    margin-right: var(--spacer-9, 64px);
  }
  .c-mb-xl-9,
  .c-my-xl-9 {
    margin-bottom: var(--spacer-9, 64px);
  }
  .c-ml-xl-9,
  .c-mx-xl-9 {
    margin-left: var(--spacer-9, 64px);
  }
  .c-m-xl-10 {
    margin: var(--spacer-10, 80px);
  }
  .c-mt-xl-10,
  .c-my-xl-10 {
    margin-top: var(--spacer-10, 80px);
  }
  .c-mr-xl-10,
  .c-mx-xl-10 {
    margin-right: var(--spacer-10, 80px);
  }
  .c-mb-xl-10,
  .c-my-xl-10 {
    margin-bottom: var(--spacer-10, 80px);
  }
  .c-ml-xl-10,
  .c-mx-xl-10 {
    margin-left: var(--spacer-10, 80px);
  }
  .c-p-xl-0 {
    padding: var(--spacer-0, 0);
  }
  .c-pt-xl-0,
  .c-py-xl-0 {
    padding-top: var(--spacer-0, 0);
  }
  .c-pr-xl-0,
  .c-px-xl-0 {
    padding-right: var(--spacer-0, 0);
  }
  .c-pb-xl-0,
  .c-py-xl-0 {
    padding-bottom: var(--spacer-0, 0);
  }
  .c-pl-xl-0,
  .c-px-xl-0 {
    padding-left: var(--spacer-0, 0);
  }
  .c-p-xl-1 {
    padding: var(--spacer-1, 4px);
  }
  .c-pt-xl-1,
  .c-py-xl-1 {
    padding-top: var(--spacer-1, 4px);
  }
  .c-pr-xl-1,
  .c-px-xl-1 {
    padding-right: var(--spacer-1, 4px);
  }
  .c-pb-xl-1,
  .c-py-xl-1 {
    padding-bottom: var(--spacer-1, 4px);
  }
  .c-pl-xl-1,
  .c-px-xl-1 {
    padding-left: var(--spacer-1, 4px);
  }
  .c-p-xl-2 {
    padding: var(--spacer-2, 8px);
  }
  .c-pt-xl-2,
  .c-py-xl-2 {
    padding-top: var(--spacer-2, 8px);
  }
  .c-pr-xl-2,
  .c-px-xl-2 {
    padding-right: var(--spacer-2, 8px);
  }
  .c-pb-xl-2,
  .c-py-xl-2 {
    padding-bottom: var(--spacer-2, 8px);
  }
  .c-pl-xl-2,
  .c-px-xl-2 {
    padding-left: var(--spacer-2, 8px);
  }
  .c-p-xl-3 {
    padding: var(--spacer-3, 16px);
  }
  .c-pt-xl-3,
  .c-py-xl-3 {
    padding-top: var(--spacer-3, 16px);
  }
  .c-pr-xl-3,
  .c-px-xl-3 {
    padding-right: var(--spacer-3, 16px);
  }
  .c-pb-xl-3,
  .c-py-xl-3 {
    padding-bottom: var(--spacer-3, 16px);
  }
  .c-pl-xl-3,
  .c-px-xl-3 {
    padding-left: var(--spacer-3, 16px);
  }
  .c-p-xl-4 {
    padding: var(--spacer-4, 24px);
  }
  .c-pt-xl-4,
  .c-py-xl-4 {
    padding-top: var(--spacer-4, 24px);
  }
  .c-pr-xl-4,
  .c-px-xl-4 {
    padding-right: var(--spacer-4, 24px);
  }
  .c-pb-xl-4,
  .c-py-xl-4 {
    padding-bottom: var(--spacer-4, 24px);
  }
  .c-pl-xl-4,
  .c-px-xl-4 {
    padding-left: var(--spacer-4, 24px);
  }
  .c-p-xl-5 {
    padding: var(--spacer-5, 32px);
  }
  .c-pt-xl-5,
  .c-py-xl-5 {
    padding-top: var(--spacer-5, 32px);
  }
  .c-pr-xl-5,
  .c-px-xl-5 {
    padding-right: var(--spacer-5, 32px);
  }
  .c-pb-xl-5,
  .c-py-xl-5 {
    padding-bottom: var(--spacer-5, 32px);
  }
  .c-pl-xl-5,
  .c-px-xl-5 {
    padding-left: var(--spacer-5, 32px);
  }
  .c-p-xl-6 {
    padding: var(--spacer-6, 40px);
  }
  .c-pt-xl-6,
  .c-py-xl-6 {
    padding-top: var(--spacer-6, 40px);
  }
  .c-pr-xl-6,
  .c-px-xl-6 {
    padding-right: var(--spacer-6, 40px);
  }
  .c-pb-xl-6,
  .c-py-xl-6 {
    padding-bottom: var(--spacer-6, 40px);
  }
  .c-pl-xl-6,
  .c-px-xl-6 {
    padding-left: var(--spacer-6, 40px);
  }
  .c-p-xl-7 {
    padding: var(--spacer-7, 48px);
  }
  .c-pt-xl-7,
  .c-py-xl-7 {
    padding-top: var(--spacer-7, 48px);
  }
  .c-pr-xl-7,
  .c-px-xl-7 {
    padding-right: var(--spacer-7, 48px);
  }
  .c-pb-xl-7,
  .c-py-xl-7 {
    padding-bottom: var(--spacer-7, 48px);
  }
  .c-pl-xl-7,
  .c-px-xl-7 {
    padding-left: var(--spacer-7, 48px);
  }
  .c-p-xl-8 {
    padding: var(--spacer-8, 56px);
  }
  .c-pt-xl-8,
  .c-py-xl-8 {
    padding-top: var(--spacer-8, 56px);
  }
  .c-pr-xl-8,
  .c-px-xl-8 {
    padding-right: var(--spacer-8, 56px);
  }
  .c-pb-xl-8,
  .c-py-xl-8 {
    padding-bottom: var(--spacer-8, 56px);
  }
  .c-pl-xl-8,
  .c-px-xl-8 {
    padding-left: var(--spacer-8, 56px);
  }
  .c-p-xl-9 {
    padding: var(--spacer-9, 64px);
  }
  .c-pt-xl-9,
  .c-py-xl-9 {
    padding-top: var(--spacer-9, 64px);
  }
  .c-pr-xl-9,
  .c-px-xl-9 {
    padding-right: var(--spacer-9, 64px);
  }
  .c-pb-xl-9,
  .c-py-xl-9 {
    padding-bottom: var(--spacer-9, 64px);
  }
  .c-pl-xl-9,
  .c-px-xl-9 {
    padding-left: var(--spacer-9, 64px);
  }
  .c-p-xl-10 {
    padding: var(--spacer-10, 80px);
  }
  .c-pt-xl-10,
  .c-py-xl-10 {
    padding-top: var(--spacer-10, 80px);
  }
  .c-pr-xl-10,
  .c-px-xl-10 {
    padding-right: var(--spacer-10, 80px);
  }
  .c-pb-xl-10,
  .c-py-xl-10 {
    padding-bottom: var(--spacer-10, 80px);
  }
  .c-pl-xl-10,
  .c-px-xl-10 {
    padding-left: var(--spacer-10, 80px);
  }
  .c-m-xl-n1 {
    margin: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mt-xl-n1,
  .c-my-xl-n1 {
    margin-top: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mr-xl-n1,
  .c-mx-xl-n1 {
    margin-right: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mb-xl-n1,
  .c-my-xl-n1 {
    margin-bottom: calc(var(--spacer-1, 4px) * -1);
  }
  .c-ml-xl-n1,
  .c-mx-xl-n1 {
    margin-left: calc(var(--spacer-1, 4px) * -1);
  }
  .c-m-xl-n2 {
    margin: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mt-xl-n2,
  .c-my-xl-n2 {
    margin-top: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mr-xl-n2,
  .c-mx-xl-n2 {
    margin-right: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mb-xl-n2,
  .c-my-xl-n2 {
    margin-bottom: calc(var(--spacer-2, 8px) * -1);
  }
  .c-ml-xl-n2,
  .c-mx-xl-n2 {
    margin-left: calc(var(--spacer-2, 8px) * -1);
  }
  .c-m-xl-n3 {
    margin: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mt-xl-n3,
  .c-my-xl-n3 {
    margin-top: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mr-xl-n3,
  .c-mx-xl-n3 {
    margin-right: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mb-xl-n3,
  .c-my-xl-n3 {
    margin-bottom: calc(var(--spacer-3, 16px) * -1);
  }
  .c-ml-xl-n3,
  .c-mx-xl-n3 {
    margin-left: calc(var(--spacer-3, 16px) * -1);
  }
  .c-m-xl-n4 {
    margin: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mt-xl-n4,
  .c-my-xl-n4 {
    margin-top: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mr-xl-n4,
  .c-mx-xl-n4 {
    margin-right: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mb-xl-n4,
  .c-my-xl-n4 {
    margin-bottom: calc(var(--spacer-4, 24px) * -1);
  }
  .c-ml-xl-n4,
  .c-mx-xl-n4 {
    margin-left: calc(var(--spacer-4, 24px) * -1);
  }
  .c-m-xl-n5 {
    margin: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mt-xl-n5,
  .c-my-xl-n5 {
    margin-top: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mr-xl-n5,
  .c-mx-xl-n5 {
    margin-right: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mb-xl-n5,
  .c-my-xl-n5 {
    margin-bottom: calc(var(--spacer-5, 32px) * -1);
  }
  .c-ml-xl-n5,
  .c-mx-xl-n5 {
    margin-left: calc(var(--spacer-5, 32px) * -1);
  }
  .c-m-xl-n6 {
    margin: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mt-xl-n6,
  .c-my-xl-n6 {
    margin-top: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mr-xl-n6,
  .c-mx-xl-n6 {
    margin-right: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mb-xl-n6,
  .c-my-xl-n6 {
    margin-bottom: calc(var(--spacer-6, 40px) * -1);
  }
  .c-ml-xl-n6,
  .c-mx-xl-n6 {
    margin-left: calc(var(--spacer-6, 40px) * -1);
  }
  .c-m-xl-n7 {
    margin: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mt-xl-n7,
  .c-my-xl-n7 {
    margin-top: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mr-xl-n7,
  .c-mx-xl-n7 {
    margin-right: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mb-xl-n7,
  .c-my-xl-n7 {
    margin-bottom: calc(var(--spacer-7, 48px) * -1);
  }
  .c-ml-xl-n7,
  .c-mx-xl-n7 {
    margin-left: calc(var(--spacer-7, 48px) * -1);
  }
  .c-m-xl-n8 {
    margin: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mt-xl-n8,
  .c-my-xl-n8 {
    margin-top: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mr-xl-n8,
  .c-mx-xl-n8 {
    margin-right: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mb-xl-n8,
  .c-my-xl-n8 {
    margin-bottom: calc(var(--spacer-8, 56px) * -1);
  }
  .c-ml-xl-n8,
  .c-mx-xl-n8 {
    margin-left: calc(var(--spacer-8, 56px) * -1);
  }
  .c-m-xl-n9 {
    margin: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mt-xl-n9,
  .c-my-xl-n9 {
    margin-top: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mr-xl-n9,
  .c-mx-xl-n9 {
    margin-right: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mb-xl-n9,
  .c-my-xl-n9 {
    margin-bottom: calc(var(--spacer-9, 64px) * -1);
  }
  .c-ml-xl-n9,
  .c-mx-xl-n9 {
    margin-left: calc(var(--spacer-9, 64px) * -1);
  }
  .c-m-xl-n10 {
    margin: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mt-xl-n10,
  .c-my-xl-n10 {
    margin-top: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mr-xl-n10,
  .c-mx-xl-n10 {
    margin-right: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mb-xl-n10,
  .c-my-xl-n10 {
    margin-bottom: calc(var(--spacer-10, 80px) * -1);
  }
  .c-ml-xl-n10,
  .c-mx-xl-n10 {
    margin-left: calc(var(--spacer-10, 80px) * -1);
  }
  .c-m-xl-auto {
    margin: auto;
  }
  .c-mt-xl-auto,
  .c-my-xl-auto {
    margin-top: auto;
  }
  .c-mr-xl-auto,
  .c-mx-xl-auto {
    margin-right: auto;
  }
  .c-mb-xl-auto,
  .c-my-xl-auto {
    margin-bottom: auto;
  }
  .c-ml-xl-auto,
  .c-mx-xl-auto {
    margin-left: auto;
  }
}
@media (min-width: 1440px) {
  .c-m-xxl-0 {
    margin: var(--spacer-0, 0);
  }
  .c-mt-xxl-0,
  .c-my-xxl-0 {
    margin-top: var(--spacer-0, 0);
  }
  .c-mr-xxl-0,
  .c-mx-xxl-0 {
    margin-right: var(--spacer-0, 0);
  }
  .c-mb-xxl-0,
  .c-my-xxl-0 {
    margin-bottom: var(--spacer-0, 0);
  }
  .c-ml-xxl-0,
  .c-mx-xxl-0 {
    margin-left: var(--spacer-0, 0);
  }
  .c-m-xxl-1 {
    margin: var(--spacer-1, 4px);
  }
  .c-mt-xxl-1,
  .c-my-xxl-1 {
    margin-top: var(--spacer-1, 4px);
  }
  .c-mr-xxl-1,
  .c-mx-xxl-1 {
    margin-right: var(--spacer-1, 4px);
  }
  .c-mb-xxl-1,
  .c-my-xxl-1 {
    margin-bottom: var(--spacer-1, 4px);
  }
  .c-ml-xxl-1,
  .c-mx-xxl-1 {
    margin-left: var(--spacer-1, 4px);
  }
  .c-m-xxl-2 {
    margin: var(--spacer-2, 8px);
  }
  .c-mt-xxl-2,
  .c-my-xxl-2 {
    margin-top: var(--spacer-2, 8px);
  }
  .c-mr-xxl-2,
  .c-mx-xxl-2 {
    margin-right: var(--spacer-2, 8px);
  }
  .c-mb-xxl-2,
  .c-my-xxl-2 {
    margin-bottom: var(--spacer-2, 8px);
  }
  .c-ml-xxl-2,
  .c-mx-xxl-2 {
    margin-left: var(--spacer-2, 8px);
  }
  .c-m-xxl-3 {
    margin: var(--spacer-3, 16px);
  }
  .c-mt-xxl-3,
  .c-my-xxl-3 {
    margin-top: var(--spacer-3, 16px);
  }
  .c-mr-xxl-3,
  .c-mx-xxl-3 {
    margin-right: var(--spacer-3, 16px);
  }
  .c-mb-xxl-3,
  .c-my-xxl-3 {
    margin-bottom: var(--spacer-3, 16px);
  }
  .c-ml-xxl-3,
  .c-mx-xxl-3 {
    margin-left: var(--spacer-3, 16px);
  }
  .c-m-xxl-4 {
    margin: var(--spacer-4, 24px);
  }
  .c-mt-xxl-4,
  .c-my-xxl-4 {
    margin-top: var(--spacer-4, 24px);
  }
  .c-mr-xxl-4,
  .c-mx-xxl-4 {
    margin-right: var(--spacer-4, 24px);
  }
  .c-mb-xxl-4,
  .c-my-xxl-4 {
    margin-bottom: var(--spacer-4, 24px);
  }
  .c-ml-xxl-4,
  .c-mx-xxl-4 {
    margin-left: var(--spacer-4, 24px);
  }
  .c-m-xxl-5 {
    margin: var(--spacer-5, 32px);
  }
  .c-mt-xxl-5,
  .c-my-xxl-5 {
    margin-top: var(--spacer-5, 32px);
  }
  .c-mr-xxl-5,
  .c-mx-xxl-5 {
    margin-right: var(--spacer-5, 32px);
  }
  .c-mb-xxl-5,
  .c-my-xxl-5 {
    margin-bottom: var(--spacer-5, 32px);
  }
  .c-ml-xxl-5,
  .c-mx-xxl-5 {
    margin-left: var(--spacer-5, 32px);
  }
  .c-m-xxl-6 {
    margin: var(--spacer-6, 40px);
  }
  .c-mt-xxl-6,
  .c-my-xxl-6 {
    margin-top: var(--spacer-6, 40px);
  }
  .c-mr-xxl-6,
  .c-mx-xxl-6 {
    margin-right: var(--spacer-6, 40px);
  }
  .c-mb-xxl-6,
  .c-my-xxl-6 {
    margin-bottom: var(--spacer-6, 40px);
  }
  .c-ml-xxl-6,
  .c-mx-xxl-6 {
    margin-left: var(--spacer-6, 40px);
  }
  .c-m-xxl-7 {
    margin: var(--spacer-7, 48px);
  }
  .c-mt-xxl-7,
  .c-my-xxl-7 {
    margin-top: var(--spacer-7, 48px);
  }
  .c-mr-xxl-7,
  .c-mx-xxl-7 {
    margin-right: var(--spacer-7, 48px);
  }
  .c-mb-xxl-7,
  .c-my-xxl-7 {
    margin-bottom: var(--spacer-7, 48px);
  }
  .c-ml-xxl-7,
  .c-mx-xxl-7 {
    margin-left: var(--spacer-7, 48px);
  }
  .c-m-xxl-8 {
    margin: var(--spacer-8, 56px);
  }
  .c-mt-xxl-8,
  .c-my-xxl-8 {
    margin-top: var(--spacer-8, 56px);
  }
  .c-mr-xxl-8,
  .c-mx-xxl-8 {
    margin-right: var(--spacer-8, 56px);
  }
  .c-mb-xxl-8,
  .c-my-xxl-8 {
    margin-bottom: var(--spacer-8, 56px);
  }
  .c-ml-xxl-8,
  .c-mx-xxl-8 {
    margin-left: var(--spacer-8, 56px);
  }
  .c-m-xxl-9 {
    margin: var(--spacer-9, 64px);
  }
  .c-mt-xxl-9,
  .c-my-xxl-9 {
    margin-top: var(--spacer-9, 64px);
  }
  .c-mr-xxl-9,
  .c-mx-xxl-9 {
    margin-right: var(--spacer-9, 64px);
  }
  .c-mb-xxl-9,
  .c-my-xxl-9 {
    margin-bottom: var(--spacer-9, 64px);
  }
  .c-ml-xxl-9,
  .c-mx-xxl-9 {
    margin-left: var(--spacer-9, 64px);
  }
  .c-m-xxl-10 {
    margin: var(--spacer-10, 80px);
  }
  .c-mt-xxl-10,
  .c-my-xxl-10 {
    margin-top: var(--spacer-10, 80px);
  }
  .c-mr-xxl-10,
  .c-mx-xxl-10 {
    margin-right: var(--spacer-10, 80px);
  }
  .c-mb-xxl-10,
  .c-my-xxl-10 {
    margin-bottom: var(--spacer-10, 80px);
  }
  .c-ml-xxl-10,
  .c-mx-xxl-10 {
    margin-left: var(--spacer-10, 80px);
  }
  .c-p-xxl-0 {
    padding: var(--spacer-0, 0);
  }
  .c-pt-xxl-0,
  .c-py-xxl-0 {
    padding-top: var(--spacer-0, 0);
  }
  .c-pr-xxl-0,
  .c-px-xxl-0 {
    padding-right: var(--spacer-0, 0);
  }
  .c-pb-xxl-0,
  .c-py-xxl-0 {
    padding-bottom: var(--spacer-0, 0);
  }
  .c-pl-xxl-0,
  .c-px-xxl-0 {
    padding-left: var(--spacer-0, 0);
  }
  .c-p-xxl-1 {
    padding: var(--spacer-1, 4px);
  }
  .c-pt-xxl-1,
  .c-py-xxl-1 {
    padding-top: var(--spacer-1, 4px);
  }
  .c-pr-xxl-1,
  .c-px-xxl-1 {
    padding-right: var(--spacer-1, 4px);
  }
  .c-pb-xxl-1,
  .c-py-xxl-1 {
    padding-bottom: var(--spacer-1, 4px);
  }
  .c-pl-xxl-1,
  .c-px-xxl-1 {
    padding-left: var(--spacer-1, 4px);
  }
  .c-p-xxl-2 {
    padding: var(--spacer-2, 8px);
  }
  .c-pt-xxl-2,
  .c-py-xxl-2 {
    padding-top: var(--spacer-2, 8px);
  }
  .c-pr-xxl-2,
  .c-px-xxl-2 {
    padding-right: var(--spacer-2, 8px);
  }
  .c-pb-xxl-2,
  .c-py-xxl-2 {
    padding-bottom: var(--spacer-2, 8px);
  }
  .c-pl-xxl-2,
  .c-px-xxl-2 {
    padding-left: var(--spacer-2, 8px);
  }
  .c-p-xxl-3 {
    padding: var(--spacer-3, 16px);
  }
  .c-pt-xxl-3,
  .c-py-xxl-3 {
    padding-top: var(--spacer-3, 16px);
  }
  .c-pr-xxl-3,
  .c-px-xxl-3 {
    padding-right: var(--spacer-3, 16px);
  }
  .c-pb-xxl-3,
  .c-py-xxl-3 {
    padding-bottom: var(--spacer-3, 16px);
  }
  .c-pl-xxl-3,
  .c-px-xxl-3 {
    padding-left: var(--spacer-3, 16px);
  }
  .c-p-xxl-4 {
    padding: var(--spacer-4, 24px);
  }
  .c-pt-xxl-4,
  .c-py-xxl-4 {
    padding-top: var(--spacer-4, 24px);
  }
  .c-pr-xxl-4,
  .c-px-xxl-4 {
    padding-right: var(--spacer-4, 24px);
  }
  .c-pb-xxl-4,
  .c-py-xxl-4 {
    padding-bottom: var(--spacer-4, 24px);
  }
  .c-pl-xxl-4,
  .c-px-xxl-4 {
    padding-left: var(--spacer-4, 24px);
  }
  .c-p-xxl-5 {
    padding: var(--spacer-5, 32px);
  }
  .c-pt-xxl-5,
  .c-py-xxl-5 {
    padding-top: var(--spacer-5, 32px);
  }
  .c-pr-xxl-5,
  .c-px-xxl-5 {
    padding-right: var(--spacer-5, 32px);
  }
  .c-pb-xxl-5,
  .c-py-xxl-5 {
    padding-bottom: var(--spacer-5, 32px);
  }
  .c-pl-xxl-5,
  .c-px-xxl-5 {
    padding-left: var(--spacer-5, 32px);
  }
  .c-p-xxl-6 {
    padding: var(--spacer-6, 40px);
  }
  .c-pt-xxl-6,
  .c-py-xxl-6 {
    padding-top: var(--spacer-6, 40px);
  }
  .c-pr-xxl-6,
  .c-px-xxl-6 {
    padding-right: var(--spacer-6, 40px);
  }
  .c-pb-xxl-6,
  .c-py-xxl-6 {
    padding-bottom: var(--spacer-6, 40px);
  }
  .c-pl-xxl-6,
  .c-px-xxl-6 {
    padding-left: var(--spacer-6, 40px);
  }
  .c-p-xxl-7 {
    padding: var(--spacer-7, 48px);
  }
  .c-pt-xxl-7,
  .c-py-xxl-7 {
    padding-top: var(--spacer-7, 48px);
  }
  .c-pr-xxl-7,
  .c-px-xxl-7 {
    padding-right: var(--spacer-7, 48px);
  }
  .c-pb-xxl-7,
  .c-py-xxl-7 {
    padding-bottom: var(--spacer-7, 48px);
  }
  .c-pl-xxl-7,
  .c-px-xxl-7 {
    padding-left: var(--spacer-7, 48px);
  }
  .c-p-xxl-8 {
    padding: var(--spacer-8, 56px);
  }
  .c-pt-xxl-8,
  .c-py-xxl-8 {
    padding-top: var(--spacer-8, 56px);
  }
  .c-pr-xxl-8,
  .c-px-xxl-8 {
    padding-right: var(--spacer-8, 56px);
  }
  .c-pb-xxl-8,
  .c-py-xxl-8 {
    padding-bottom: var(--spacer-8, 56px);
  }
  .c-pl-xxl-8,
  .c-px-xxl-8 {
    padding-left: var(--spacer-8, 56px);
  }
  .c-p-xxl-9 {
    padding: var(--spacer-9, 64px);
  }
  .c-pt-xxl-9,
  .c-py-xxl-9 {
    padding-top: var(--spacer-9, 64px);
  }
  .c-pr-xxl-9,
  .c-px-xxl-9 {
    padding-right: var(--spacer-9, 64px);
  }
  .c-pb-xxl-9,
  .c-py-xxl-9 {
    padding-bottom: var(--spacer-9, 64px);
  }
  .c-pl-xxl-9,
  .c-px-xxl-9 {
    padding-left: var(--spacer-9, 64px);
  }
  .c-p-xxl-10 {
    padding: var(--spacer-10, 80px);
  }
  .c-pt-xxl-10,
  .c-py-xxl-10 {
    padding-top: var(--spacer-10, 80px);
  }
  .c-pr-xxl-10,
  .c-px-xxl-10 {
    padding-right: var(--spacer-10, 80px);
  }
  .c-pb-xxl-10,
  .c-py-xxl-10 {
    padding-bottom: var(--spacer-10, 80px);
  }
  .c-pl-xxl-10,
  .c-px-xxl-10 {
    padding-left: var(--spacer-10, 80px);
  }
  .c-m-xxl-n1 {
    margin: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mt-xxl-n1,
  .c-my-xxl-n1 {
    margin-top: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mr-xxl-n1,
  .c-mx-xxl-n1 {
    margin-right: calc(var(--spacer-1, 4px) * -1);
  }
  .c-mb-xxl-n1,
  .c-my-xxl-n1 {
    margin-bottom: calc(var(--spacer-1, 4px) * -1);
  }
  .c-ml-xxl-n1,
  .c-mx-xxl-n1 {
    margin-left: calc(var(--spacer-1, 4px) * -1);
  }
  .c-m-xxl-n2 {
    margin: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mt-xxl-n2,
  .c-my-xxl-n2 {
    margin-top: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mr-xxl-n2,
  .c-mx-xxl-n2 {
    margin-right: calc(var(--spacer-2, 8px) * -1);
  }
  .c-mb-xxl-n2,
  .c-my-xxl-n2 {
    margin-bottom: calc(var(--spacer-2, 8px) * -1);
  }
  .c-ml-xxl-n2,
  .c-mx-xxl-n2 {
    margin-left: calc(var(--spacer-2, 8px) * -1);
  }
  .c-m-xxl-n3 {
    margin: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mt-xxl-n3,
  .c-my-xxl-n3 {
    margin-top: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mr-xxl-n3,
  .c-mx-xxl-n3 {
    margin-right: calc(var(--spacer-3, 16px) * -1);
  }
  .c-mb-xxl-n3,
  .c-my-xxl-n3 {
    margin-bottom: calc(var(--spacer-3, 16px) * -1);
  }
  .c-ml-xxl-n3,
  .c-mx-xxl-n3 {
    margin-left: calc(var(--spacer-3, 16px) * -1);
  }
  .c-m-xxl-n4 {
    margin: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mt-xxl-n4,
  .c-my-xxl-n4 {
    margin-top: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mr-xxl-n4,
  .c-mx-xxl-n4 {
    margin-right: calc(var(--spacer-4, 24px) * -1);
  }
  .c-mb-xxl-n4,
  .c-my-xxl-n4 {
    margin-bottom: calc(var(--spacer-4, 24px) * -1);
  }
  .c-ml-xxl-n4,
  .c-mx-xxl-n4 {
    margin-left: calc(var(--spacer-4, 24px) * -1);
  }
  .c-m-xxl-n5 {
    margin: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mt-xxl-n5,
  .c-my-xxl-n5 {
    margin-top: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mr-xxl-n5,
  .c-mx-xxl-n5 {
    margin-right: calc(var(--spacer-5, 32px) * -1);
  }
  .c-mb-xxl-n5,
  .c-my-xxl-n5 {
    margin-bottom: calc(var(--spacer-5, 32px) * -1);
  }
  .c-ml-xxl-n5,
  .c-mx-xxl-n5 {
    margin-left: calc(var(--spacer-5, 32px) * -1);
  }
  .c-m-xxl-n6 {
    margin: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mt-xxl-n6,
  .c-my-xxl-n6 {
    margin-top: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mr-xxl-n6,
  .c-mx-xxl-n6 {
    margin-right: calc(var(--spacer-6, 40px) * -1);
  }
  .c-mb-xxl-n6,
  .c-my-xxl-n6 {
    margin-bottom: calc(var(--spacer-6, 40px) * -1);
  }
  .c-ml-xxl-n6,
  .c-mx-xxl-n6 {
    margin-left: calc(var(--spacer-6, 40px) * -1);
  }
  .c-m-xxl-n7 {
    margin: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mt-xxl-n7,
  .c-my-xxl-n7 {
    margin-top: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mr-xxl-n7,
  .c-mx-xxl-n7 {
    margin-right: calc(var(--spacer-7, 48px) * -1);
  }
  .c-mb-xxl-n7,
  .c-my-xxl-n7 {
    margin-bottom: calc(var(--spacer-7, 48px) * -1);
  }
  .c-ml-xxl-n7,
  .c-mx-xxl-n7 {
    margin-left: calc(var(--spacer-7, 48px) * -1);
  }
  .c-m-xxl-n8 {
    margin: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mt-xxl-n8,
  .c-my-xxl-n8 {
    margin-top: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mr-xxl-n8,
  .c-mx-xxl-n8 {
    margin-right: calc(var(--spacer-8, 56px) * -1);
  }
  .c-mb-xxl-n8,
  .c-my-xxl-n8 {
    margin-bottom: calc(var(--spacer-8, 56px) * -1);
  }
  .c-ml-xxl-n8,
  .c-mx-xxl-n8 {
    margin-left: calc(var(--spacer-8, 56px) * -1);
  }
  .c-m-xxl-n9 {
    margin: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mt-xxl-n9,
  .c-my-xxl-n9 {
    margin-top: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mr-xxl-n9,
  .c-mx-xxl-n9 {
    margin-right: calc(var(--spacer-9, 64px) * -1);
  }
  .c-mb-xxl-n9,
  .c-my-xxl-n9 {
    margin-bottom: calc(var(--spacer-9, 64px) * -1);
  }
  .c-ml-xxl-n9,
  .c-mx-xxl-n9 {
    margin-left: calc(var(--spacer-9, 64px) * -1);
  }
  .c-m-xxl-n10 {
    margin: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mt-xxl-n10,
  .c-my-xxl-n10 {
    margin-top: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mr-xxl-n10,
  .c-mx-xxl-n10 {
    margin-right: calc(var(--spacer-10, 80px) * -1);
  }
  .c-mb-xxl-n10,
  .c-my-xxl-n10 {
    margin-bottom: calc(var(--spacer-10, 80px) * -1);
  }
  .c-ml-xxl-n10,
  .c-mx-xxl-n10 {
    margin-left: calc(var(--spacer-10, 80px) * -1);
  }
  .c-m-xxl-auto {
    margin: auto;
  }
  .c-mt-xxl-auto,
  .c-my-xxl-auto {
    margin-top: auto;
  }
  .c-mr-xxl-auto,
  .c-mx-xxl-auto {
    margin-right: auto;
  }
  .c-mb-xxl-auto,
  .c-my-xxl-auto {
    margin-bottom: auto;
  }
  .c-ml-xxl-auto,
  .c-mx-xxl-auto {
    margin-left: auto;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}

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

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

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

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: var(--primary, #005D44) !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #002a1f !important;
}

.bg-secondary {
  background-color: var(--secondary, #6b6c7e) !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545462 !important;
}

.bg-success {
  background-color: var(--success, #287d3c) !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1c5629 !important;
}

.bg-info {
  background-color: var(--info, #2e5aac) !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #234584 !important;
}

.bg-warning {
  background-color: var(--warning, #b95000) !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #863a00 !important;
}

.bg-danger {
  background-color: var(--danger, #da1414) !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #ab1010 !important;
}

.bg-light {
  background-color: var(--light, #f1f2f5) !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #d3d6e0 !important;
}

.bg-dark {
  background-color: var(--dark, #272833) !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #111116 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-gray-dark {
  background-color: var(--gray-800, #393a4a) !important;
}

.bg-lighter {
  background-color: var(--gray-100, #f7f8f9) !important;
}

.border {
  border: 0.0625rem solid #f1f2f5 !important;
}

.border-top {
  border-top: 0.0625rem solid #f1f2f5 !important;
}

.border-right {
  border-right: 0.0625rem solid #f1f2f5 !important;
}

.border-bottom {
  border-bottom: 0.0625rem solid #f1f2f5 !important;
}

.border-left {
  border-left: 0.0625rem solid #f1f2f5 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: var(--primary, #005D44) !important;
}

.border-secondary {
  border-color: var(--secondary, #6b6c7e) !important;
}

.border-success {
  border-color: var(--success, #287d3c) !important;
}

.border-info {
  border-color: var(--info, #2e5aac) !important;
}

.border-warning {
  border-color: var(--warning, #b95000) !important;
}

.border-danger {
  border-color: var(--danger, #da1414) !important;
}

.border-light {
  border-color: var(--light, #f1f2f5) !important;
}

.border-dark {
  border-color: var(--dark, #272833) !important;
}

.border-white {
  border-color: #fff !important;
}

.border-gray-dark {
  border-color: var(--gray-800, #393a4a) !important;
}

.border-lighter {
  border-color: var(-gray-100, #f7f8f9) !important;
}

.rounded-sm {
  border-radius: var(--border-radius-sm, 0.1875rem) !important;
}

.rounded {
  border-radius: var(--border-radius, 0.25rem) !important;
}

.rounded-top {
  border-top-left-radius: var(--border-radius, 0.25rem) !important;
  border-top-right-radius: var(--border-radius, 0.25rem) !important;
}

.rounded-right {
  border-bottom-right-radius: var(--border-radius, 0.25rem) !important;
  border-top-right-radius: var(--border-radius, 0.25rem) !important;
}

.rounded-bottom {
  border-bottom-left-radius: var(--border-radius, 0.25rem) !important;
  border-bottom-right-radius: var(--border-radius, 0.25rem) !important;
}

.rounded-left {
  border-bottom-left-radius: var(--border-radius, 0.25rem) !important;
  border-top-left-radius: var(--border-radius, 0.25rem) !important;
}

.rounded-lg {
  border-radius: var(--border-radius-lg, 0.375rem) !important;
}

.rounded-circle {
  border-radius: var(--border-radius-circle, 5000px) !important;
}

.rounded-pill {
  border-radius: var(--rounded-pill, 50rem) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  clear: both;
  content: "";
  display: block;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-contents {
  display: contents !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-contents {
    display: contents !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-contents {
    display: contents !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-contents {
    display: contents !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1280px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-contents {
    display: contents !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1440px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-contents {
    display: contents !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
}
.hide {
  display: none !important;
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-contents {
    display: contents !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
/* SPDX-SnippetBegin
 * SPDX-License-Identifier: MIT
 * SPDX-SnippetCopyrightText: © 2012 Nicolas Gallagher <https://github.com/suitcss/components-flex-embed>
 */
.embed-responsive {
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}
.embed-responsive::before {
  content: "";
  display: block;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  border-width: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.embed-responsive-21by9::before {
  padding-top: calc(
				9 /
					21 *
					100%
			);
}

.embed-responsive-16by9::before {
  padding-top: calc(
				9 /
					16 *
					100%
			);
}

.embed-responsive-4by3::before {
  padding-top: calc(
				3 /
					4 *
					100%
			);
}

.embed-responsive-1by1::before {
  padding-top: calc(
				1 /
					1 *
					100%
			);
}

.embed-responsive-21by9::before {
  padding-top: calc(
				9 /
					21 *
					100%
			);
}

.embed-responsive-16by9::before {
  padding-top: calc(
				9 /
					16 *
					100%
			);
}

.embed-responsive-4by3::before {
  padding-top: calc(
				3 /
					4 *
					100%
			);
}

.embed-responsive-1by1::before {
  padding-top: calc(
				1 /
					1 *
					100%
			);
}

.embed-responsive-21by9::before {
  padding-top: calc(
				9 /
					21 *
					100%
			);
}

.embed-responsive-16by9::before {
  padding-top: calc(
				9 /
					16 *
					100%
			);
}

.embed-responsive-4by3::before {
  padding-top: calc(
				3 /
					4 *
					100%
			);
}

.embed-responsive-1by1::before {
  padding-top: calc(
				1 /
					1 *
					100%
			);
}

.embed-responsive-21by9::before {
  padding-top: calc(
				9 /
					21 *
					100%
			);
}

.embed-responsive-16by9::before {
  padding-top: calc(
				9 /
					16 *
					100%
			);
}

.embed-responsive-4by3::before {
  padding-top: calc(
				3 /
					4 *
					100%
			);
}

.embed-responsive-1by1::before {
  padding-top: calc(
				1 /
					1 *
					100%
			);
}

.embed-responsive-21by9::before {
  padding-top: calc(
				9 /
					21 *
					100%
			);
}

.embed-responsive-16by9::before {
  padding-top: calc(
				9 /
					16 *
					100%
			);
}

.embed-responsive-4by3::before {
  padding-top: calc(
				3 /
					4 *
					100%
			);
}

.embed-responsive-1by1::before {
  padding-top: calc(
				1 /
					1 *
					100%
			);
}

.embed-responsive-21by9::before {
  padding-top: calc(
				9 /
					21 *
					100%
			);
}

.embed-responsive-16by9::before {
  padding-top: calc(
				9 /
					16 *
					100%
			);
}

.embed-responsive-4by3::before {
  padding-top: calc(
				3 /
					4 *
					100%
			);
}

.embed-responsive-1by1::before {
  padding-top: calc(
				1 /
					1 *
					100%
			);
}

/* SPDX-SnippetEnd */
.flex-row {
  flex-direction: row !important;
}

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

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

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

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

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

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

.flex-fill {
  flex: 1 1 auto !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1280px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1440px) {
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1280px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
@media (min-width: 1440px) {
  .float-xxl-left {
    float: left !important;
  }
  .float-xxl-right {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1030;
}

.fixed-bottom {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto;
}

.shadow-sm {
  box-shadow: var(--box-shadow-sm, 0 0.125rem 0.25rem rgba(7, 29, 31, 0.075)) !important;
}

.shadow {
  box-shadow: var(--box-shadow, 0 0.5rem 1rem rgba(7, 29, 31, 0.15)) !important;
}

.shadow-lg {
  box-shadow: var(--box-shadow-lg, 0 1rem 3rem rgba(7, 29, 31, 0.175)) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: var(--spacer-0, 0) !important;
}

.mt-0,
.my-0 {
  margin-top: var(--spacer-0, 0) !important;
}

.mr-0,
.mx-0 {
  margin-right: var(--spacer-0, 0) !important;
}

.mb-0,
.my-0 {
  margin-bottom: var(--spacer-0, 0) !important;
}

.ml-0,
.mx-0 {
  margin-left: var(--spacer-0, 0) !important;
}

.m-1 {
  margin: var(--spacer-1, 4px) !important;
}

.mt-1,
.my-1 {
  margin-top: var(--spacer-1, 4px) !important;
}

.mr-1,
.mx-1 {
  margin-right: var(--spacer-1, 4px) !important;
}

.mb-1,
.my-1 {
  margin-bottom: var(--spacer-1, 4px) !important;
}

.ml-1,
.mx-1 {
  margin-left: var(--spacer-1, 4px) !important;
}

.m-2 {
  margin: var(--spacer-2, 8px) !important;
}

.mt-2,
.my-2 {
  margin-top: var(--spacer-2, 8px) !important;
}

.mr-2,
.mx-2 {
  margin-right: var(--spacer-2, 8px) !important;
}

.mb-2,
.my-2 {
  margin-bottom: var(--spacer-2, 8px) !important;
}

.ml-2,
.mx-2 {
  margin-left: var(--spacer-2, 8px) !important;
}

.m-3 {
  margin: var(--spacer-3, 16px) !important;
}

.mt-3,
.my-3 {
  margin-top: var(--spacer-3, 16px) !important;
}

.mr-3,
.mx-3 {
  margin-right: var(--spacer-3, 16px) !important;
}

.mb-3,
.my-3 {
  margin-bottom: var(--spacer-3, 16px) !important;
}

.ml-3,
.mx-3 {
  margin-left: var(--spacer-3, 16px) !important;
}

.m-4 {
  margin: var(--spacer-4, 24px) !important;
}

.mt-4,
.my-4 {
  margin-top: var(--spacer-4, 24px) !important;
}

.mr-4,
.mx-4 {
  margin-right: var(--spacer-4, 24px) !important;
}

.mb-4,
.my-4 {
  margin-bottom: var(--spacer-4, 24px) !important;
}

.ml-4,
.mx-4 {
  margin-left: var(--spacer-4, 24px) !important;
}

.m-5 {
  margin: var(--spacer-5, 32px) !important;
}

.mt-5,
.my-5 {
  margin-top: var(--spacer-5, 32px) !important;
}

.mr-5,
.mx-5 {
  margin-right: var(--spacer-5, 32px) !important;
}

.mb-5,
.my-5 {
  margin-bottom: var(--spacer-5, 32px) !important;
}

.ml-5,
.mx-5 {
  margin-left: var(--spacer-5, 32px) !important;
}

.m-6 {
  margin: var(--spacer-6, 40px) !important;
}

.mt-6,
.my-6 {
  margin-top: var(--spacer-6, 40px) !important;
}

.mr-6,
.mx-6 {
  margin-right: var(--spacer-6, 40px) !important;
}

.mb-6,
.my-6 {
  margin-bottom: var(--spacer-6, 40px) !important;
}

.ml-6,
.mx-6 {
  margin-left: var(--spacer-6, 40px) !important;
}

.m-7 {
  margin: var(--spacer-7, 48px) !important;
}

.mt-7,
.my-7 {
  margin-top: var(--spacer-7, 48px) !important;
}

.mr-7,
.mx-7 {
  margin-right: var(--spacer-7, 48px) !important;
}

.mb-7,
.my-7 {
  margin-bottom: var(--spacer-7, 48px) !important;
}

.ml-7,
.mx-7 {
  margin-left: var(--spacer-7, 48px) !important;
}

.m-8 {
  margin: var(--spacer-8, 56px) !important;
}

.mt-8,
.my-8 {
  margin-top: var(--spacer-8, 56px) !important;
}

.mr-8,
.mx-8 {
  margin-right: var(--spacer-8, 56px) !important;
}

.mb-8,
.my-8 {
  margin-bottom: var(--spacer-8, 56px) !important;
}

.ml-8,
.mx-8 {
  margin-left: var(--spacer-8, 56px) !important;
}

.m-9 {
  margin: var(--spacer-9, 64px) !important;
}

.mt-9,
.my-9 {
  margin-top: var(--spacer-9, 64px) !important;
}

.mr-9,
.mx-9 {
  margin-right: var(--spacer-9, 64px) !important;
}

.mb-9,
.my-9 {
  margin-bottom: var(--spacer-9, 64px) !important;
}

.ml-9,
.mx-9 {
  margin-left: var(--spacer-9, 64px) !important;
}

.m-10 {
  margin: var(--spacer-10, 80px) !important;
}

.mt-10,
.my-10 {
  margin-top: var(--spacer-10, 80px) !important;
}

.mr-10,
.mx-10 {
  margin-right: var(--spacer-10, 80px) !important;
}

.mb-10,
.my-10 {
  margin-bottom: var(--spacer-10, 80px) !important;
}

.ml-10,
.mx-10 {
  margin-left: var(--spacer-10, 80px) !important;
}

.p-0 {
  padding: var(--spacer-0, 0) !important;
}

.pt-0,
.py-0 {
  padding-top: var(--spacer-0, 0) !important;
}

.pr-0,
.px-0 {
  padding-right: var(--spacer-0, 0) !important;
}

.pb-0,
.py-0 {
  padding-bottom: var(--spacer-0, 0) !important;
}

.pl-0,
.px-0 {
  padding-left: var(--spacer-0, 0) !important;
}

.p-1 {
  padding: var(--spacer-1, 4px) !important;
}

.pt-1,
.py-1 {
  padding-top: var(--spacer-1, 4px) !important;
}

.pr-1,
.px-1 {
  padding-right: var(--spacer-1, 4px) !important;
}

.pb-1,
.py-1 {
  padding-bottom: var(--spacer-1, 4px) !important;
}

.pl-1,
.px-1 {
  padding-left: var(--spacer-1, 4px) !important;
}

.p-2 {
  padding: var(--spacer-2, 8px) !important;
}

.pt-2,
.py-2 {
  padding-top: var(--spacer-2, 8px) !important;
}

.pr-2,
.px-2 {
  padding-right: var(--spacer-2, 8px) !important;
}

.pb-2,
.py-2 {
  padding-bottom: var(--spacer-2, 8px) !important;
}

.pl-2,
.px-2 {
  padding-left: var(--spacer-2, 8px) !important;
}

.p-3 {
  padding: var(--spacer-3, 16px) !important;
}

.pt-3,
.py-3 {
  padding-top: var(--spacer-3, 16px) !important;
}

.pr-3,
.px-3 {
  padding-right: var(--spacer-3, 16px) !important;
}

.pb-3,
.py-3 {
  padding-bottom: var(--spacer-3, 16px) !important;
}

.pl-3,
.px-3 {
  padding-left: var(--spacer-3, 16px) !important;
}

.p-4 {
  padding: var(--spacer-4, 24px) !important;
}

.pt-4,
.py-4 {
  padding-top: var(--spacer-4, 24px) !important;
}

.pr-4,
.px-4 {
  padding-right: var(--spacer-4, 24px) !important;
}

.pb-4,
.py-4 {
  padding-bottom: var(--spacer-4, 24px) !important;
}

.pl-4,
.px-4 {
  padding-left: var(--spacer-4, 24px) !important;
}

.p-5 {
  padding: var(--spacer-5, 32px) !important;
}

.pt-5,
.py-5 {
  padding-top: var(--spacer-5, 32px) !important;
}

.pr-5,
.px-5 {
  padding-right: var(--spacer-5, 32px) !important;
}

.pb-5,
.py-5 {
  padding-bottom: var(--spacer-5, 32px) !important;
}

.pl-5,
.px-5 {
  padding-left: var(--spacer-5, 32px) !important;
}

.p-6 {
  padding: var(--spacer-6, 40px) !important;
}

.pt-6,
.py-6 {
  padding-top: var(--spacer-6, 40px) !important;
}

.pr-6,
.px-6 {
  padding-right: var(--spacer-6, 40px) !important;
}

.pb-6,
.py-6 {
  padding-bottom: var(--spacer-6, 40px) !important;
}

.pl-6,
.px-6 {
  padding-left: var(--spacer-6, 40px) !important;
}

.p-7 {
  padding: var(--spacer-7, 48px) !important;
}

.pt-7,
.py-7 {
  padding-top: var(--spacer-7, 48px) !important;
}

.pr-7,
.px-7 {
  padding-right: var(--spacer-7, 48px) !important;
}

.pb-7,
.py-7 {
  padding-bottom: var(--spacer-7, 48px) !important;
}

.pl-7,
.px-7 {
  padding-left: var(--spacer-7, 48px) !important;
}

.p-8 {
  padding: var(--spacer-8, 56px) !important;
}

.pt-8,
.py-8 {
  padding-top: var(--spacer-8, 56px) !important;
}

.pr-8,
.px-8 {
  padding-right: var(--spacer-8, 56px) !important;
}

.pb-8,
.py-8 {
  padding-bottom: var(--spacer-8, 56px) !important;
}

.pl-8,
.px-8 {
  padding-left: var(--spacer-8, 56px) !important;
}

.p-9 {
  padding: var(--spacer-9, 64px) !important;
}

.pt-9,
.py-9 {
  padding-top: var(--spacer-9, 64px) !important;
}

.pr-9,
.px-9 {
  padding-right: var(--spacer-9, 64px) !important;
}

.pb-9,
.py-9 {
  padding-bottom: var(--spacer-9, 64px) !important;
}

.pl-9,
.px-9 {
  padding-left: var(--spacer-9, 64px) !important;
}

.p-10 {
  padding: var(--spacer-10, 80px) !important;
}

.pt-10,
.py-10 {
  padding-top: var(--spacer-10, 80px) !important;
}

.pr-10,
.px-10 {
  padding-right: var(--spacer-10, 80px) !important;
}

.pb-10,
.py-10 {
  padding-bottom: var(--spacer-10, 80px) !important;
}

.pl-10,
.px-10 {
  padding-left: var(--spacer-10, 80px) !important;
}

.m-n1 {
  margin: calc(var(--spacer-1, 4px) * -1) !important;
}

.mt-n1,
.my-n1 {
  margin-top: calc(var(--spacer-1, 4px) * -1) !important;
}

.mr-n1,
.mx-n1 {
  margin-right: calc(var(--spacer-1, 4px) * -1) !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: calc(var(--spacer-1, 4px) * -1) !important;
}

.ml-n1,
.mx-n1 {
  margin-left: calc(var(--spacer-1, 4px) * -1) !important;
}

.m-n2 {
  margin: calc(var(--spacer-2, 8px) * -1) !important;
}

.mt-n2,
.my-n2 {
  margin-top: calc(var(--spacer-2, 8px) * -1) !important;
}

.mr-n2,
.mx-n2 {
  margin-right: calc(var(--spacer-2, 8px) * -1) !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: calc(var(--spacer-2, 8px) * -1) !important;
}

.ml-n2,
.mx-n2 {
  margin-left: calc(var(--spacer-2, 8px) * -1) !important;
}

.m-n3 {
  margin: calc(var(--spacer-3, 16px) * -1) !important;
}

.mt-n3,
.my-n3 {
  margin-top: calc(var(--spacer-3, 16px) * -1) !important;
}

.mr-n3,
.mx-n3 {
  margin-right: calc(var(--spacer-3, 16px) * -1) !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: calc(var(--spacer-3, 16px) * -1) !important;
}

.ml-n3,
.mx-n3 {
  margin-left: calc(var(--spacer-3, 16px) * -1) !important;
}

.m-n4 {
  margin: calc(var(--spacer-4, 24px) * -1) !important;
}

.mt-n4,
.my-n4 {
  margin-top: calc(var(--spacer-4, 24px) * -1) !important;
}

.mr-n4,
.mx-n4 {
  margin-right: calc(var(--spacer-4, 24px) * -1) !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: calc(var(--spacer-4, 24px) * -1) !important;
}

.ml-n4,
.mx-n4 {
  margin-left: calc(var(--spacer-4, 24px) * -1) !important;
}

.m-n5 {
  margin: calc(var(--spacer-5, 32px) * -1) !important;
}

.mt-n5,
.my-n5 {
  margin-top: calc(var(--spacer-5, 32px) * -1) !important;
}

.mr-n5,
.mx-n5 {
  margin-right: calc(var(--spacer-5, 32px) * -1) !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: calc(var(--spacer-5, 32px) * -1) !important;
}

.ml-n5,
.mx-n5 {
  margin-left: calc(var(--spacer-5, 32px) * -1) !important;
}

.m-n6 {
  margin: calc(var(--spacer-6, 40px) * -1) !important;
}

.mt-n6,
.my-n6 {
  margin-top: calc(var(--spacer-6, 40px) * -1) !important;
}

.mr-n6,
.mx-n6 {
  margin-right: calc(var(--spacer-6, 40px) * -1) !important;
}

.mb-n6,
.my-n6 {
  margin-bottom: calc(var(--spacer-6, 40px) * -1) !important;
}

.ml-n6,
.mx-n6 {
  margin-left: calc(var(--spacer-6, 40px) * -1) !important;
}

.m-n7 {
  margin: calc(var(--spacer-7, 48px) * -1) !important;
}

.mt-n7,
.my-n7 {
  margin-top: calc(var(--spacer-7, 48px) * -1) !important;
}

.mr-n7,
.mx-n7 {
  margin-right: calc(var(--spacer-7, 48px) * -1) !important;
}

.mb-n7,
.my-n7 {
  margin-bottom: calc(var(--spacer-7, 48px) * -1) !important;
}

.ml-n7,
.mx-n7 {
  margin-left: calc(var(--spacer-7, 48px) * -1) !important;
}

.m-n8 {
  margin: calc(var(--spacer-8, 56px) * -1) !important;
}

.mt-n8,
.my-n8 {
  margin-top: calc(var(--spacer-8, 56px) * -1) !important;
}

.mr-n8,
.mx-n8 {
  margin-right: calc(var(--spacer-8, 56px) * -1) !important;
}

.mb-n8,
.my-n8 {
  margin-bottom: calc(var(--spacer-8, 56px) * -1) !important;
}

.ml-n8,
.mx-n8 {
  margin-left: calc(var(--spacer-8, 56px) * -1) !important;
}

.m-n9 {
  margin: calc(var(--spacer-9, 64px) * -1) !important;
}

.mt-n9,
.my-n9 {
  margin-top: calc(var(--spacer-9, 64px) * -1) !important;
}

.mr-n9,
.mx-n9 {
  margin-right: calc(var(--spacer-9, 64px) * -1) !important;
}

.mb-n9,
.my-n9 {
  margin-bottom: calc(var(--spacer-9, 64px) * -1) !important;
}

.ml-n9,
.mx-n9 {
  margin-left: calc(var(--spacer-9, 64px) * -1) !important;
}

.m-n10 {
  margin: calc(var(--spacer-10, 80px) * -1) !important;
}

.mt-n10,
.my-n10 {
  margin-top: calc(var(--spacer-10, 80px) * -1) !important;
}

.mr-n10,
.mx-n10 {
  margin-right: calc(var(--spacer-10, 80px) * -1) !important;
}

.mb-n10,
.my-n10 {
  margin-bottom: calc(var(--spacer-10, 80px) * -1) !important;
}

.ml-n10,
.mx-n10 {
  margin-left: calc(var(--spacer-10, 80px) * -1) !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: var(--spacer-0, 0) !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: var(--spacer-0, 0) !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: var(--spacer-0, 0) !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: var(--spacer-0, 0) !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: var(--spacer-0, 0) !important;
  }
  .m-sm-1 {
    margin: var(--spacer-1, 4px) !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: var(--spacer-1, 4px) !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: var(--spacer-1, 4px) !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: var(--spacer-1, 4px) !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: var(--spacer-1, 4px) !important;
  }
  .m-sm-2 {
    margin: var(--spacer-2, 8px) !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: var(--spacer-2, 8px) !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: var(--spacer-2, 8px) !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: var(--spacer-2, 8px) !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: var(--spacer-2, 8px) !important;
  }
  .m-sm-3 {
    margin: var(--spacer-3, 16px) !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: var(--spacer-3, 16px) !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: var(--spacer-3, 16px) !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: var(--spacer-3, 16px) !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: var(--spacer-3, 16px) !important;
  }
  .m-sm-4 {
    margin: var(--spacer-4, 24px) !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: var(--spacer-4, 24px) !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: var(--spacer-4, 24px) !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: var(--spacer-4, 24px) !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: var(--spacer-4, 24px) !important;
  }
  .m-sm-5 {
    margin: var(--spacer-5, 32px) !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: var(--spacer-5, 32px) !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: var(--spacer-5, 32px) !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: var(--spacer-5, 32px) !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: var(--spacer-5, 32px) !important;
  }
  .m-sm-6 {
    margin: var(--spacer-6, 40px) !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: var(--spacer-6, 40px) !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: var(--spacer-6, 40px) !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: var(--spacer-6, 40px) !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: var(--spacer-6, 40px) !important;
  }
  .m-sm-7 {
    margin: var(--spacer-7, 48px) !important;
  }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: var(--spacer-7, 48px) !important;
  }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: var(--spacer-7, 48px) !important;
  }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: var(--spacer-7, 48px) !important;
  }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: var(--spacer-7, 48px) !important;
  }
  .m-sm-8 {
    margin: var(--spacer-8, 56px) !important;
  }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: var(--spacer-8, 56px) !important;
  }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: var(--spacer-8, 56px) !important;
  }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: var(--spacer-8, 56px) !important;
  }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: var(--spacer-8, 56px) !important;
  }
  .m-sm-9 {
    margin: var(--spacer-9, 64px) !important;
  }
  .mt-sm-9,
  .my-sm-9 {
    margin-top: var(--spacer-9, 64px) !important;
  }
  .mr-sm-9,
  .mx-sm-9 {
    margin-right: var(--spacer-9, 64px) !important;
  }
  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: var(--spacer-9, 64px) !important;
  }
  .ml-sm-9,
  .mx-sm-9 {
    margin-left: var(--spacer-9, 64px) !important;
  }
  .m-sm-10 {
    margin: var(--spacer-10, 80px) !important;
  }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: var(--spacer-10, 80px) !important;
  }
  .mr-sm-10,
  .mx-sm-10 {
    margin-right: var(--spacer-10, 80px) !important;
  }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: var(--spacer-10, 80px) !important;
  }
  .ml-sm-10,
  .mx-sm-10 {
    margin-left: var(--spacer-10, 80px) !important;
  }
  .p-sm-0 {
    padding: var(--spacer-0, 0) !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: var(--spacer-0, 0) !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: var(--spacer-0, 0) !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: var(--spacer-0, 0) !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: var(--spacer-0, 0) !important;
  }
  .p-sm-1 {
    padding: var(--spacer-1, 4px) !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: var(--spacer-1, 4px) !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: var(--spacer-1, 4px) !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: var(--spacer-1, 4px) !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: var(--spacer-1, 4px) !important;
  }
  .p-sm-2 {
    padding: var(--spacer-2, 8px) !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: var(--spacer-2, 8px) !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: var(--spacer-2, 8px) !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: var(--spacer-2, 8px) !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: var(--spacer-2, 8px) !important;
  }
  .p-sm-3 {
    padding: var(--spacer-3, 16px) !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: var(--spacer-3, 16px) !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: var(--spacer-3, 16px) !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: var(--spacer-3, 16px) !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: var(--spacer-3, 16px) !important;
  }
  .p-sm-4 {
    padding: var(--spacer-4, 24px) !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: var(--spacer-4, 24px) !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: var(--spacer-4, 24px) !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: var(--spacer-4, 24px) !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: var(--spacer-4, 24px) !important;
  }
  .p-sm-5 {
    padding: var(--spacer-5, 32px) !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: var(--spacer-5, 32px) !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: var(--spacer-5, 32px) !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: var(--spacer-5, 32px) !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: var(--spacer-5, 32px) !important;
  }
  .p-sm-6 {
    padding: var(--spacer-6, 40px) !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: var(--spacer-6, 40px) !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: var(--spacer-6, 40px) !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: var(--spacer-6, 40px) !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: var(--spacer-6, 40px) !important;
  }
  .p-sm-7 {
    padding: var(--spacer-7, 48px) !important;
  }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: var(--spacer-7, 48px) !important;
  }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: var(--spacer-7, 48px) !important;
  }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: var(--spacer-7, 48px) !important;
  }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: var(--spacer-7, 48px) !important;
  }
  .p-sm-8 {
    padding: var(--spacer-8, 56px) !important;
  }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: var(--spacer-8, 56px) !important;
  }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: var(--spacer-8, 56px) !important;
  }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: var(--spacer-8, 56px) !important;
  }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: var(--spacer-8, 56px) !important;
  }
  .p-sm-9 {
    padding: var(--spacer-9, 64px) !important;
  }
  .pt-sm-9,
  .py-sm-9 {
    padding-top: var(--spacer-9, 64px) !important;
  }
  .pr-sm-9,
  .px-sm-9 {
    padding-right: var(--spacer-9, 64px) !important;
  }
  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: var(--spacer-9, 64px) !important;
  }
  .pl-sm-9,
  .px-sm-9 {
    padding-left: var(--spacer-9, 64px) !important;
  }
  .p-sm-10 {
    padding: var(--spacer-10, 80px) !important;
  }
  .pt-sm-10,
  .py-sm-10 {
    padding-top: var(--spacer-10, 80px) !important;
  }
  .pr-sm-10,
  .px-sm-10 {
    padding-right: var(--spacer-10, 80px) !important;
  }
  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: var(--spacer-10, 80px) !important;
  }
  .pl-sm-10,
  .px-sm-10 {
    padding-left: var(--spacer-10, 80px) !important;
  }
  .m-sm-n1 {
    margin: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .m-sm-n2 {
    margin: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .m-sm-n3 {
    margin: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .m-sm-n4 {
    margin: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .m-sm-n5 {
    margin: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .m-sm-n6 {
    margin: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mr-sm-n6,
  .mx-sm-n6 {
    margin-right: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .ml-sm-n6,
  .mx-sm-n6 {
    margin-left: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .m-sm-n7 {
    margin: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mt-sm-n7,
  .my-sm-n7 {
    margin-top: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mr-sm-n7,
  .mx-sm-n7 {
    margin-right: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mb-sm-n7,
  .my-sm-n7 {
    margin-bottom: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .ml-sm-n7,
  .mx-sm-n7 {
    margin-left: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .m-sm-n8 {
    margin: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mt-sm-n8,
  .my-sm-n8 {
    margin-top: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mr-sm-n8,
  .mx-sm-n8 {
    margin-right: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mb-sm-n8,
  .my-sm-n8 {
    margin-bottom: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .ml-sm-n8,
  .mx-sm-n8 {
    margin-left: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .m-sm-n9 {
    margin: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mt-sm-n9,
  .my-sm-n9 {
    margin-top: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mr-sm-n9,
  .mx-sm-n9 {
    margin-right: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mb-sm-n9,
  .my-sm-n9 {
    margin-bottom: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .ml-sm-n9,
  .mx-sm-n9 {
    margin-left: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .m-sm-n10 {
    margin: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mt-sm-n10,
  .my-sm-n10 {
    margin-top: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mr-sm-n10,
  .mx-sm-n10 {
    margin-right: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mb-sm-n10,
  .my-sm-n10 {
    margin-bottom: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .ml-sm-n10,
  .mx-sm-n10 {
    margin-left: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: var(--spacer-0, 0) !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: var(--spacer-0, 0) !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: var(--spacer-0, 0) !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: var(--spacer-0, 0) !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: var(--spacer-0, 0) !important;
  }
  .m-md-1 {
    margin: var(--spacer-1, 4px) !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: var(--spacer-1, 4px) !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: var(--spacer-1, 4px) !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: var(--spacer-1, 4px) !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: var(--spacer-1, 4px) !important;
  }
  .m-md-2 {
    margin: var(--spacer-2, 8px) !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: var(--spacer-2, 8px) !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: var(--spacer-2, 8px) !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: var(--spacer-2, 8px) !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: var(--spacer-2, 8px) !important;
  }
  .m-md-3 {
    margin: var(--spacer-3, 16px) !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: var(--spacer-3, 16px) !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: var(--spacer-3, 16px) !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: var(--spacer-3, 16px) !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: var(--spacer-3, 16px) !important;
  }
  .m-md-4 {
    margin: var(--spacer-4, 24px) !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: var(--spacer-4, 24px) !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: var(--spacer-4, 24px) !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: var(--spacer-4, 24px) !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: var(--spacer-4, 24px) !important;
  }
  .m-md-5 {
    margin: var(--spacer-5, 32px) !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: var(--spacer-5, 32px) !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: var(--spacer-5, 32px) !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: var(--spacer-5, 32px) !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: var(--spacer-5, 32px) !important;
  }
  .m-md-6 {
    margin: var(--spacer-6, 40px) !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: var(--spacer-6, 40px) !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: var(--spacer-6, 40px) !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: var(--spacer-6, 40px) !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: var(--spacer-6, 40px) !important;
  }
  .m-md-7 {
    margin: var(--spacer-7, 48px) !important;
  }
  .mt-md-7,
  .my-md-7 {
    margin-top: var(--spacer-7, 48px) !important;
  }
  .mr-md-7,
  .mx-md-7 {
    margin-right: var(--spacer-7, 48px) !important;
  }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: var(--spacer-7, 48px) !important;
  }
  .ml-md-7,
  .mx-md-7 {
    margin-left: var(--spacer-7, 48px) !important;
  }
  .m-md-8 {
    margin: var(--spacer-8, 56px) !important;
  }
  .mt-md-8,
  .my-md-8 {
    margin-top: var(--spacer-8, 56px) !important;
  }
  .mr-md-8,
  .mx-md-8 {
    margin-right: var(--spacer-8, 56px) !important;
  }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: var(--spacer-8, 56px) !important;
  }
  .ml-md-8,
  .mx-md-8 {
    margin-left: var(--spacer-8, 56px) !important;
  }
  .m-md-9 {
    margin: var(--spacer-9, 64px) !important;
  }
  .mt-md-9,
  .my-md-9 {
    margin-top: var(--spacer-9, 64px) !important;
  }
  .mr-md-9,
  .mx-md-9 {
    margin-right: var(--spacer-9, 64px) !important;
  }
  .mb-md-9,
  .my-md-9 {
    margin-bottom: var(--spacer-9, 64px) !important;
  }
  .ml-md-9,
  .mx-md-9 {
    margin-left: var(--spacer-9, 64px) !important;
  }
  .m-md-10 {
    margin: var(--spacer-10, 80px) !important;
  }
  .mt-md-10,
  .my-md-10 {
    margin-top: var(--spacer-10, 80px) !important;
  }
  .mr-md-10,
  .mx-md-10 {
    margin-right: var(--spacer-10, 80px) !important;
  }
  .mb-md-10,
  .my-md-10 {
    margin-bottom: var(--spacer-10, 80px) !important;
  }
  .ml-md-10,
  .mx-md-10 {
    margin-left: var(--spacer-10, 80px) !important;
  }
  .p-md-0 {
    padding: var(--spacer-0, 0) !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: var(--spacer-0, 0) !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: var(--spacer-0, 0) !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: var(--spacer-0, 0) !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: var(--spacer-0, 0) !important;
  }
  .p-md-1 {
    padding: var(--spacer-1, 4px) !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: var(--spacer-1, 4px) !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: var(--spacer-1, 4px) !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: var(--spacer-1, 4px) !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: var(--spacer-1, 4px) !important;
  }
  .p-md-2 {
    padding: var(--spacer-2, 8px) !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: var(--spacer-2, 8px) !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: var(--spacer-2, 8px) !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: var(--spacer-2, 8px) !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: var(--spacer-2, 8px) !important;
  }
  .p-md-3 {
    padding: var(--spacer-3, 16px) !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: var(--spacer-3, 16px) !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: var(--spacer-3, 16px) !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: var(--spacer-3, 16px) !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: var(--spacer-3, 16px) !important;
  }
  .p-md-4 {
    padding: var(--spacer-4, 24px) !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: var(--spacer-4, 24px) !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: var(--spacer-4, 24px) !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: var(--spacer-4, 24px) !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: var(--spacer-4, 24px) !important;
  }
  .p-md-5 {
    padding: var(--spacer-5, 32px) !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: var(--spacer-5, 32px) !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: var(--spacer-5, 32px) !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: var(--spacer-5, 32px) !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: var(--spacer-5, 32px) !important;
  }
  .p-md-6 {
    padding: var(--spacer-6, 40px) !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: var(--spacer-6, 40px) !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: var(--spacer-6, 40px) !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: var(--spacer-6, 40px) !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: var(--spacer-6, 40px) !important;
  }
  .p-md-7 {
    padding: var(--spacer-7, 48px) !important;
  }
  .pt-md-7,
  .py-md-7 {
    padding-top: var(--spacer-7, 48px) !important;
  }
  .pr-md-7,
  .px-md-7 {
    padding-right: var(--spacer-7, 48px) !important;
  }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: var(--spacer-7, 48px) !important;
  }
  .pl-md-7,
  .px-md-7 {
    padding-left: var(--spacer-7, 48px) !important;
  }
  .p-md-8 {
    padding: var(--spacer-8, 56px) !important;
  }
  .pt-md-8,
  .py-md-8 {
    padding-top: var(--spacer-8, 56px) !important;
  }
  .pr-md-8,
  .px-md-8 {
    padding-right: var(--spacer-8, 56px) !important;
  }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: var(--spacer-8, 56px) !important;
  }
  .pl-md-8,
  .px-md-8 {
    padding-left: var(--spacer-8, 56px) !important;
  }
  .p-md-9 {
    padding: var(--spacer-9, 64px) !important;
  }
  .pt-md-9,
  .py-md-9 {
    padding-top: var(--spacer-9, 64px) !important;
  }
  .pr-md-9,
  .px-md-9 {
    padding-right: var(--spacer-9, 64px) !important;
  }
  .pb-md-9,
  .py-md-9 {
    padding-bottom: var(--spacer-9, 64px) !important;
  }
  .pl-md-9,
  .px-md-9 {
    padding-left: var(--spacer-9, 64px) !important;
  }
  .p-md-10 {
    padding: var(--spacer-10, 80px) !important;
  }
  .pt-md-10,
  .py-md-10 {
    padding-top: var(--spacer-10, 80px) !important;
  }
  .pr-md-10,
  .px-md-10 {
    padding-right: var(--spacer-10, 80px) !important;
  }
  .pb-md-10,
  .py-md-10 {
    padding-bottom: var(--spacer-10, 80px) !important;
  }
  .pl-md-10,
  .px-md-10 {
    padding-left: var(--spacer-10, 80px) !important;
  }
  .m-md-n1 {
    margin: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .m-md-n2 {
    margin: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .m-md-n3 {
    margin: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .m-md-n4 {
    margin: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .m-md-n5 {
    margin: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .m-md-n6 {
    margin: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mt-md-n6,
  .my-md-n6 {
    margin-top: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mr-md-n6,
  .mx-md-n6 {
    margin-right: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .ml-md-n6,
  .mx-md-n6 {
    margin-left: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .m-md-n7 {
    margin: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mt-md-n7,
  .my-md-n7 {
    margin-top: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mr-md-n7,
  .mx-md-n7 {
    margin-right: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mb-md-n7,
  .my-md-n7 {
    margin-bottom: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .ml-md-n7,
  .mx-md-n7 {
    margin-left: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .m-md-n8 {
    margin: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mt-md-n8,
  .my-md-n8 {
    margin-top: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mr-md-n8,
  .mx-md-n8 {
    margin-right: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mb-md-n8,
  .my-md-n8 {
    margin-bottom: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .ml-md-n8,
  .mx-md-n8 {
    margin-left: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .m-md-n9 {
    margin: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mt-md-n9,
  .my-md-n9 {
    margin-top: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mr-md-n9,
  .mx-md-n9 {
    margin-right: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mb-md-n9,
  .my-md-n9 {
    margin-bottom: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .ml-md-n9,
  .mx-md-n9 {
    margin-left: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .m-md-n10 {
    margin: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mt-md-n10,
  .my-md-n10 {
    margin-top: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mr-md-n10,
  .mx-md-n10 {
    margin-right: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mb-md-n10,
  .my-md-n10 {
    margin-bottom: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .ml-md-n10,
  .mx-md-n10 {
    margin-left: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: var(--spacer-0, 0) !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: var(--spacer-0, 0) !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: var(--spacer-0, 0) !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: var(--spacer-0, 0) !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: var(--spacer-0, 0) !important;
  }
  .m-lg-1 {
    margin: var(--spacer-1, 4px) !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: var(--spacer-1, 4px) !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: var(--spacer-1, 4px) !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: var(--spacer-1, 4px) !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: var(--spacer-1, 4px) !important;
  }
  .m-lg-2 {
    margin: var(--spacer-2, 8px) !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: var(--spacer-2, 8px) !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: var(--spacer-2, 8px) !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: var(--spacer-2, 8px) !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: var(--spacer-2, 8px) !important;
  }
  .m-lg-3 {
    margin: var(--spacer-3, 16px) !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: var(--spacer-3, 16px) !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: var(--spacer-3, 16px) !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: var(--spacer-3, 16px) !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: var(--spacer-3, 16px) !important;
  }
  .m-lg-4 {
    margin: var(--spacer-4, 24px) !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: var(--spacer-4, 24px) !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: var(--spacer-4, 24px) !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: var(--spacer-4, 24px) !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: var(--spacer-4, 24px) !important;
  }
  .m-lg-5 {
    margin: var(--spacer-5, 32px) !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: var(--spacer-5, 32px) !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: var(--spacer-5, 32px) !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: var(--spacer-5, 32px) !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: var(--spacer-5, 32px) !important;
  }
  .m-lg-6 {
    margin: var(--spacer-6, 40px) !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: var(--spacer-6, 40px) !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: var(--spacer-6, 40px) !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: var(--spacer-6, 40px) !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: var(--spacer-6, 40px) !important;
  }
  .m-lg-7 {
    margin: var(--spacer-7, 48px) !important;
  }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: var(--spacer-7, 48px) !important;
  }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: var(--spacer-7, 48px) !important;
  }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: var(--spacer-7, 48px) !important;
  }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: var(--spacer-7, 48px) !important;
  }
  .m-lg-8 {
    margin: var(--spacer-8, 56px) !important;
  }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: var(--spacer-8, 56px) !important;
  }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: var(--spacer-8, 56px) !important;
  }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: var(--spacer-8, 56px) !important;
  }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: var(--spacer-8, 56px) !important;
  }
  .m-lg-9 {
    margin: var(--spacer-9, 64px) !important;
  }
  .mt-lg-9,
  .my-lg-9 {
    margin-top: var(--spacer-9, 64px) !important;
  }
  .mr-lg-9,
  .mx-lg-9 {
    margin-right: var(--spacer-9, 64px) !important;
  }
  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: var(--spacer-9, 64px) !important;
  }
  .ml-lg-9,
  .mx-lg-9 {
    margin-left: var(--spacer-9, 64px) !important;
  }
  .m-lg-10 {
    margin: var(--spacer-10, 80px) !important;
  }
  .mt-lg-10,
  .my-lg-10 {
    margin-top: var(--spacer-10, 80px) !important;
  }
  .mr-lg-10,
  .mx-lg-10 {
    margin-right: var(--spacer-10, 80px) !important;
  }
  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: var(--spacer-10, 80px) !important;
  }
  .ml-lg-10,
  .mx-lg-10 {
    margin-left: var(--spacer-10, 80px) !important;
  }
  .p-lg-0 {
    padding: var(--spacer-0, 0) !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: var(--spacer-0, 0) !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: var(--spacer-0, 0) !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: var(--spacer-0, 0) !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: var(--spacer-0, 0) !important;
  }
  .p-lg-1 {
    padding: var(--spacer-1, 4px) !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: var(--spacer-1, 4px) !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: var(--spacer-1, 4px) !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: var(--spacer-1, 4px) !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: var(--spacer-1, 4px) !important;
  }
  .p-lg-2 {
    padding: var(--spacer-2, 8px) !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: var(--spacer-2, 8px) !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: var(--spacer-2, 8px) !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: var(--spacer-2, 8px) !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: var(--spacer-2, 8px) !important;
  }
  .p-lg-3 {
    padding: var(--spacer-3, 16px) !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: var(--spacer-3, 16px) !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: var(--spacer-3, 16px) !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: var(--spacer-3, 16px) !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: var(--spacer-3, 16px) !important;
  }
  .p-lg-4 {
    padding: var(--spacer-4, 24px) !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: var(--spacer-4, 24px) !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: var(--spacer-4, 24px) !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: var(--spacer-4, 24px) !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: var(--spacer-4, 24px) !important;
  }
  .p-lg-5 {
    padding: var(--spacer-5, 32px) !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: var(--spacer-5, 32px) !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: var(--spacer-5, 32px) !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: var(--spacer-5, 32px) !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: var(--spacer-5, 32px) !important;
  }
  .p-lg-6 {
    padding: var(--spacer-6, 40px) !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: var(--spacer-6, 40px) !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: var(--spacer-6, 40px) !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: var(--spacer-6, 40px) !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: var(--spacer-6, 40px) !important;
  }
  .p-lg-7 {
    padding: var(--spacer-7, 48px) !important;
  }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: var(--spacer-7, 48px) !important;
  }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: var(--spacer-7, 48px) !important;
  }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: var(--spacer-7, 48px) !important;
  }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: var(--spacer-7, 48px) !important;
  }
  .p-lg-8 {
    padding: var(--spacer-8, 56px) !important;
  }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: var(--spacer-8, 56px) !important;
  }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: var(--spacer-8, 56px) !important;
  }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: var(--spacer-8, 56px) !important;
  }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: var(--spacer-8, 56px) !important;
  }
  .p-lg-9 {
    padding: var(--spacer-9, 64px) !important;
  }
  .pt-lg-9,
  .py-lg-9 {
    padding-top: var(--spacer-9, 64px) !important;
  }
  .pr-lg-9,
  .px-lg-9 {
    padding-right: var(--spacer-9, 64px) !important;
  }
  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: var(--spacer-9, 64px) !important;
  }
  .pl-lg-9,
  .px-lg-9 {
    padding-left: var(--spacer-9, 64px) !important;
  }
  .p-lg-10 {
    padding: var(--spacer-10, 80px) !important;
  }
  .pt-lg-10,
  .py-lg-10 {
    padding-top: var(--spacer-10, 80px) !important;
  }
  .pr-lg-10,
  .px-lg-10 {
    padding-right: var(--spacer-10, 80px) !important;
  }
  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: var(--spacer-10, 80px) !important;
  }
  .pl-lg-10,
  .px-lg-10 {
    padding-left: var(--spacer-10, 80px) !important;
  }
  .m-lg-n1 {
    margin: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .m-lg-n2 {
    margin: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .m-lg-n3 {
    margin: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .m-lg-n4 {
    margin: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .m-lg-n5 {
    margin: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .m-lg-n6 {
    margin: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mr-lg-n6,
  .mx-lg-n6 {
    margin-right: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .ml-lg-n6,
  .mx-lg-n6 {
    margin-left: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .m-lg-n7 {
    margin: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mt-lg-n7,
  .my-lg-n7 {
    margin-top: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mr-lg-n7,
  .mx-lg-n7 {
    margin-right: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mb-lg-n7,
  .my-lg-n7 {
    margin-bottom: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .ml-lg-n7,
  .mx-lg-n7 {
    margin-left: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .m-lg-n8 {
    margin: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mt-lg-n8,
  .my-lg-n8 {
    margin-top: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mr-lg-n8,
  .mx-lg-n8 {
    margin-right: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mb-lg-n8,
  .my-lg-n8 {
    margin-bottom: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .ml-lg-n8,
  .mx-lg-n8 {
    margin-left: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .m-lg-n9 {
    margin: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mt-lg-n9,
  .my-lg-n9 {
    margin-top: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mr-lg-n9,
  .mx-lg-n9 {
    margin-right: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mb-lg-n9,
  .my-lg-n9 {
    margin-bottom: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .ml-lg-n9,
  .mx-lg-n9 {
    margin-left: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .m-lg-n10 {
    margin: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mt-lg-n10,
  .my-lg-n10 {
    margin-top: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mr-lg-n10,
  .mx-lg-n10 {
    margin-right: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mb-lg-n10,
  .my-lg-n10 {
    margin-bottom: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .ml-lg-n10,
  .mx-lg-n10 {
    margin-left: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1280px) {
  .m-xl-0 {
    margin: var(--spacer-0, 0) !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: var(--spacer-0, 0) !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: var(--spacer-0, 0) !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: var(--spacer-0, 0) !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: var(--spacer-0, 0) !important;
  }
  .m-xl-1 {
    margin: var(--spacer-1, 4px) !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: var(--spacer-1, 4px) !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: var(--spacer-1, 4px) !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: var(--spacer-1, 4px) !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: var(--spacer-1, 4px) !important;
  }
  .m-xl-2 {
    margin: var(--spacer-2, 8px) !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: var(--spacer-2, 8px) !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: var(--spacer-2, 8px) !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: var(--spacer-2, 8px) !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: var(--spacer-2, 8px) !important;
  }
  .m-xl-3 {
    margin: var(--spacer-3, 16px) !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: var(--spacer-3, 16px) !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: var(--spacer-3, 16px) !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: var(--spacer-3, 16px) !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: var(--spacer-3, 16px) !important;
  }
  .m-xl-4 {
    margin: var(--spacer-4, 24px) !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: var(--spacer-4, 24px) !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: var(--spacer-4, 24px) !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: var(--spacer-4, 24px) !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: var(--spacer-4, 24px) !important;
  }
  .m-xl-5 {
    margin: var(--spacer-5, 32px) !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: var(--spacer-5, 32px) !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: var(--spacer-5, 32px) !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: var(--spacer-5, 32px) !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: var(--spacer-5, 32px) !important;
  }
  .m-xl-6 {
    margin: var(--spacer-6, 40px) !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: var(--spacer-6, 40px) !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: var(--spacer-6, 40px) !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: var(--spacer-6, 40px) !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: var(--spacer-6, 40px) !important;
  }
  .m-xl-7 {
    margin: var(--spacer-7, 48px) !important;
  }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: var(--spacer-7, 48px) !important;
  }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: var(--spacer-7, 48px) !important;
  }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: var(--spacer-7, 48px) !important;
  }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: var(--spacer-7, 48px) !important;
  }
  .m-xl-8 {
    margin: var(--spacer-8, 56px) !important;
  }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: var(--spacer-8, 56px) !important;
  }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: var(--spacer-8, 56px) !important;
  }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: var(--spacer-8, 56px) !important;
  }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: var(--spacer-8, 56px) !important;
  }
  .m-xl-9 {
    margin: var(--spacer-9, 64px) !important;
  }
  .mt-xl-9,
  .my-xl-9 {
    margin-top: var(--spacer-9, 64px) !important;
  }
  .mr-xl-9,
  .mx-xl-9 {
    margin-right: var(--spacer-9, 64px) !important;
  }
  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: var(--spacer-9, 64px) !important;
  }
  .ml-xl-9,
  .mx-xl-9 {
    margin-left: var(--spacer-9, 64px) !important;
  }
  .m-xl-10 {
    margin: var(--spacer-10, 80px) !important;
  }
  .mt-xl-10,
  .my-xl-10 {
    margin-top: var(--spacer-10, 80px) !important;
  }
  .mr-xl-10,
  .mx-xl-10 {
    margin-right: var(--spacer-10, 80px) !important;
  }
  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: var(--spacer-10, 80px) !important;
  }
  .ml-xl-10,
  .mx-xl-10 {
    margin-left: var(--spacer-10, 80px) !important;
  }
  .p-xl-0 {
    padding: var(--spacer-0, 0) !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: var(--spacer-0, 0) !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: var(--spacer-0, 0) !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: var(--spacer-0, 0) !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: var(--spacer-0, 0) !important;
  }
  .p-xl-1 {
    padding: var(--spacer-1, 4px) !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: var(--spacer-1, 4px) !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: var(--spacer-1, 4px) !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: var(--spacer-1, 4px) !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: var(--spacer-1, 4px) !important;
  }
  .p-xl-2 {
    padding: var(--spacer-2, 8px) !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: var(--spacer-2, 8px) !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: var(--spacer-2, 8px) !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: var(--spacer-2, 8px) !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: var(--spacer-2, 8px) !important;
  }
  .p-xl-3 {
    padding: var(--spacer-3, 16px) !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: var(--spacer-3, 16px) !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: var(--spacer-3, 16px) !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: var(--spacer-3, 16px) !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: var(--spacer-3, 16px) !important;
  }
  .p-xl-4 {
    padding: var(--spacer-4, 24px) !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: var(--spacer-4, 24px) !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: var(--spacer-4, 24px) !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: var(--spacer-4, 24px) !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: var(--spacer-4, 24px) !important;
  }
  .p-xl-5 {
    padding: var(--spacer-5, 32px) !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: var(--spacer-5, 32px) !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: var(--spacer-5, 32px) !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: var(--spacer-5, 32px) !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: var(--spacer-5, 32px) !important;
  }
  .p-xl-6 {
    padding: var(--spacer-6, 40px) !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: var(--spacer-6, 40px) !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: var(--spacer-6, 40px) !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: var(--spacer-6, 40px) !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: var(--spacer-6, 40px) !important;
  }
  .p-xl-7 {
    padding: var(--spacer-7, 48px) !important;
  }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: var(--spacer-7, 48px) !important;
  }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: var(--spacer-7, 48px) !important;
  }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: var(--spacer-7, 48px) !important;
  }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: var(--spacer-7, 48px) !important;
  }
  .p-xl-8 {
    padding: var(--spacer-8, 56px) !important;
  }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: var(--spacer-8, 56px) !important;
  }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: var(--spacer-8, 56px) !important;
  }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: var(--spacer-8, 56px) !important;
  }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: var(--spacer-8, 56px) !important;
  }
  .p-xl-9 {
    padding: var(--spacer-9, 64px) !important;
  }
  .pt-xl-9,
  .py-xl-9 {
    padding-top: var(--spacer-9, 64px) !important;
  }
  .pr-xl-9,
  .px-xl-9 {
    padding-right: var(--spacer-9, 64px) !important;
  }
  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: var(--spacer-9, 64px) !important;
  }
  .pl-xl-9,
  .px-xl-9 {
    padding-left: var(--spacer-9, 64px) !important;
  }
  .p-xl-10 {
    padding: var(--spacer-10, 80px) !important;
  }
  .pt-xl-10,
  .py-xl-10 {
    padding-top: var(--spacer-10, 80px) !important;
  }
  .pr-xl-10,
  .px-xl-10 {
    padding-right: var(--spacer-10, 80px) !important;
  }
  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: var(--spacer-10, 80px) !important;
  }
  .pl-xl-10,
  .px-xl-10 {
    padding-left: var(--spacer-10, 80px) !important;
  }
  .m-xl-n1 {
    margin: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .m-xl-n2 {
    margin: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .m-xl-n3 {
    margin: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .m-xl-n4 {
    margin: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .m-xl-n5 {
    margin: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .m-xl-n6 {
    margin: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mr-xl-n6,
  .mx-xl-n6 {
    margin-right: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .ml-xl-n6,
  .mx-xl-n6 {
    margin-left: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .m-xl-n7 {
    margin: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mt-xl-n7,
  .my-xl-n7 {
    margin-top: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mr-xl-n7,
  .mx-xl-n7 {
    margin-right: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mb-xl-n7,
  .my-xl-n7 {
    margin-bottom: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .ml-xl-n7,
  .mx-xl-n7 {
    margin-left: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .m-xl-n8 {
    margin: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mt-xl-n8,
  .my-xl-n8 {
    margin-top: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mr-xl-n8,
  .mx-xl-n8 {
    margin-right: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mb-xl-n8,
  .my-xl-n8 {
    margin-bottom: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .ml-xl-n8,
  .mx-xl-n8 {
    margin-left: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .m-xl-n9 {
    margin: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mt-xl-n9,
  .my-xl-n9 {
    margin-top: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mr-xl-n9,
  .mx-xl-n9 {
    margin-right: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mb-xl-n9,
  .my-xl-n9 {
    margin-bottom: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .ml-xl-n9,
  .mx-xl-n9 {
    margin-left: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .m-xl-n10 {
    margin: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mt-xl-n10,
  .my-xl-n10 {
    margin-top: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mr-xl-n10,
  .mx-xl-n10 {
    margin-right: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mb-xl-n10,
  .my-xl-n10 {
    margin-bottom: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .ml-xl-n10,
  .mx-xl-n10 {
    margin-left: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1440px) {
  .m-xxl-0 {
    margin: var(--spacer-0, 0) !important;
  }
  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: var(--spacer-0, 0) !important;
  }
  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: var(--spacer-0, 0) !important;
  }
  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: var(--spacer-0, 0) !important;
  }
  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: var(--spacer-0, 0) !important;
  }
  .m-xxl-1 {
    margin: var(--spacer-1, 4px) !important;
  }
  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: var(--spacer-1, 4px) !important;
  }
  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: var(--spacer-1, 4px) !important;
  }
  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: var(--spacer-1, 4px) !important;
  }
  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: var(--spacer-1, 4px) !important;
  }
  .m-xxl-2 {
    margin: var(--spacer-2, 8px) !important;
  }
  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: var(--spacer-2, 8px) !important;
  }
  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: var(--spacer-2, 8px) !important;
  }
  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: var(--spacer-2, 8px) !important;
  }
  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: var(--spacer-2, 8px) !important;
  }
  .m-xxl-3 {
    margin: var(--spacer-3, 16px) !important;
  }
  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: var(--spacer-3, 16px) !important;
  }
  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: var(--spacer-3, 16px) !important;
  }
  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: var(--spacer-3, 16px) !important;
  }
  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: var(--spacer-3, 16px) !important;
  }
  .m-xxl-4 {
    margin: var(--spacer-4, 24px) !important;
  }
  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: var(--spacer-4, 24px) !important;
  }
  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: var(--spacer-4, 24px) !important;
  }
  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: var(--spacer-4, 24px) !important;
  }
  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: var(--spacer-4, 24px) !important;
  }
  .m-xxl-5 {
    margin: var(--spacer-5, 32px) !important;
  }
  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: var(--spacer-5, 32px) !important;
  }
  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: var(--spacer-5, 32px) !important;
  }
  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: var(--spacer-5, 32px) !important;
  }
  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: var(--spacer-5, 32px) !important;
  }
  .m-xxl-6 {
    margin: var(--spacer-6, 40px) !important;
  }
  .mt-xxl-6,
  .my-xxl-6 {
    margin-top: var(--spacer-6, 40px) !important;
  }
  .mr-xxl-6,
  .mx-xxl-6 {
    margin-right: var(--spacer-6, 40px) !important;
  }
  .mb-xxl-6,
  .my-xxl-6 {
    margin-bottom: var(--spacer-6, 40px) !important;
  }
  .ml-xxl-6,
  .mx-xxl-6 {
    margin-left: var(--spacer-6, 40px) !important;
  }
  .m-xxl-7 {
    margin: var(--spacer-7, 48px) !important;
  }
  .mt-xxl-7,
  .my-xxl-7 {
    margin-top: var(--spacer-7, 48px) !important;
  }
  .mr-xxl-7,
  .mx-xxl-7 {
    margin-right: var(--spacer-7, 48px) !important;
  }
  .mb-xxl-7,
  .my-xxl-7 {
    margin-bottom: var(--spacer-7, 48px) !important;
  }
  .ml-xxl-7,
  .mx-xxl-7 {
    margin-left: var(--spacer-7, 48px) !important;
  }
  .m-xxl-8 {
    margin: var(--spacer-8, 56px) !important;
  }
  .mt-xxl-8,
  .my-xxl-8 {
    margin-top: var(--spacer-8, 56px) !important;
  }
  .mr-xxl-8,
  .mx-xxl-8 {
    margin-right: var(--spacer-8, 56px) !important;
  }
  .mb-xxl-8,
  .my-xxl-8 {
    margin-bottom: var(--spacer-8, 56px) !important;
  }
  .ml-xxl-8,
  .mx-xxl-8 {
    margin-left: var(--spacer-8, 56px) !important;
  }
  .m-xxl-9 {
    margin: var(--spacer-9, 64px) !important;
  }
  .mt-xxl-9,
  .my-xxl-9 {
    margin-top: var(--spacer-9, 64px) !important;
  }
  .mr-xxl-9,
  .mx-xxl-9 {
    margin-right: var(--spacer-9, 64px) !important;
  }
  .mb-xxl-9,
  .my-xxl-9 {
    margin-bottom: var(--spacer-9, 64px) !important;
  }
  .ml-xxl-9,
  .mx-xxl-9 {
    margin-left: var(--spacer-9, 64px) !important;
  }
  .m-xxl-10 {
    margin: var(--spacer-10, 80px) !important;
  }
  .mt-xxl-10,
  .my-xxl-10 {
    margin-top: var(--spacer-10, 80px) !important;
  }
  .mr-xxl-10,
  .mx-xxl-10 {
    margin-right: var(--spacer-10, 80px) !important;
  }
  .mb-xxl-10,
  .my-xxl-10 {
    margin-bottom: var(--spacer-10, 80px) !important;
  }
  .ml-xxl-10,
  .mx-xxl-10 {
    margin-left: var(--spacer-10, 80px) !important;
  }
  .p-xxl-0 {
    padding: var(--spacer-0, 0) !important;
  }
  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: var(--spacer-0, 0) !important;
  }
  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: var(--spacer-0, 0) !important;
  }
  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: var(--spacer-0, 0) !important;
  }
  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: var(--spacer-0, 0) !important;
  }
  .p-xxl-1 {
    padding: var(--spacer-1, 4px) !important;
  }
  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: var(--spacer-1, 4px) !important;
  }
  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: var(--spacer-1, 4px) !important;
  }
  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: var(--spacer-1, 4px) !important;
  }
  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: var(--spacer-1, 4px) !important;
  }
  .p-xxl-2 {
    padding: var(--spacer-2, 8px) !important;
  }
  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: var(--spacer-2, 8px) !important;
  }
  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: var(--spacer-2, 8px) !important;
  }
  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: var(--spacer-2, 8px) !important;
  }
  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: var(--spacer-2, 8px) !important;
  }
  .p-xxl-3 {
    padding: var(--spacer-3, 16px) !important;
  }
  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: var(--spacer-3, 16px) !important;
  }
  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: var(--spacer-3, 16px) !important;
  }
  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: var(--spacer-3, 16px) !important;
  }
  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: var(--spacer-3, 16px) !important;
  }
  .p-xxl-4 {
    padding: var(--spacer-4, 24px) !important;
  }
  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: var(--spacer-4, 24px) !important;
  }
  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: var(--spacer-4, 24px) !important;
  }
  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: var(--spacer-4, 24px) !important;
  }
  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: var(--spacer-4, 24px) !important;
  }
  .p-xxl-5 {
    padding: var(--spacer-5, 32px) !important;
  }
  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: var(--spacer-5, 32px) !important;
  }
  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: var(--spacer-5, 32px) !important;
  }
  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: var(--spacer-5, 32px) !important;
  }
  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: var(--spacer-5, 32px) !important;
  }
  .p-xxl-6 {
    padding: var(--spacer-6, 40px) !important;
  }
  .pt-xxl-6,
  .py-xxl-6 {
    padding-top: var(--spacer-6, 40px) !important;
  }
  .pr-xxl-6,
  .px-xxl-6 {
    padding-right: var(--spacer-6, 40px) !important;
  }
  .pb-xxl-6,
  .py-xxl-6 {
    padding-bottom: var(--spacer-6, 40px) !important;
  }
  .pl-xxl-6,
  .px-xxl-6 {
    padding-left: var(--spacer-6, 40px) !important;
  }
  .p-xxl-7 {
    padding: var(--spacer-7, 48px) !important;
  }
  .pt-xxl-7,
  .py-xxl-7 {
    padding-top: var(--spacer-7, 48px) !important;
  }
  .pr-xxl-7,
  .px-xxl-7 {
    padding-right: var(--spacer-7, 48px) !important;
  }
  .pb-xxl-7,
  .py-xxl-7 {
    padding-bottom: var(--spacer-7, 48px) !important;
  }
  .pl-xxl-7,
  .px-xxl-7 {
    padding-left: var(--spacer-7, 48px) !important;
  }
  .p-xxl-8 {
    padding: var(--spacer-8, 56px) !important;
  }
  .pt-xxl-8,
  .py-xxl-8 {
    padding-top: var(--spacer-8, 56px) !important;
  }
  .pr-xxl-8,
  .px-xxl-8 {
    padding-right: var(--spacer-8, 56px) !important;
  }
  .pb-xxl-8,
  .py-xxl-8 {
    padding-bottom: var(--spacer-8, 56px) !important;
  }
  .pl-xxl-8,
  .px-xxl-8 {
    padding-left: var(--spacer-8, 56px) !important;
  }
  .p-xxl-9 {
    padding: var(--spacer-9, 64px) !important;
  }
  .pt-xxl-9,
  .py-xxl-9 {
    padding-top: var(--spacer-9, 64px) !important;
  }
  .pr-xxl-9,
  .px-xxl-9 {
    padding-right: var(--spacer-9, 64px) !important;
  }
  .pb-xxl-9,
  .py-xxl-9 {
    padding-bottom: var(--spacer-9, 64px) !important;
  }
  .pl-xxl-9,
  .px-xxl-9 {
    padding-left: var(--spacer-9, 64px) !important;
  }
  .p-xxl-10 {
    padding: var(--spacer-10, 80px) !important;
  }
  .pt-xxl-10,
  .py-xxl-10 {
    padding-top: var(--spacer-10, 80px) !important;
  }
  .pr-xxl-10,
  .px-xxl-10 {
    padding-right: var(--spacer-10, 80px) !important;
  }
  .pb-xxl-10,
  .py-xxl-10 {
    padding-bottom: var(--spacer-10, 80px) !important;
  }
  .pl-xxl-10,
  .px-xxl-10 {
    padding-left: var(--spacer-10, 80px) !important;
  }
  .m-xxl-n1 {
    margin: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mt-xxl-n1,
  .my-xxl-n1 {
    margin-top: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mr-xxl-n1,
  .mx-xxl-n1 {
    margin-right: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .mb-xxl-n1,
  .my-xxl-n1 {
    margin-bottom: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .ml-xxl-n1,
  .mx-xxl-n1 {
    margin-left: calc(var(--spacer-1, 4px) * -1) !important;
  }
  .m-xxl-n2 {
    margin: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mt-xxl-n2,
  .my-xxl-n2 {
    margin-top: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mr-xxl-n2,
  .mx-xxl-n2 {
    margin-right: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .mb-xxl-n2,
  .my-xxl-n2 {
    margin-bottom: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .ml-xxl-n2,
  .mx-xxl-n2 {
    margin-left: calc(var(--spacer-2, 8px) * -1) !important;
  }
  .m-xxl-n3 {
    margin: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mt-xxl-n3,
  .my-xxl-n3 {
    margin-top: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mr-xxl-n3,
  .mx-xxl-n3 {
    margin-right: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .mb-xxl-n3,
  .my-xxl-n3 {
    margin-bottom: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .ml-xxl-n3,
  .mx-xxl-n3 {
    margin-left: calc(var(--spacer-3, 16px) * -1) !important;
  }
  .m-xxl-n4 {
    margin: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mt-xxl-n4,
  .my-xxl-n4 {
    margin-top: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mr-xxl-n4,
  .mx-xxl-n4 {
    margin-right: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .mb-xxl-n4,
  .my-xxl-n4 {
    margin-bottom: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .ml-xxl-n4,
  .mx-xxl-n4 {
    margin-left: calc(var(--spacer-4, 24px) * -1) !important;
  }
  .m-xxl-n5 {
    margin: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mt-xxl-n5,
  .my-xxl-n5 {
    margin-top: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mr-xxl-n5,
  .mx-xxl-n5 {
    margin-right: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .mb-xxl-n5,
  .my-xxl-n5 {
    margin-bottom: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .ml-xxl-n5,
  .mx-xxl-n5 {
    margin-left: calc(var(--spacer-5, 32px) * -1) !important;
  }
  .m-xxl-n6 {
    margin: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mt-xxl-n6,
  .my-xxl-n6 {
    margin-top: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mr-xxl-n6,
  .mx-xxl-n6 {
    margin-right: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .mb-xxl-n6,
  .my-xxl-n6 {
    margin-bottom: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .ml-xxl-n6,
  .mx-xxl-n6 {
    margin-left: calc(var(--spacer-6, 40px) * -1) !important;
  }
  .m-xxl-n7 {
    margin: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mt-xxl-n7,
  .my-xxl-n7 {
    margin-top: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mr-xxl-n7,
  .mx-xxl-n7 {
    margin-right: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .mb-xxl-n7,
  .my-xxl-n7 {
    margin-bottom: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .ml-xxl-n7,
  .mx-xxl-n7 {
    margin-left: calc(var(--spacer-7, 48px) * -1) !important;
  }
  .m-xxl-n8 {
    margin: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mt-xxl-n8,
  .my-xxl-n8 {
    margin-top: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mr-xxl-n8,
  .mx-xxl-n8 {
    margin-right: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .mb-xxl-n8,
  .my-xxl-n8 {
    margin-bottom: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .ml-xxl-n8,
  .mx-xxl-n8 {
    margin-left: calc(var(--spacer-8, 56px) * -1) !important;
  }
  .m-xxl-n9 {
    margin: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mt-xxl-n9,
  .my-xxl-n9 {
    margin-top: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mr-xxl-n9,
  .mx-xxl-n9 {
    margin-right: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .mb-xxl-n9,
  .my-xxl-n9 {
    margin-bottom: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .ml-xxl-n9,
  .mx-xxl-n9 {
    margin-left: calc(var(--spacer-9, 64px) * -1) !important;
  }
  .m-xxl-n10 {
    margin: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mt-xxl-n10,
  .my-xxl-n10 {
    margin-top: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mr-xxl-n10,
  .mx-xxl-n10 {
    margin-right: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .mb-xxl-n10,
  .my-xxl-n10 {
    margin-bottom: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .ml-xxl-n10,
  .mx-xxl-n10 {
    margin-left: calc(var(--spacer-10, 80px) * -1) !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

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

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1280px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1440px) {
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

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

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-lighter,
.text-weight-lighter {
  font-weight: var(--font-weight-lighter, lighter) !important;
}

.font-weight-light,
.text-weight-light {
  font-weight: var(--font-weight-light, 300) !important;
}

.font-weight-normal,
.text-weight-normal {
  font-weight: var(--font-weight-normal, 400) !important;
}

.font-weight-semi-bold,
.text-weight-semi-bold {
  font-weight: var(--font-weight-semi-bold, 500) !important;
}

.font-weight-bold,
.text-weight-bold {
  font-weight: var(--font-weight-bold, 700) !important;
}

.font-weight-bolder,
.text-weight-bolder {
  font-weight: var(--font-weight-bolder, 900) !important;
}

.font-italic,
.text-italic {
  font-style: italic !important;
}

.font-monospace,
.text-monospace {
  font-family: sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace !important;
}

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

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

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

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

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

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

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

.text-8 {
  font-size: 1.75rem;
}

.text-9 {
  font-size: 2rem;
}

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

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

.text-white {
  color: #fff !important;
}

.text-primary {
  color: var(--primary, #005D44) !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #00110c !important;
}

.text-secondary {
  color: var(--secondary, #6b6c7e) !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #484955 !important;
}

.text-success {
  color: var(--success, #287d3c) !important;
}

a.text-success:hover, a.text-success:focus {
  color: #154320 !important;
}

.text-info {
  color: var(--info, #2e5aac) !important;
}

a.text-info:hover, a.text-info:focus {
  color: #1e3a70 !important;
}

.text-warning {
  color: var(--warning, #b95000) !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #6d2f00 !important;
}

.text-danger {
  color: var(--danger, #da1414) !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #940e0e !important;
}

.text-light {
  color: var(--light, #f1f2f5) !important;
}

a.text-light:hover, a.text-light:focus {
  color: #c4c9d5 !important;
}

.text-dark {
  color: var(--dark, #272833) !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #060608 !important;
}

.text-body {
  color: var(--body-color, #344243) !important;
}

.text-muted {
  color: var(--text-muted, #a7a9bc) !important;
}

.text-black-50 {
  color: rgba(7, 29, 31, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-gray-dark {
  color: var(--gray-800, #393a4a) !important;
}

.text-lighter {
  color: var(--gray-100, #f7f8f9) !important;
}

.text-hide {
  background-color: transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
}

.text-decoration-none {
  text-decoration: none !important;
}

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

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@keyframes loading-animation-circle {
  100% {
    transform: rotate(360deg);
  }
}
.loading-animation {
  display: block;
  height: 1em;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: 1em;
}
.loading-animation::before {
  animation: loading-animation-circle 1s linear infinite;
  border-radius: 50%;
  box-shadow: -0.03125em -0.375em 0 0 currentColor;
  content: "";
  height: 0.25em;
  left: 50%;
  margin-left: -0.125em;
  margin-top: -0.125em;
  position: absolute;
  top: 50%;
  width: 0.25em;
}
.loading-animation::after {
  animation: loading-animation-circle 1s linear infinite;
  background-color: currentColor;
  border-radius: 50%;
  content: "";
  display: block;
  height: 1em;
  -webkit-mask: conic-gradient(transparent 10%, #000), linear-gradient(#000 0 0) content-box;
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  padding: 0.25em;
  width: 1em;
}

@keyframes loading-animation-squares-box-1 {
  0% {
    left: 0;
    opacity: 0.4;
    top: 0;
    transform: scale(1);
  }
  25% {
    left: calc(100% - 1em);
    opacity: 0.4;
    top: 0;
    transform: scale(1);
  }
  50% {
    left: calc(100% - 1.5em);
    opacity: 1;
    top: calc(100% - 1.5em);
    transform: scale(2);
  }
  75% {
    left: 0.5em;
    opacity: 1;
    top: calc(100% - 1.5em);
    transform: scale(2);
  }
}
@keyframes loading-animation-squares-box-2 {
  0% {
    left: calc(100% - 1.5em);
    opacity: 1;
    top: calc(100% - 1.5em);
    transform: scale(2);
  }
  25% {
    left: 0.5em;
    opacity: 1;
    top: calc(100% - 1.5em);
    transform: scale(2);
  }
  50% {
    left: 0;
    opacity: 0.4;
    top: 0;
    transform: scale(1);
  }
  75% {
    left: calc(100% - 1em);
    opacity: 0.4;
    top: 0;
    transform: scale(1);
  }
}
.loading-animation-squares {
  display: block;
  height: 1em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: 1em;
}
.loading-animation-squares::before {
  animation: loading-animation-squares-box-1 2.4s ease-in-out infinite;
  background-color: currentColor;
  border-radius: 0.2em;
  content: "";
  display: block;
  font-size: 0.3125em;
  height: 1em;
  left: 0;
  opacity: 0.4;
  position: absolute;
  top: 0;
  transform: scale(1);
  width: 1em;
}
.loading-animation-squares::after {
  animation: loading-animation-squares-box-2 2.4s ease-in-out infinite;
  background-color: currentColor;
  border-radius: 0.2em;
  content: "";
  display: block;
  font-size: 0.3125em;
  height: 1em;
  left: calc(100% - 1.5em);
  opacity: 1;
  position: absolute;
  top: calc(100% - 1.5em);
  transform: scale(2);
  width: 1em;
}

.loading-animation-xs {
  font-size: 0.625rem;
}
.loading-animation-sm {
  font-size: 1rem;
}
.loading-animation-md {
  font-size: 2rem;
}
.loading-animation-lg {
  font-size: 4rem;
}
.loading-animation-primary {
  color: #005D44;
}
.loading-animation-secondary {
  color: #6b6c7e;
}
.loading-animation-light {
  color: #fff;
}
/* SPDX-SnippetBegin
 * SPDX-License-Identifier: MIT
 * SPDX-SnippetCopyrightText: © 2018 HTML5 Boilerplate <https://github.com/h5bp/main.css>
 */
@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 0.0625rem solid #a7a9bc;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 0.0625rem solid #071D1F;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #e7e7ed !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #e7e7ed;
  }
  .table .thead-dark th {
    border-color: #e7e7ed;
    color: inherit;
  }
}
/* SPDX-SnippetEnd */
:root {
  --white: #fff;
  --neutral-5: #f7fafa;
  --neutral-10: #EDF0F0;
  --neutral-20: #E6E8E8;
  --neutral-30: #D7DBDB;
  --neutral-40: #CBD1D1;
  --neutral-50: #BCC4C4;
  --neutral-60: #ACB5B5;
  --neutral-90: #98A2A3;
  --neutral-100: #7e8c8d;
  --neutral-300: #5D6F70;
  --neutral-700: #344243;
  --green-5: #f7fafa;
  --green-10: #edf0f0;
  --green-20: #e6e8e8;
  --green-30: #d7d8d8;
  --green-40: #cbd1d1;
  --green-50: #bcc4c4;
  --green-60: #acb5b5;
  --green-90: #98a2a3;
  --green-100: #7e8c8d;
  --green-300: #5d6f70;
  --green-700: #344243;
  --green-black: #071d1f;
  --primary-10: #EDF4F2;
  --primary-20: #E1EBE8;
  --primary-50: #ADC9C2;
  --primary-70: #86B0A5;
  --primary-90: #60998A;
  --primary-200: #377D6A;
  --primary-400: #005D44;
  --primary-600: #013E2E;
  --secondary-10: #EDF5EB;
  --secondary-30: #CFE6CA;
  --secondary-40: #B6D9B0;
  --secondary-50: #9ECC95;
  --secondary-60: #84C078;
  --secondary-80: #64B054;
  --secondary-400: #335C2B;
  --accent-20: #FFFAD5;
  --accent-30: #FFF6B1;
  --accent-50: #FCED7B;
  --accent-60: #E8D646;
  --accent-70: #E8C42A;
  --accent-90: #CAB402;
  --accent-100: #7C7212;
  --error-20: #f6e8e8;
  --error-40: #eac9c9;
  --error-80: #d18888;
  --error-300: #b74444;
  --error-700: #9d0000;
  --error-800: #7b0000;
  --warning-20: #FFA86E;
  --warning-30: #FF802B;
  --warning-50: #E8C42A;
  --warning-70: #D05603;
  --warning-100: #B03E00;
}

#main-content + .alert-info, #main-content + .portlet-msg-help,
#main-content + .portlet-msg-info,
#main-content + .portlet-msg-progress {
  clear: both;
  float: left;
  width: 100%;
}

.btn,
.filiali-bper .button,
.filiali-bper .button.btn {
  outline: none;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
  padding: 11px 30px;
  border-radius: 24px;
  font-family: "Din-Bold", sans-serif;
  /*&.btn-secondary {
  	border: 2px solid var(--accent-90);
  	background-color: $bper-white;

  	&:hover,
  	&.hover,
  	&:focus,
  	&.focus {
  		border: 2px solid var(--accent-100);
  		background-color: $bper-white;
  		color:var(--accent-100);
  	}

  	&:disabled,
  	&.disabled {
  		border: 2px solid var(--neutral-40);
  		background-color: $bper-white;
  		color:var(--neutral-40);
  	}
  }
  */
}
.btn.btn-default, .btn.btn-default.MuiButton-containedPrimary, .btn.btn-default.MuiButton-containedSecondary, .btn.btn-default.MuiButton-outlined,
.filiali-bper .button.btn-default,
.filiali-bper .button.btn-default.MuiButton-containedPrimary,
.filiali-bper .button.btn-default.MuiButton-containedSecondary,
.filiali-bper .button.btn-default.MuiButton-outlined,
.filiali-bper .button.btn.btn-default,
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary,
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary,
.filiali-bper .button.btn.btn-default.MuiButton-outlined {
  color: #005d44;
  font-family: "Din-Bold";
  border: none;
  background-color: var(--accent-60);
  box-shadow: 0px 8px 16px rgba(227, 114, 4, 0.14);
}
.btn.btn-default:hover:not(.bnt-with-image), .btn.btn-default.hover:not(.bnt-with-image), .btn.btn-default:focus:not(.bnt-with-image), .btn.btn-default.focus:not(.bnt-with-image), .btn.btn-default.MuiButton-containedPrimary:hover:not(.bnt-with-image), .btn.btn-default.MuiButton-containedPrimary.hover:not(.bnt-with-image), .btn.btn-default.MuiButton-containedPrimary:focus:not(.bnt-with-image), .btn.btn-default.MuiButton-containedPrimary.focus:not(.bnt-with-image), .btn.btn-default.MuiButton-containedSecondary:hover:not(.bnt-with-image), .btn.btn-default.MuiButton-containedSecondary.hover:not(.bnt-with-image), .btn.btn-default.MuiButton-containedSecondary:focus:not(.bnt-with-image), .btn.btn-default.MuiButton-containedSecondary.focus:not(.bnt-with-image), .btn.btn-default.MuiButton-outlined:hover:not(.bnt-with-image), .btn.btn-default.MuiButton-outlined.hover:not(.bnt-with-image), .btn.btn-default.MuiButton-outlined:focus:not(.bnt-with-image), .btn.btn-default.MuiButton-outlined.focus:not(.bnt-with-image),
.filiali-bper .button.btn-default:hover:not(.bnt-with-image),
.filiali-bper .button.btn-default.hover:not(.bnt-with-image),
.filiali-bper .button.btn-default:focus:not(.bnt-with-image),
.filiali-bper .button.btn-default.focus:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-containedPrimary:hover:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-containedPrimary.hover:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-containedPrimary:focus:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-containedPrimary.focus:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-containedSecondary:hover:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-containedSecondary.hover:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-containedSecondary:focus:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-containedSecondary.focus:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-outlined:hover:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-outlined.hover:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-outlined:focus:not(.bnt-with-image),
.filiali-bper .button.btn-default.MuiButton-outlined.focus:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default:hover:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.hover:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default:focus:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.focus:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary:hover:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary.hover:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary:focus:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary.focus:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary:hover:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary.hover:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary:focus:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary.focus:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-outlined:hover:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-outlined.hover:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-outlined:focus:not(.bnt-with-image),
.filiali-bper .button.btn.btn-default.MuiButton-outlined.focus:not(.bnt-with-image) {
  background-color: var(--accent-90);
}
.btn.btn-default:disabled, .btn.btn-default.disabled, .btn.btn-default.MuiButton-containedPrimary:disabled, .btn.btn-default.MuiButton-containedPrimary.disabled, .btn.btn-default.MuiButton-containedSecondary:disabled, .btn.btn-default.MuiButton-containedSecondary.disabled, .btn.btn-default.MuiButton-outlined:disabled, .btn.btn-default.MuiButton-outlined.disabled,
.filiali-bper .button.btn-default:disabled,
.filiali-bper .button.btn-default.disabled,
.filiali-bper .button.btn-default.MuiButton-containedPrimary:disabled,
.filiali-bper .button.btn-default.MuiButton-containedPrimary.disabled,
.filiali-bper .button.btn-default.MuiButton-containedSecondary:disabled,
.filiali-bper .button.btn-default.MuiButton-containedSecondary.disabled,
.filiali-bper .button.btn-default.MuiButton-outlined:disabled,
.filiali-bper .button.btn-default.MuiButton-outlined.disabled,
.filiali-bper .button.btn.btn-default:disabled,
.filiali-bper .button.btn.btn-default.disabled,
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary:disabled,
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary.disabled,
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary:disabled,
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary.disabled,
.filiali-bper .button.btn.btn-default.MuiButton-outlined:disabled,
.filiali-bper .button.btn.btn-default.MuiButton-outlined.disabled {
  background-color: var(--neutral-40);
}
.btn.btn-default.btn-icon-before.right-arrow::before, .btn.btn-default.MuiButton-containedPrimary.btn-icon-before.right-arrow::before, .btn.btn-default.MuiButton-containedSecondary.btn-icon-before.right-arrow::before, .btn.btn-default.MuiButton-outlined.btn-icon-before.right-arrow::before,
.filiali-bper .button.btn-default.btn-icon-before.right-arrow::before,
.filiali-bper .button.btn-default.MuiButton-containedPrimary.btn-icon-before.right-arrow::before,
.filiali-bper .button.btn-default.MuiButton-containedSecondary.btn-icon-before.right-arrow::before,
.filiali-bper .button.btn-default.MuiButton-outlined.btn-icon-before.right-arrow::before,
.filiali-bper .button.btn.btn-default.btn-icon-before.right-arrow::before,
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary.btn-icon-before.right-arrow::before,
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary.btn-icon-before.right-arrow::before,
.filiali-bper .button.btn.btn-default.MuiButton-outlined.btn-icon-before.right-arrow::before {
  content: "";
  background-image: url("../images/svg/arrow-right-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -3px;
}
.btn.btn-default.btn-icon-before.left-arrow::before, .btn.btn-default.MuiButton-containedPrimary.btn-icon-before.left-arrow::before, .btn.btn-default.MuiButton-containedSecondary.btn-icon-before.left-arrow::before, .btn.btn-default.MuiButton-outlined.btn-icon-before.left-arrow::before,
.filiali-bper .button.btn-default.btn-icon-before.left-arrow::before,
.filiali-bper .button.btn-default.MuiButton-containedPrimary.btn-icon-before.left-arrow::before,
.filiali-bper .button.btn-default.MuiButton-containedSecondary.btn-icon-before.left-arrow::before,
.filiali-bper .button.btn-default.MuiButton-outlined.btn-icon-before.left-arrow::before,
.filiali-bper .button.btn.btn-default.btn-icon-before.left-arrow::before,
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary.btn-icon-before.left-arrow::before,
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary.btn-icon-before.left-arrow::before,
.filiali-bper .button.btn.btn-default.MuiButton-outlined.btn-icon-before.left-arrow::before {
  content: "";
  background-image: url("../images/svg/arrow-left-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -3px;
}
.btn.btn-default.btn-icon-after.right-arrow::after, .btn.btn-default.MuiButton-containedPrimary.btn-icon-after.right-arrow::after, .btn.btn-default.MuiButton-containedSecondary.btn-icon-after.right-arrow::after, .btn.btn-default.MuiButton-outlined.btn-icon-after.right-arrow::after,
.filiali-bper .button.btn-default.btn-icon-after.right-arrow::after,
.filiali-bper .button.btn-default.MuiButton-containedPrimary.btn-icon-after.right-arrow::after,
.filiali-bper .button.btn-default.MuiButton-containedSecondary.btn-icon-after.right-arrow::after,
.filiali-bper .button.btn-default.MuiButton-outlined.btn-icon-after.right-arrow::after,
.filiali-bper .button.btn.btn-default.btn-icon-after.right-arrow::after,
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary.btn-icon-after.right-arrow::after,
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary.btn-icon-after.right-arrow::after,
.filiali-bper .button.btn.btn-default.MuiButton-outlined.btn-icon-after.right-arrow::after {
  content: "";
  background-image: url("../images/svg/arrow-right-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -3px;
}
.btn.btn-default.btn-icon-after.right-arrow:hover::after, .btn.btn-default.MuiButton-containedPrimary.btn-icon-after.right-arrow:hover::after, .btn.btn-default.MuiButton-containedSecondary.btn-icon-after.right-arrow:hover::after, .btn.btn-default.MuiButton-outlined.btn-icon-after.right-arrow:hover::after,
.filiali-bper .button.btn-default.btn-icon-after.right-arrow:hover::after,
.filiali-bper .button.btn-default.MuiButton-containedPrimary.btn-icon-after.right-arrow:hover::after,
.filiali-bper .button.btn-default.MuiButton-containedSecondary.btn-icon-after.right-arrow:hover::after,
.filiali-bper .button.btn-default.MuiButton-outlined.btn-icon-after.right-arrow:hover::after,
.filiali-bper .button.btn.btn-default.btn-icon-after.right-arrow:hover::after,
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary.btn-icon-after.right-arrow:hover::after,
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary.btn-icon-after.right-arrow:hover::after,
.filiali-bper .button.btn.btn-default.MuiButton-outlined.btn-icon-after.right-arrow:hover::after {
  content: "";
  background-image: url("../images/svg/arrow-right-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -3px;
}
.btn.btn-default.btn-icon-after.left-arrow::after, .btn.btn-default.MuiButton-containedPrimary.btn-icon-after.left-arrow::after, .btn.btn-default.MuiButton-containedSecondary.btn-icon-after.left-arrow::after, .btn.btn-default.MuiButton-outlined.btn-icon-after.left-arrow::after,
.filiali-bper .button.btn-default.btn-icon-after.left-arrow::after,
.filiali-bper .button.btn-default.MuiButton-containedPrimary.btn-icon-after.left-arrow::after,
.filiali-bper .button.btn-default.MuiButton-containedSecondary.btn-icon-after.left-arrow::after,
.filiali-bper .button.btn-default.MuiButton-outlined.btn-icon-after.left-arrow::after,
.filiali-bper .button.btn.btn-default.btn-icon-after.left-arrow::after,
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary.btn-icon-after.left-arrow::after,
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary.btn-icon-after.left-arrow::after,
.filiali-bper .button.btn.btn-default.MuiButton-outlined.btn-icon-after.left-arrow::after {
  content: "";
  background-image: url("../images/svg/arrow-left-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -3px;
}
.btn.btn-default.btn-icon-after.left-arrow:hover::after, .btn.btn-default.MuiButton-containedPrimary.btn-icon-after.left-arrow:hover::after, .btn.btn-default.MuiButton-containedSecondary.btn-icon-after.left-arrow:hover::after, .btn.btn-default.MuiButton-outlined.btn-icon-after.left-arrow:hover::after,
.filiali-bper .button.btn-default.btn-icon-after.left-arrow:hover::after,
.filiali-bper .button.btn-default.MuiButton-containedPrimary.btn-icon-after.left-arrow:hover::after,
.filiali-bper .button.btn-default.MuiButton-containedSecondary.btn-icon-after.left-arrow:hover::after,
.filiali-bper .button.btn-default.MuiButton-outlined.btn-icon-after.left-arrow:hover::after,
.filiali-bper .button.btn.btn-default.btn-icon-after.left-arrow:hover::after,
.filiali-bper .button.btn.btn-default.MuiButton-containedPrimary.btn-icon-after.left-arrow:hover::after,
.filiali-bper .button.btn.btn-default.MuiButton-containedSecondary.btn-icon-after.left-arrow:hover::after,
.filiali-bper .button.btn.btn-default.MuiButton-outlined.btn-icon-after.left-arrow:hover::after {
  content: "";
  background-image: url("../images/svg/arrow-right-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -3px;
}
.btn.btn-white,
.filiali-bper .button.btn-white,
.filiali-bper .button.btn.btn-white {
  border: 2px solid #fff;
  background: none;
  color: #fff;
}
.btn.btn-white:hover, .btn.btn-white.hover, .btn.btn-white:focus, .btn.btn-white.focus,
.filiali-bper .button.btn-white:hover,
.filiali-bper .button.btn-white.hover,
.filiali-bper .button.btn-white:focus,
.filiali-bper .button.btn-white.focus,
.filiali-bper .button.btn.btn-white:hover,
.filiali-bper .button.btn.btn-white.hover,
.filiali-bper .button.btn.btn-white:focus,
.filiali-bper .button.btn.btn-white.focus {
  border: 2px solid var(--accent-90);
  background-color: var(--accent-90);
  color: #071d1f;
}
.btn.btn-white:disabled, .btn.btn-white.disabled,
.filiali-bper .button.btn-white:disabled,
.filiali-bper .button.btn-white.disabled,
.filiali-bper .button.btn.btn-white:disabled,
.filiali-bper .button.btn.btn-white.disabled {
  border: 2px solid var(--neutral-40);
  background: var(--neutral-40) 0% 0% no-repeat padding-box;
  color: #fff;
}
.btn.btn-white.btn-icon-after.right-arrow::after,
.filiali-bper .button.btn-white.btn-icon-after.right-arrow::after,
.filiali-bper .button.btn.btn-white.btn-icon-after.right-arrow::after {
  content: "";
  background-image: url("../images/svg/arrow-right-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -3px;
}
.btn.btn-white.btn-icon-after.right-arrow:hover::after,
.filiali-bper .button.btn-white.btn-icon-after.right-arrow:hover::after,
.filiali-bper .button.btn.btn-white.btn-icon-after.right-arrow:hover::after {
  content: "";
  background-image: url("../images/svg/arrow-right-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -3px;
}
.btn.btn-white.btn-icon-after.left-arrow::after,
.filiali-bper .button.btn-white.btn-icon-after.left-arrow::after,
.filiali-bper .button.btn.btn-white.btn-icon-after.left-arrow::after {
  content: "";
  background-image: url("../images/svg/arrow-left-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -3px;
}
.btn.btn-white.btn-icon-after.left-arrow:hover::after,
.filiali-bper .button.btn-white.btn-icon-after.left-arrow:hover::after,
.filiali-bper .button.btn.btn-white.btn-icon-after.left-arrow:hover::after {
  content: "";
  background-image: url("../images/svg/arrow-right-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -3px;
}
.btn.btn-info,
.filiali-bper .button.btn-info,
.filiali-bper .button.btn.btn-info {
  padding: 0;
  border-radius: 0;
  color: var(--accent-90);
  border: none;
  background: none;
}
.btn.btn-info:hover, .btn.btn-info.hover, .btn.btn-info:focus, .btn.btn-info.focus,
.filiali-bper .button.btn-info:hover,
.filiali-bper .button.btn-info.hover,
.filiali-bper .button.btn-info:focus,
.filiali-bper .button.btn-info.focus,
.filiali-bper .button.btn.btn-info:hover,
.filiali-bper .button.btn.btn-info.hover,
.filiali-bper .button.btn.btn-info:focus,
.filiali-bper .button.btn.btn-info.focus {
  color: var(--accent-100);
  border: none;
  background: none;
}
.btn.btn-info:disabled, .btn.btn-info.disabled,
.filiali-bper .button.btn-info:disabled,
.filiali-bper .button.btn-info.disabled,
.filiali-bper .button.btn.btn-info:disabled,
.filiali-bper .button.btn.btn-info.disabled {
  color: var(--neutral-40);
  border: none;
  background: none;
}
.btn:active, .btn.active,
.filiali-bper .button:active,
.filiali-bper .button.active,
.filiali-bper .button.btn:active,
.filiali-bper .button.btn.active {
  box-shadow: none;
}
.btn:hover:active, .btn.hover.active, .btn:active, .btn.active, .btn:hover, .btn.hover, .btn:focus, .btn.focus,
.filiali-bper .button:hover:active,
.filiali-bper .button.hover.active,
.filiali-bper .button:active,
.filiali-bper .button.active,
.filiali-bper .button:hover,
.filiali-bper .button.hover,
.filiali-bper .button:focus,
.filiali-bper .button.focus,
.filiali-bper .button.btn:hover:active,
.filiali-bper .button.btn.hover.active,
.filiali-bper .button.btn:active,
.filiali-bper .button.btn.active,
.filiali-bper .button.btn:hover,
.filiali-bper .button.btn.hover,
.filiali-bper .button.btn:focus,
.filiali-bper .button.btn.focus {
  outline: none;
}
.btn.bnt-with-image,
.filiali-bper .button.bnt-with-image,
.filiali-bper .button.btn.bnt-with-image {
  width: 140px;
  border-radius: 12px;
  overflow: hidden;
  height: 46px;
  background-size: cover;
  background-position: center;
  text-indent: -9999px;
  box-shadow: none;
}
.btn.bnt-with-image:after, .btn.bnt-with-image:before,
.filiali-bper .button.bnt-with-image:after,
.filiali-bper .button.bnt-with-image:before,
.filiali-bper .button.btn.bnt-with-image:after,
.filiali-bper .button.btn.bnt-with-image:before {
  display: none !important;
}

.filiali-bper .button.MuiButton-containedSecondary:hover {
  background-color: #fff !important;
  border: 1px solid var(--primary-400) !important;
  text-decoration: none;
  color: var(--primary-400) !important;
}

.filiali-bper .button.MuiButton-containedSecondary {
  padding: 10px 20px;
  min-width: 160px;
  background: var(--primary-400) !important;
  color: #fff;
  border-radius: 21px;
}

.filiali-bper .detail .bper-wrapper .orario-contatti .subsidiary-contact-link .MuiButton-outlined {
  padding: 10px 20px;
  min-width: 160px;
  color: #071d1f !important;
  font-family: "Din-Bold";
  border: none !important;
  background-color: var(--accent-60) !important;
  box-shadow: 0px 8px 16px rgba(227, 114, 4, 0.14) !important;
  border-radius: 21px;
}

.filiali-bper .button.MuiButton-containedSecondary:hover {
  color: var(--secondary-80) !important;
  border-color: var(--secondary-80) !important;
}

.filiali-bper .button.MuiButton-containedPrimary {
  padding: 10px 20px;
  min-width: 160px;
  border-radius: 21px;
  color: #fff;
  border-color: var(--primary-400) !important;
  background: var(--primary-400) !important;
}

.filiali-bper .button.MuiButton-containedPrimary:hover {
  padding: 10px 20px;
  min-width: 160px;
  border-radius: 21px;
  color: var(--primary-400) !important;
  border-color: var(--primary-400) !important;
  background: #fff !important;
}

.filiali-bper .button.MuiButton-outlined {
  border: 1px solid var(--primary-400) !important;
  color: var(--primary-400) !important;
}

.filiali-bper .button.MuiButton-outlined:hover {
  color: var(--secondary-80) !important;
  border-color: var(--secondary-80) !important;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: #fff;
  background-image: none;
  color: inherit;
}

input::-webkit-input-placeholder {
  color: inherit;
  font-size: inherit !important;
}

label.bper-radio > input {
  visibility: hidden;
}

label.bper-radio > input + .radio-icn {
  display: inline-block;
  background-color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 7px #fff;
  margin-left: 10px;
  top: 20px;
  vertical-align: text-top;
}

label.bper-radio > input:checked + .radio-icn {
  background-color: #005D44;
}

label.bper-checkbox > input {
  visibility: hidden;
}

label.bper-checkbox > input + .checkbox-icn,
label.bper-checkbox > input + label + .checkbox-icn {
  display: inline-block;
  background-color: #fff;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 4px #fff;
  margin-left: 10px;
  top: 20px;
  vertical-align: text-top;
  float: left;
  margin-right: 15px;
}

label.bper-checkbox > input:checked + .checkbox-icn,
label.bper-checkbox > input:checked + label + .checkbox-icn {
  background-color: #005D44;
}

label.bper-checkbox > input:checked + label,
label.bper-checkbox > input + label {
  float: left;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
}
.radio label,
.checkbox label {
  min-height: inherit;
  padding-left: 0;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
  padding-right: 10px;
}
.radio + .radio, .radio + .checkbox,
.checkbox + .radio,
.checkbox + .checkbox {
  margin-top: 0;
}
.radio input[type=radio],
.radio .radio-inline input[type=radio],
.radio .checkbox input[type=checkbox],
.radio .checkbox-inline input[type=checkbox],
.checkbox input[type=radio],
.checkbox .radio-inline input[type=radio],
.checkbox .checkbox input[type=checkbox],
.checkbox .checkbox-inline input[type=checkbox] {
  position: relative;
  margin-left: 0;
  margin-top: 0;
  width: 20px;
  height: 20px;
  background: #fff;
  border: solid 1px #bcb6af;
  border-radius: 100%;
  -webkit-appearance: inherit;
  appearance: inherit;
  outline: none;
  margin-right: 30px;
}
.radio input[type=radio]:checked:after,
.radio .radio-inline input[type=radio]:checked:after,
.radio .checkbox input[type=checkbox]:checked:after,
.radio .checkbox-inline input[type=checkbox]:checked:after,
.checkbox input[type=radio]:checked:after,
.checkbox .radio-inline input[type=radio]:checked:after,
.checkbox .checkbox input[type=checkbox]:checked:after,
.checkbox .checkbox-inline input[type=checkbox]:checked:after {
  width: 6px;
  height: 6px;
  background: #005D44;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 100%;
  transform: translateX(-50%) translateY(-50%);
  content: "";
  display: block;
}

@font-face {
  font-family: kievit;
  src: url(../fonts/kievit-thin.woff) format("woff"), url(../fonts/kievit-thin.otf) format("opentype");
  font-weight: 100;
}
@font-face {
  font-family: kievit;
  src: url(../fonts/kievit-light.woff) format("woff"), url(../fonts/kievit-light.otf) format("opentype");
  font-weight: 300;
}
@font-face {
  font-family: kievit;
  src: url(../fonts/kievit-regular.woff) format("woff"), url(../fonts/kievit-regular.otf) format("opentype");
  font-weight: 400;
}
@font-face {
  font-family: kievit;
  src: url(../fonts/kievit-medium.woff) format("woff"), url(../fonts/kievit-medium.otf) format("opentype");
  font-weight: 500;
}
@font-face {
  font-family: kievit;
  src: url(../fonts/kievit-book.woff) format("woff"), url(../fonts/kievit-book.otf) format("opentype");
  font-weight: 600;
}
@font-face {
  font-family: kievit;
  src: url(../fonts/kievit-bold.woff) format("woff"), url(../fonts/kievit-bold.otf) format("opentype");
  font-weight: 700;
}
@font-face {
  font-family: "Din-Regular";
  src: url(../fonts/din/DIN-Regular.ttf) format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Din-Medium";
  src: url(../fonts/din/DIN-Medium.ttf) format("truetype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Din-Bold";
  src: url(../fonts/din/DIN-Bold.ttf) format("truetype");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Din-Black";
  src: url(../fonts/din/DIN-Black.ttf) format("truetype");
  font-weight: 900;
  font-display: swap;
}
body {
  line-height: 24px;
  font-feature-settings: "lnum" 1;
  font-variant-numeric: lining-nums;
  float: left;
  width: 100%;
  overflow-x: hidden;
  margin: 0;
  color: #015256;
}
@media (max-width: 767px) {
  body.show-popup-filiali #wrapper .content {
    position: relative !important;
    z-index: 9999;
  }
}
body.menuOpen {
  overflow-y: hidden;
}
body.menuLoginOpen {
  overflow-y: hidden;
}
body.signed-in #wrapper .content {
  clear: both;
}
@media (max-width: 1100px) {
  body.signed-in #wrapper .content {
    margin-top: 68px !important;
  }
}
@media (max-width: 768px) {
  body.signed-in #wrapper .content {
    margin-top: 76px !important;
  }
}
@media (max-width: 1100px) {
  body.signed-in #wrapper.content-online-mobile .content {
    margin-top: 116px !important;
  }
}
@media (max-width: 768px) {
  body.signed-in #wrapper.content-online-mobile .content {
    margin-top: 124px !important;
  }
}
@media (max-width: 1100px) {
  body .onlydesktop {
    display: none !important;
  }
}
@media (min-width: 1101px) {
  body .onlymobile {
    display: none !important;
  }
}
body .grecaptcha-badge {
  visibility: hidden;
}
body #wrapper {
  padding-bottom: 0px;
  position: relative;
  margin-top: 133px;
  padding-top: 0;
}
@media (max-width: 1100px) {
  body #wrapper {
    margin-top: 0;
  }
}
body #wrapper .portlet-content.bper-portlet-content {
  padding: 0;
  border: 0;
  float: left;
  width: 100%;
  position: relative;
  z-index: 1;
}
body #wrapper .portlet-title-text {
  display: none;
}
body #wrapper .content {
  clear: both;
  z-index: 0;
}
@media (max-width: 1100px) {
  body #wrapper .content {
    margin-top: 60px;
  }
}
@media (max-width: 768px) {
  body #wrapper .content {
    margin-top: 60px;
  }
}
body .bper-content {
  float: left;
  width: 100%;
}
@media (max-width: 480px) {
  body .bper-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
body .bper-wrapper-big {
  position: relative;
  margin: 0 auto;
  height: 100%;
  padding: 0;
  width: 1280px;
  max-width: 100%;
}
@media (max-width: 1250px) {
  body .bper-wrapper-big {
    padding-left: 25px;
    padding-right: 25px;
  }
}
body .bper-wrapper-small {
  position: relative;
  margin: 0 auto;
  height: 100%;
  padding: 0;
  width: 920px;
  max-width: 100%;
}
@media (max-width: 1250px) {
  body .bper-wrapper-small {
    padding-left: 25px;
    padding-right: 25px;
  }
}
body .bper-wrapper {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
  padding: 0;
}
@media (max-width: 1250px) {
  body .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
body .bper-wrapper .bper-wrapper {
  max-width: 100%;
}
@media (max-width: 1199px) and (min-width: 376px) {
  body .bper-wrapper .bper-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  body .bper-wrapper .bper-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1199px) and (min-width: 376px) {
  body .bper-wrapper {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  body .bper-wrapper {
    width: 100%;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
@media (max-width: 480px) {
  body .bper-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
body .bper-wrapper.bper-wrapper-inverse {
  margin-bottom: -1px;
}
body .page-wrapper {
  padding-bottom: 67px;
}
body .search-box-wrapper {
  position: fixed;
}

@media (min-width: 992px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
a {
  font-weight: 400;
  color: var(--secondary-80);
  color: #64B054;
  text-decoration: none;
}
a.link-cta {
  font-weight: normal;
  cursor: pointer;
  color: var(--secondary-80);
  outline: none !important;
}
a.link-cta.blue {
  color: var(--secondary-80);
}
a.link-cta.blue:hover {
  color: var(--secondary-80);
}
a.link-cta.link-cta-icon::after {
  content: "\f105";
  font-family: fontawesome-alloy;
  padding-left: 10px;
  position: relative;
  left: 0;
  transition: all 1s ease;
  transform: translateX(0);
  vertical-align: baseline;
  display: inline-block;
}
a.link-cta.link-cta-icon:hover::after {
  transform: translateX(5px);
}
a.link-cta.link-cta-icon-reverse::before {
  content: "\f104";
  font-family: fontawesome-alloy;
  padding-right: 10px;
  position: relative;
  left: 0;
  transition: all 1s ease;
  transform: translateX(0px);
  vertical-align: baseline;
  display: inline-block;
}
a.link-cta.link-cta-icon-reverse:hover::before {
  transform: translateX(-5px);
}
a.link-cta.link-cta-top-right-arrow {
  margin-right: 30px;
  position: relative;
  display: inline-block;
}
a.link-cta.link-cta-top-right-arrow::after {
  content: "";
  background-image: url("../images/png/arrow-top-right-green.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 10px;
  position: relative;
  right: -30px;
  bottom: 6px;
  transform: translateX(0px) translateY(0px);
  transition: all 1s ease;
  display: block;
  position: absolute;
  height: 14px;
  width: 14px;
}
a.link-cta.link-cta-top-right-arrow:hover::after {
  background-image: url("../images/png/arrow-top-right-green.png");
  transform: translateX(5px) translateY(-5px);
}
a.link-cta.link-cta-top-right-arrow.blue {
  color: #11d0ce;
}
a.link-cta.link-cta-top-right-arrow.blue::after {
  background-image: url("../images/png/arrow-top-right-blue.png");
}
a.link-cta.link-cta-top-right-arrow.blue:hover {
  color: var(--secondary-80);
}
a.link-cta.link-cta-top-right-arrow.blue:hover::after {
  background-image: url("../images/png/arrow-top-right-green.png");
}
a.link-cta.link-cta-top-right-arrow.white {
  color: #fff;
}
a.link-cta.link-cta-top-right-arrow.white::after {
  background-image: url("../images/png/arrow-top-right-white.png");
}
a.link-cta.link-cta-top-right-arrow.white:hover {
  color: #fff;
}
a.link-cta.link-cta-top-right-arrow.white:hover::after {
  background-image: url("../images/png/arrow-top-right-green.png");
}
a.link-cta.link-cta-right-arrow {
  position: relative;
  font-family: "Din-Bold";
  color: var(--secondary-80);
}
a.link-cta.link-cta-right-arrow:after {
  content: "";
  background-image: url("../images/icone-bper-2022/Icon-24pt-Arrow-Right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  transition: all 0.2s ease;
  transform: translateX(0);
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 24px;
}
a.link-cta.link-cta-right-arrow:hover {
  color: var(--secondary-80);
}
a.link-cta.link-cta-right-arrow:hover::after {
  transform: translateX(5px);
}
a.link-cta.link-cta-right-arrow.white {
  color: #fff;
}
a.link-cta.link-cta-right-arrow.white:after {
  background-image: url("../images/svg/arrow-right-white.svg");
}
a.link-cta.link-cta-left-arrow {
  position: relative;
  font-family: "Din-Bold", sans-serif;
  color: var(--secondary-80);
  padding-left: 35px;
}
a.link-cta.link-cta-left-arrow:after {
  content: "";
  background-image: url("../images/icone-bper-2022/Icon-24pt-Arrow-Right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  transition: all 1s ease;
  transform: translateX(0) rotate(180deg);
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) translateX(0) rotate(180deg);
}
a.link-cta.link-cta-left-arrow:hover {
  color: var(--secondary-80);
}
a.link-cta.link-cta-left-arrow:hover::after {
  transform: translateY(-50%) translateX(-5px) rotate(180deg);
}
a.link-cta.link-cta-left-arrow.white {
  color: #fff;
}
a.link-cta.link-cta-left-arrow.white:after {
  background-image: url("../images/svg/arrow-right-white.svg");
}
a.link-cta.link-cta-share-icon {
  position: relative;
  font-family: "Din-Bold", sans-serif;
  color: var(--secondary-80);
  padding-left: 35px;
}
a.link-cta.link-cta-share-icon:after {
  content: "";
  background-image: url("../images/icone-bper-2022/Icon-24pt-Share.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
}
a.link-cta.link-cta-share-icon:hover {
  color: var(--secondary-80);
}
a.link-cta.tel-link {
  padding-left: 27px;
  position: relative;
  text-decoration: underline;
  font-family: "Din-Bold", sans-serif;
}
a.link-cta.tel-link:hover {
  text-decoration: none;
}
a.link-cta.tel-link:before {
  content: "";
  display: block;
  height: 21px;
  width: 21px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/icone-bper-2022/Icon-24pt-Phone-light-green.svg);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
a:hover, a.hover, a:focus, a.focus {
  color: var(--secondary-80);
  text-decoration: none;
}
a:disabled, a.disabled {
  color: #bcb6af;
  text-decoration: none;
}

.bper-wrapper {
  padding: 40px 0 40px 0;
}
@media (max-width: 1200px) {
  .bper-wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.bper-wrapper.bper-wrapper-default {
  color: #7E8C8D;
  background-color: #fff;
}
.bper-wrapper.bper-wrapper-default .title {
  color: #005D44;
}
.bper-wrapper.bper-wrapper-inverse {
  color: #fff;
  background-color: #005D44;
}
.bper-wrapper.bper-wrapper-inverse .title {
  color: #64B054;
}
.bper-wrapper.bper-wrapper-info {
  color: #005D44;
  background-color: #faf9f8;
}
.bper-wrapper.bper-wrapper-info .title {
  color: #005D44;
}

h1,
.h1 {
  font-weight: 700;
  font-family: "Din-Bold", sans-serif;
}
@media (max-width: 376px) {
  h1,
  .h1 {
    font-size: 50px;
  }
}

h2,
.h2 {
  font-weight: 400;
}
@media (max-width: 376px) {
  h2,
  .h2 {
    font-size: 40px;
  }
}

h3,
.h3 {
  font-weight: 100;
  letter-spacing: 0;
}
@media (max-width: 376px) {
  h3,
  .h3 {
    font-size: 35px;
  }
}

h4,
.h4 {
  font-weight: 700;
  font-family: "Din-Bold", sans-serif;
}

h5,
.h5 {
  font-weight: 400;
}

h6,
.h6 {
  font-weight: 400;
}

p {
  line-height: 24px;
}

small,
.small {
  font-size: 0.875rem;
}

.portlet-journal-content:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
.portlet-journal-content:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}

.portlet-journal-content:after,
.portlet-asset-categories-navigation:after,
.portlet-navigation:after,
.portlet-asset-publisher:after,
.portlet-nested-portlets:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
.portlet-journal-content:before,
.portlet-asset-categories-navigation:before,
.portlet-navigation:before,
.portlet-asset-publisher:before,
.portlet-nested-portlets:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -2;
}
.portlet-journal-content.bkg-top-green-light-20:after,
.portlet-asset-categories-navigation.bkg-top-green-light-20:after,
.portlet-navigation.bkg-top-green-light-20:after,
.portlet-asset-publisher.bkg-top-green-light-20:after,
.portlet-nested-portlets.bkg-top-green-light-20:after {
  background: var(--neutral-5);
  height: 20%;
}
.portlet-journal-content.bkg-top-green-light-40:after,
.portlet-asset-categories-navigation.bkg-top-green-light-40:after,
.portlet-navigation.bkg-top-green-light-40:after,
.portlet-asset-publisher.bkg-top-green-light-40:after,
.portlet-nested-portlets.bkg-top-green-light-40:after {
  background: var(--neutral-5);
  height: 40%;
}
.portlet-journal-content.bkg-top-green-light-50:after,
.portlet-asset-categories-navigation.bkg-top-green-light-50:after,
.portlet-navigation.bkg-top-green-light-50:after,
.portlet-asset-publisher.bkg-top-green-light-50:after,
.portlet-nested-portlets.bkg-top-green-light-50:after {
  background: var(--neutral-5);
  height: 50%;
}
.portlet-journal-content.bkg-top-green-light-60:after,
.portlet-asset-categories-navigation.bkg-top-green-light-60:after,
.portlet-navigation.bkg-top-green-light-60:after,
.portlet-asset-publisher.bkg-top-green-light-60:after,
.portlet-nested-portlets.bkg-top-green-light-60:after {
  background: var(--neutral-5);
  height: 60%;
}
.portlet-journal-content.bkg-top-green-light-80:after,
.portlet-asset-categories-navigation.bkg-top-green-light-80:after,
.portlet-navigation.bkg-top-green-light-80:after,
.portlet-asset-publisher.bkg-top-green-light-80:after,
.portlet-nested-portlets.bkg-top-green-light-80:after {
  background: var(--neutral-5);
  height: 80%;
}
.portlet-journal-content.bkg-top-green-20:after,
.portlet-asset-categories-navigation.bkg-top-green-20:after,
.portlet-navigation.bkg-top-green-20:after,
.portlet-asset-publisher.bkg-top-green-20:after,
.portlet-nested-portlets.bkg-top-green-20:after {
  background: var(--primary-20);
  height: 20%;
}
.portlet-journal-content.bkg-top-green-40:after,
.portlet-asset-categories-navigation.bkg-top-green-40:after,
.portlet-navigation.bkg-top-green-40:after,
.portlet-asset-publisher.bkg-top-green-40:after,
.portlet-nested-portlets.bkg-top-green-40:after {
  background: var(--primary-20);
  height: 40%;
}
.portlet-journal-content.bkg-top-green-50:after,
.portlet-asset-categories-navigation.bkg-top-green-50:after,
.portlet-navigation.bkg-top-green-50:after,
.portlet-asset-publisher.bkg-top-green-50:after,
.portlet-nested-portlets.bkg-top-green-50:after {
  background: var(--primary-20);
  height: 50%;
}
.portlet-journal-content.bkg-top-green-60:after,
.portlet-asset-categories-navigation.bkg-top-green-60:after,
.portlet-navigation.bkg-top-green-60:after,
.portlet-asset-publisher.bkg-top-green-60:after,
.portlet-nested-portlets.bkg-top-green-60:after {
  background: var(--primary-20);
  height: 60%;
}
.portlet-journal-content.bkg-top-green-80:after,
.portlet-asset-categories-navigation.bkg-top-green-80:after,
.portlet-navigation.bkg-top-green-80:after,
.portlet-asset-publisher.bkg-top-green-80:after,
.portlet-nested-portlets.bkg-top-green-80:after {
  background: var(--primary-20);
  height: 80%;
}
.portlet-journal-content.bkg-top-primary-20:after,
.portlet-asset-categories-navigation.bkg-top-primary-20:after,
.portlet-navigation.bkg-top-primary-20:after,
.portlet-asset-publisher.bkg-top-primary-20:after,
.portlet-nested-portlets.bkg-top-primary-20:after {
  background: var(--primary-10);
  height: 20%;
}
.portlet-journal-content.bkg-top-primary-40:after,
.portlet-asset-categories-navigation.bkg-top-primary-40:after,
.portlet-navigation.bkg-top-primary-40:after,
.portlet-asset-publisher.bkg-top-primary-40:after,
.portlet-nested-portlets.bkg-top-primary-40:after {
  background: var(--primary-10);
  height: 40%;
}
.portlet-journal-content.bkg-top-primary-50:after,
.portlet-asset-categories-navigation.bkg-top-primary-50:after,
.portlet-navigation.bkg-top-primary-50:after,
.portlet-asset-publisher.bkg-top-primary-50:after,
.portlet-nested-portlets.bkg-top-primary-50:after {
  background: var(--primary-10);
  height: 50%;
}
.portlet-journal-content.bkg-top-primary-60:after,
.portlet-asset-categories-navigation.bkg-top-primary-60:after,
.portlet-navigation.bkg-top-primary-60:after,
.portlet-asset-publisher.bkg-top-primary-60:after,
.portlet-nested-portlets.bkg-top-primary-60:after {
  background: var(--primary-10);
  height: 60%;
}
.portlet-journal-content.bkg-top-primary-80:after,
.portlet-asset-categories-navigation.bkg-top-primary-80:after,
.portlet-navigation.bkg-top-primary-80:after,
.portlet-asset-publisher.bkg-top-primary-80:after,
.portlet-nested-portlets.bkg-top-primary-80:after {
  background: var(--primary-10);
  height: 80%;
}
.portlet-journal-content.bkg-top-white-20:after,
.portlet-asset-categories-navigation.bkg-top-white-20:after,
.portlet-navigation.bkg-top-white-20:after,
.portlet-asset-publisher.bkg-top-white-20:after,
.portlet-nested-portlets.bkg-top-white-20:after {
  background: #fff;
  height: 20%;
}
.portlet-journal-content.bkg-top-white-40:after,
.portlet-asset-categories-navigation.bkg-top-white-40:after,
.portlet-navigation.bkg-top-white-40:after,
.portlet-asset-publisher.bkg-top-white-40:after,
.portlet-nested-portlets.bkg-top-white-40:after {
  background: #fff;
  height: 40%;
}
.portlet-journal-content.bkg-top-white-50:after,
.portlet-asset-categories-navigation.bkg-top-white-50:after,
.portlet-navigation.bkg-top-white-50:after,
.portlet-asset-publisher.bkg-top-white-50:after,
.portlet-nested-portlets.bkg-top-white-50:after {
  background: #fff;
  height: 50%;
}
.portlet-journal-content.bkg-top-white-60:after,
.portlet-asset-categories-navigation.bkg-top-white-60:after,
.portlet-navigation.bkg-top-white-60:after,
.portlet-asset-publisher.bkg-top-white-60:after,
.portlet-nested-portlets.bkg-top-white-60:after {
  background: #fff;
  height: 60%;
}
.portlet-journal-content.bkg-top-white-80:after,
.portlet-asset-categories-navigation.bkg-top-white-80:after,
.portlet-navigation.bkg-top-white-80:after,
.portlet-asset-publisher.bkg-top-white-80:after,
.portlet-nested-portlets.bkg-top-white-80:after {
  background: #fff;
  height: 80%;
}
.portlet-journal-content.bkg-bottom-green-light-20:before,
.portlet-asset-categories-navigation.bkg-bottom-green-light-20:before,
.portlet-navigation.bkg-bottom-green-light-20:before,
.portlet-asset-publisher.bkg-bottom-green-light-20:before,
.portlet-nested-portlets.bkg-bottom-green-light-20:before {
  background: var(--neutral-5);
  height: 20%;
}
.portlet-journal-content.bkg-bottom-green-light-40:before,
.portlet-asset-categories-navigation.bkg-bottom-green-light-40:before,
.portlet-navigation.bkg-bottom-green-light-40:before,
.portlet-asset-publisher.bkg-bottom-green-light-40:before,
.portlet-nested-portlets.bkg-bottom-green-light-40:before {
  background: var(--neutral-5);
  height: 40%;
}
.portlet-journal-content.bkg-bottom-green-light-50:before,
.portlet-asset-categories-navigation.bkg-bottom-green-light-50:before,
.portlet-navigation.bkg-bottom-green-light-50:before,
.portlet-asset-publisher.bkg-bottom-green-light-50:before,
.portlet-nested-portlets.bkg-bottom-green-light-50:before {
  background: var(--neutral-5);
  height: 50%;
}
.portlet-journal-content.bkg-bottom-green-light-60:before,
.portlet-asset-categories-navigation.bkg-bottom-green-light-60:before,
.portlet-navigation.bkg-bottom-green-light-60:before,
.portlet-asset-publisher.bkg-bottom-green-light-60:before,
.portlet-nested-portlets.bkg-bottom-green-light-60:before {
  background: var(--neutral-5);
  height: 60%;
}
.portlet-journal-content.bkg-bottom-green-light-80:before,
.portlet-asset-categories-navigation.bkg-bottom-green-light-80:before,
.portlet-navigation.bkg-bottom-green-light-80:before,
.portlet-asset-publisher.bkg-bottom-green-light-80:before,
.portlet-nested-portlets.bkg-bottom-green-light-80:before {
  background: var(--neutral-5);
  height: 80%;
}
.portlet-journal-content.bkg-bottom-green-20:before,
.portlet-asset-categories-navigation.bkg-bottom-green-20:before,
.portlet-navigation.bkg-bottom-green-20:before,
.portlet-asset-publisher.bkg-bottom-green-20:before,
.portlet-nested-portlets.bkg-bottom-green-20:before {
  background: var(--primary-20);
  height: 20%;
}
.portlet-journal-content.bkg-bottom-green-40:before,
.portlet-asset-categories-navigation.bkg-bottom-green-40:before,
.portlet-navigation.bkg-bottom-green-40:before,
.portlet-asset-publisher.bkg-bottom-green-40:before,
.portlet-nested-portlets.bkg-bottom-green-40:before {
  background: var(--primary-20);
  height: 40%;
}
.portlet-journal-content.bkg-bottom-green-50:before,
.portlet-asset-categories-navigation.bkg-bottom-green-50:before,
.portlet-navigation.bkg-bottom-green-50:before,
.portlet-asset-publisher.bkg-bottom-green-50:before,
.portlet-nested-portlets.bkg-bottom-green-50:before {
  background: var(--primary-20);
  height: 50%;
}
.portlet-journal-content.bkg-bottom-green-60:before,
.portlet-asset-categories-navigation.bkg-bottom-green-60:before,
.portlet-navigation.bkg-bottom-green-60:before,
.portlet-asset-publisher.bkg-bottom-green-60:before,
.portlet-nested-portlets.bkg-bottom-green-60:before {
  background: var(--primary-20);
  height: 60%;
}
.portlet-journal-content.bkg-bottom-green-80:before,
.portlet-asset-categories-navigation.bkg-bottom-green-80:before,
.portlet-navigation.bkg-bottom-green-80:before,
.portlet-asset-publisher.bkg-bottom-green-80:before,
.portlet-nested-portlets.bkg-bottom-green-80:before {
  background: var(--primary-20);
  height: 80%;
}
.portlet-journal-content.bkg-bottom-primary-10:before,
.portlet-asset-categories-navigation.bkg-bottom-primary-10:before,
.portlet-navigation.bkg-bottom-primary-10:before,
.portlet-asset-publisher.bkg-bottom-primary-10:before,
.portlet-nested-portlets.bkg-bottom-primary-10:before {
  background: var(--primary-10);
  height: 20%;
}
.portlet-journal-content.bkg-bottom-primary-40:before,
.portlet-asset-categories-navigation.bkg-bottom-primary-40:before,
.portlet-navigation.bkg-bottom-primary-40:before,
.portlet-asset-publisher.bkg-bottom-primary-40:before,
.portlet-nested-portlets.bkg-bottom-primary-40:before {
  background: var(--primary-10);
  height: 40%;
}
.portlet-journal-content.bkg-bottom-primary-50:before,
.portlet-asset-categories-navigation.bkg-bottom-primary-50:before,
.portlet-navigation.bkg-bottom-primary-50:before,
.portlet-asset-publisher.bkg-bottom-primary-50:before,
.portlet-nested-portlets.bkg-bottom-primary-50:before {
  background: var(--primary-10);
  height: 50%;
}
.portlet-journal-content.bkg-bottom-primary-60:before,
.portlet-asset-categories-navigation.bkg-bottom-primary-60:before,
.portlet-navigation.bkg-bottom-primary-60:before,
.portlet-asset-publisher.bkg-bottom-primary-60:before,
.portlet-nested-portlets.bkg-bottom-primary-60:before {
  background: var(--primary-10);
  height: 60%;
}
.portlet-journal-content.bkg-bottom-primary-80:before,
.portlet-asset-categories-navigation.bkg-bottom-primary-80:before,
.portlet-navigation.bkg-bottom-primary-80:before,
.portlet-asset-publisher.bkg-bottom-primary-80:before,
.portlet-nested-portlets.bkg-bottom-primary-80:before {
  background: var(--primary-10);
  height: 80%;
}
.portlet-journal-content.bkg-bottom-white-20:before,
.portlet-asset-categories-navigation.bkg-bottom-white-20:before,
.portlet-navigation.bkg-bottom-white-20:before,
.portlet-asset-publisher.bkg-bottom-white-20:before,
.portlet-nested-portlets.bkg-bottom-white-20:before {
  background: #fff;
  height: 20%;
}
.portlet-journal-content.bkg-bottom-white-40:before,
.portlet-asset-categories-navigation.bkg-bottom-white-40:before,
.portlet-navigation.bkg-bottom-white-40:before,
.portlet-asset-publisher.bkg-bottom-white-40:before,
.portlet-nested-portlets.bkg-bottom-white-40:before {
  background: #fff;
  height: 40%;
}
.portlet-journal-content.bkg-bottom-white-50:before,
.portlet-asset-categories-navigation.bkg-bottom-white-50:before,
.portlet-navigation.bkg-bottom-white-50:before,
.portlet-asset-publisher.bkg-bottom-white-50:before,
.portlet-nested-portlets.bkg-bottom-white-50:before {
  background: #fff;
  height: 50%;
}
.portlet-journal-content.bkg-bottom-white-60:before,
.portlet-asset-categories-navigation.bkg-bottom-white-60:before,
.portlet-navigation.bkg-bottom-white-60:before,
.portlet-asset-publisher.bkg-bottom-white-60:before,
.portlet-nested-portlets.bkg-bottom-white-60:before {
  background: #fff;
  height: 60%;
}
.portlet-journal-content.bkg-bottom-white-80:before,
.portlet-asset-categories-navigation.bkg-bottom-white-80:before,
.portlet-navigation.bkg-bottom-white-80:before,
.portlet-asset-publisher.bkg-bottom-white-80:before,
.portlet-nested-portlets.bkg-bottom-white-80:before {
  background: #fff;
  height: 80%;
}
.portlet-journal-content.bkg-full-white:after,
.portlet-asset-categories-navigation.bkg-full-white:after,
.portlet-navigation.bkg-full-white:after,
.portlet-asset-publisher.bkg-full-white:after,
.portlet-nested-portlets.bkg-full-white:after {
  background: #fff;
  height: 100%;
}
.portlet-journal-content.bkg-full-white:before,
.portlet-asset-categories-navigation.bkg-full-white:before,
.portlet-navigation.bkg-full-white:before,
.portlet-asset-publisher.bkg-full-white:before,
.portlet-nested-portlets.bkg-full-white:before {
  display: none;
}
.portlet-journal-content.bkg-full-green-light:after,
.portlet-asset-categories-navigation.bkg-full-green-light:after,
.portlet-navigation.bkg-full-green-light:after,
.portlet-asset-publisher.bkg-full-green-light:after,
.portlet-nested-portlets.bkg-full-green-light:after {
  background: var(--neutral-5);
  height: 100%;
}
.portlet-journal-content.bkg-full-green-light:before,
.portlet-asset-categories-navigation.bkg-full-green-light:before,
.portlet-navigation.bkg-full-green-light:before,
.portlet-asset-publisher.bkg-full-green-light:before,
.portlet-nested-portlets.bkg-full-green-light:before {
  display: none;
}
.portlet-journal-content.bkg-full-green-10:after,
.portlet-asset-categories-navigation.bkg-full-green-10:after,
.portlet-navigation.bkg-full-green-10:after,
.portlet-asset-publisher.bkg-full-green-10:after,
.portlet-nested-portlets.bkg-full-green-10:after {
  background: var(--primary-10);
  height: 100%;
}
.portlet-journal-content.bkg-full-green-10:before,
.portlet-asset-categories-navigation.bkg-full-green-10:before,
.portlet-navigation.bkg-full-green-10:before,
.portlet-asset-publisher.bkg-full-green-10:before,
.portlet-nested-portlets.bkg-full-green-10:before {
  display: none;
}
.portlet-journal-content.bkg-full-green:after,
.portlet-asset-categories-navigation.bkg-full-green:after,
.portlet-navigation.bkg-full-green:after,
.portlet-asset-publisher.bkg-full-green:after,
.portlet-nested-portlets.bkg-full-green:after {
  background: var(--primary-20);
  height: 100%;
}
.portlet-journal-content.bkg-full-green:before,
.portlet-asset-categories-navigation.bkg-full-green:before,
.portlet-navigation.bkg-full-green:before,
.portlet-asset-publisher.bkg-full-green:before,
.portlet-nested-portlets.bkg-full-green:before {
  display: none;
}
.portlet-journal-content.bkg-full-green-medium:after,
.portlet-asset-categories-navigation.bkg-full-green-medium:after,
.portlet-navigation.bkg-full-green-medium:after,
.portlet-asset-publisher.bkg-full-green-medium:after,
.portlet-nested-portlets.bkg-full-green-medium:after {
  background: #377D6A;
  height: 100%;
}
.portlet-journal-content.bkg-full-green-medium:before,
.portlet-asset-categories-navigation.bkg-full-green-medium:before,
.portlet-navigation.bkg-full-green-medium:before,
.portlet-asset-publisher.bkg-full-green-medium:before,
.portlet-nested-portlets.bkg-full-green-medium:before {
  display: none;
}
.portlet-journal-content.bkg-none:after,
.portlet-asset-categories-navigation.bkg-none:after,
.portlet-navigation.bkg-none:after,
.portlet-asset-publisher.bkg-none:after,
.portlet-nested-portlets.bkg-none:after {
  display: none;
}
.portlet-journal-content.bkg-none:before,
.portlet-asset-categories-navigation.bkg-none:before,
.portlet-navigation.bkg-none:before,
.portlet-asset-publisher.bkg-none:before,
.portlet-nested-portlets.bkg-none:before {
  display: none;
}

.bkg-primary-400 {
  background-color: var(--primary-400);
}

.bkg-primary-600 {
  background-color: var(--primary-600);
}

/* .banner-carousel {
	float: left;
	width: 100%;
	color: $bper-white;

	@media (min-width: $screen-lg-min) {
		margin-left: 0;
		margin-right: 0;
	}

	@media (max-width: $breakpoint-mobile) {
		padding-bottom: 50px;
	}

	.slider {
		.slick-next {
			background-image: url(../images/Icon-Arrow-Right.svg);
			background-size:24px;
			left: 606px;
			transform: none;
			background-position: center;
			width: 50px;
			height: 40px;
			background-color: $bper-white;
			background-repeat: no-repeat;
			border-radius: 0 20px 20px 0;
			bottom: 112px;
			top: inherit;

			@media (max-width: $screen-sm-max) {
				//bottom: 16px;
			}

			@media (max-width: $breakpoint-mobile) {
				display: block;
				left: 50% !important;
				bottom: 54px;
			}

			&:hover {
				background-color: var(--primary-20);
				background-image: url(../images/Icon-Arrow-Right.svg)!important;
			}

			&::before {
				content: none;

				[dir='rtl'] & {
					content: none;
				}
			}
		}

		.slick-prev {
			background-image: url(../images/Icon-Arrow-Left.svg);
			background-size:24px;
			left: 606px;
			transform: translateX(-100%);
			background-repeat: no-repeat;
			background-position: center;
			width: 50px;
			height: 40px;
			background-color: var(--primary-20);
			bottom: 112px;
			top: inherit;
			border-radius: 20px 0 0 20px;

			@media (max-width: $screen-sm-max) {
				//bottom: 16px;
			}

			@media (max-width: $breakpoint-mobile) {
				display: block;
				left: 50% !important;
				bottom: 54px;
			}

			&:hover {
				background-color: var(--primary-20);
				background-image: url(../images/Icon-Arrow-Left.svg)!important;
			}

			&::before {
				content: none;

				[dir='rtl'] & {
					content: none;
				}
			}
		}

		.slick-dots {
			bottom: 112px;
			width: auto;
			left: 50%;
			transform: translateX(-50%);

			@media (max-width: 1300px) {
				left: 720px;
			}

			@media (max-width: $breakpoint-mobile) {
				display: block;
				left: 50%;
				bottom: 0;
			}
		}

		.item {
			overflow: hidden;
			padding-bottom: 48px;

			@media (max-width: $screen-sm-max) {
				position: relative;
				//padding-bottom: 12px;
			}

			.carousel-image {
				position: relative;
				height: 500px;
				min-height: 500px;
				background: 40% center no-repeat;
				background-size: cover;

				@media (max-width: $breakpoint-mobile) {
					//height: 610px;
				}

				.bkg {
					position: absolute;
					top: 0;
					bottom: 50px;
					left: 0;
					overflow: hidden;
					right: 0;
					background-position: center;
					background-size: cover;
					background-repeat: no-repeat;

					@media (max-width: $breakpoint-mobile) {
						bottom: 115px;
						//height: 500px;

						&.mobile-green-overlay {
							&:after {
								content: '';
								display: block;
								position: absolute;
								top: 0;
								left: 0;
								bottom: 0;
								right: 0;
								background-color: var(--primary-400);
								opacity: 0.6;
							}
						}
					}
				}

				.squircle {
					position: absolute;
					left: 560px;
					transform: translateX(-50%) translateY(-50%);
					top: 50%;
					bottom: 0;
					//background-image: url(../images/Squircle.svg);
					width: 245px;
					height: 530px;
					background-position: center;
					background-size: contain;
					background-repeat: no-repeat;

					@media (max-width: $screen-sm-max) {
						z-index: 11;
					}

					@media (max-width: $breakpoint-mobile) {
						left: 0;
					}
				}

				.row-text-overlay {
					position: absolute;
					left: 80px;
					bottom: 0;
					height: auto;

					@media (max-width: $breakpoint-mobile) {
						position: absolute;
						bottom: 25px;
						top: unset;
						width: calc(100% - 50px);
						left: 25px;
					}

					.text-content {
						position: relative;
						left: 0;
						bottom: 0;
						padding: 52px 50px 60px 40px;
						height: 100%;
						top: 0;
						float: right;
						width: 480px;
						background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
						border-radius: 24px;
						box-shadow: 0px 16px 24px rgba(126, 140, 141, 0.16);
						margin-bottom: 34px;
						transform: translateY(34px);

						@media (max-width: $breakpoint-mobile) {
							width: 100%;
							padding: 40px 24px 55px 24px;
							position: relative;
							box-shadow: 0px 16px 24px rgba(126, 140, 141, 0.16);
						}
					}
				}

				.transparent-layer {
					display: none;
				}

				.text-overflow {
					@media (max-width: $breakpoint-mobile) {
						top: unset;
						bottom: 0;
						height: auto;
					}

					@media (max-width: $screen-sm-max) {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						z-index: 12;
					}

					.row {
						@media (max-width: $screen-sm-max) {
							margin-left: 0;
							margin-right: 0;
						}
					}

					.shadow {
						z-index: 1;
						position: absolute;
						top: 0;
						right: 0;
						width: 0;
						height: 0;
						background-image: url(../images/bkg-slide.png);
						background-size: contain;
						background-repeat: no-repeat;
						background-position: center;
						transform: translateY(-25%);
					}

					.banner-title-text {
						font-size: 28px;
						letter-spacing: 0px;
						line-height: 36px;
						font-family: 'Din-Bold', sans-serif;
						margin-bottom: 24px;

						@media (max-width: $breakpoint-mobile) {
							font-size: 24px;
							letter-spacing: 0px;
							line-height: 32px;
							font-family:'Din-Bold', sans-serif;
							margin-bottom: 16px;
						}

						* {
							font-size: inherit;
							font-weight: inherit;
							line-height: inherit;
							margin-bottom: 0;
						}
					}

					.banner-description {
						position: relative;
						width: 100%;
						line-height: 26px;
						font-size: 18px;
						margin-top: 15px;
						margin-bottom: 40px;

						@media (max-width: $breakpoint-mobile) {
							font-size: 14px;
							line-height: 20px;
							margin-bottom: 27px;
						}

						* {
							line-height: inherit;
							font-size: inherit;
							margin-bottom: 0;
						}
					}

					.banner-text-content {
						z-index: 2;
						position: relative;
						width: 100%;

						.banner-buttonContainer {
							width: 100%;
							text-align: left;
							margin-top: 25px;
							position: relative;

							@media (max-width: $breakpoint-mobile) {
								margin-top: 12px;
							}
						}
					}
				}
			}
		}
	}
}
*/
/*
<div class="column-text">
	<div class="row">
		<div class="wrapper">
			<div class="filler col-lg-4">
			</div>
			<div class="text-content right col-8">
				<p>
					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
				</p>
			</div>
		</div>
	</div>
</div>
*/
.column-text {
  background-color: #faf9f8;
  overflow: hidden;
}
.column-text .bper-wrapper .text-content {
  text-align: justify;
  padding: 0;
  padding-top: 72px;
  padding-bottom: 72px;
  margin-left: calc((100vw - 1170px) / -2);
  padding-left: calc((100vw - 1170px) / 2);
  overflow: hidden;
}
@media (max-width: 1199px) {
  .column-text .bper-wrapper .text-content {
    margin-left: -5px;
    margin-right: -5px;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
.column-text .bper-wrapper .text-content.center {
  column-count: 3;
  column-gap: 45px;
}
@media (max-width: 1199px) {
  .column-text .bper-wrapper .text-content.center {
    column-count: 1;
  }
}
.column-text .bper-wrapper .text-content.left {
  column-count: 2;
  column-gap: 45px;
}
@media (max-width: 1199px) {
  .column-text .bper-wrapper .text-content.left {
    column-count: 1;
  }
}
.column-text .bper-wrapper .text-content.right {
  column-count: 2;
  column-gap: 45px;
}
@media (max-width: 1199px) {
  .column-text .bper-wrapper .text-content.right {
    column-count: 1;
  }
}

footer {
  float: left;
  width: 100%;
}

#footer {
  overflow: hidden;
  background-color: #fff;
  z-index: 0;
  position: relative;
}
#footer .footer-container {
  position: relative;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
#footer .footer-container .footer-trick {
  display: none;
}
#footer .footer-container .footer-left {
  background-color: #005D44;
  height: 100%;
  width: 50%;
  border-radius: 0 32px 32px 0;
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 80px 45px 57px 75px;
  box-sizing: border-box;
}
#footer .footer-container .footer-left .bper-logo {
  height: 48px;
  width: auto;
  margin-bottom: 34px;
  margin-right: 20px;
}
#footer .footer-container .footer-left .voci-sx {
  color: #fff;
  display: flex;
}
#footer .footer-container .footer-left .voci-sx .voci-sx-col-1 {
  margin-right: 50px;
}
#footer .footer-container .footer-left .voci-sx strong {
  font-size: 13px;
}
#footer .footer-container .footer-right {
  background-color: #377D6A;
  height: calc(100% - 28px);
  width: calc(50% + 32px);
  position: absolute;
  right: 0;
  z-index: 1;
  padding-top: 53px;
  padding-right: 80px;
  padding-bottom: 57px;
  padding-left: 127px;
  box-sizing: border-box;
  margin-top: 28px;
}
@media (max-width: 1099px) {
  #footer .footer-container .footer-right {
    padding-left: 95px;
  }
}
#footer .footer-container .footer-right .voci-dx {
  color: #fff;
  display: flex;
}
#footer .footer-container .footer-right .voci-dx .voci-dx-col-1 {
  margin-right: 50px;
}
#footer .footer-container .footer-right .voci-dx strong {
  font-size: 13px;
}
#footer .voci-sx .voci-sx-col-1 p,
#footer .voci-sx .voci-sx-col-2 p {
  font-size: 16px;
  line-height: 100%;
  margin-bottom: 16px;
}
#footer .voci-sx .voci-sx-col-1 p > .link-cta,
#footer .voci-sx .voci-sx-col-1 p > .link-cta:hover,
#footer .voci-sx .voci-sx-col-2 p > .link-cta,
#footer .voci-sx .voci-sx-col-2 p > .link-cta:hover {
  color: #fff;
  text-decoration: none;
}
#footer .voci-dx .voci-dx-col-1 p,
#footer .voci-dx .voci-dx-col-2 p {
  font-size: 16px;
  line-height: 100%;
  margin-bottom: 16px;
}
#footer .voci-dx .voci-dx-col-1 p > .link-cta,
#footer .voci-dx .voci-dx-col-1 p > .link-cta:hover,
#footer .voci-dx .voci-dx-col-2 p > .link-cta,
#footer .voci-dx .voci-dx-col-2 p > .link-cta:hover {
  color: #fff;
  text-decoration: none;
}
@media (max-width: 1440px) {
  #footer .footer-container .footer-left .bper-logo {
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  #footer .footer-container {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: auto 21px;
    min-height: 0;
  }
  #footer .footer-container .footer-left {
    grid-column: 1;
    padding: 56px 25px 15px 25px;
    grid-row: 1;
    width: 100%;
    position: relative;
  }
  #footer .footer-container .footer-left .bper-logo {
    height: 47px;
    width: auto;
  }
  #footer .footer-container .footer-left .voci-sx {
    width: 100%;
    justify-content: space-between;
  }
  #footer .footer-container .footer-left .voci-sx .voci-sx-col-1 {
    margin-right: unset;
    width: 48%;
  }
  #footer .footer-container .footer-left .voci-sx .voci-sx-col-2 {
    margin-right: unset;
    width: 48%;
  }
  #footer .footer-container .footer-trick {
    grid-column: 2;
    grid-row: 1;
    display: block;
    height: calc(100% - 21px);
    background-color: #377D6A;
    margin-left: -70px;
  }
  #footer .footer-container .footer-right {
    grid-column: span 2;
    grid-row: 2;
    padding: 35px 35px 24px 25px;
    width: 100%;
    height: auto;
    position: relative;
    margin-top: -1px;
  }
  #footer .footer-container .footer-right .voci-dx {
    justify-content: space-between;
    display: flex;
  }
  #footer .footer-container .footer-right .voci-dx .voci-dx-col-1, #footer .footer-container .footer-right .voci-dx .voci-dx-col-2 {
    margin-right: 0;
    width: 48%;
  }
}

/*
a.link-cta {
	font-weight: normal;
}

a.link-cta.link-cta-icon::after {
	content: "\f105";
	font-family: fontawesome-alloy;
	padding-left: 10px;
	position: relative;
	left: 0;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	vertical-align: baseline;
	display: inline-block;
}*/
/*
.bper-wrapper {
	position: relative;
	max-width: 1170px;
	margin: 0 auto;
	height: 100%;
	padding: 0;

	@media (max-width: 1250px) {
		padding-left: 20px;
		padding-right: 20px;
	}

	@media(max-width:1199px) and (min-width:376px) {
		width: 95%;
		padding-left: calc((100vw - 1170px) / -40);
		padding-right: calc((100vw - 1170px) / -40)
	}

	@media(max-width:768px) {
		width: 100%;
		padding-left: calc(100vw - 97.5vw);
		padding-right: calc(100vw - 97.5vw)
	}

	@media(max-width:480px) {
		width: 100%;
		padding-left: 0;
		padding-right: 0
	}
}*/
.filiali-bper {
  margin-top: 60px;
  margin-bottom: 60px;
  font-family: "DIN-Regular", Helvetica, Arial, sans-serif;
  font-size: 12px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .filiali-bper {
    margin-top: 30px;
  }
}
.filiali-bper * {
  box-sizing: border-box;
}
.filiali-bper a.green-dark {
  color: #005D44;
}
.filiali-bper .slick-slider {
  margin-top: 120px;
  margin-left: -15px;
  margin-right: -15px;
}
.filiali-bper .slick-slider .slick-disabled {
  opacity: 0.4;
}
.filiali-bper .slick-slider .slick-slide {
  display: block;
  padding: 0 15px;
}
.filiali-bper .slick-slider .slick-arrow {
  width: 44px;
  height: 44px;
  position: absolute;
  top: -25px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 27px;
  overflow: hidden;
  text-indent: -99px;
  display: block;
  transform: translateY(-100%);
  transition: 200ms;
}
.filiali-bper .slick-slider .slick-arrow:hover {
  background-color: rgba(255, 255, 255, 0.53);
  border-radius: 100%;
}
.filiali-bper .slick-slider .slick-arrow.slick-prev {
  left: 10px;
  background-image: url(../images/filiali/arrow-left.svg) !important;
}
.filiali-bper .slick-slider .slick-arrow.slick-next {
  left: 75px;
  right: inherit;
  background-image: url(../images/filiali/arrow-right.svg) !important;
}
.filiali-bper .icon-area-self {
  width: 36px;
  height: 36px;
  background-position: center;
  background-size: 87px;
  background-repeat: no-repeat;
  display: block;
  margin-left: 12px;
}
.filiali-bper .white-bkg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
  background-color: rgba(255, 255, 255, 0.5);
}
.filiali-bper .intro {
  color: #005D44 !important;
  margin-bottom: 50px;
}
.filiali-bper .intro h1 {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  margin: 0;
}
.filiali-bper .intro p {
  font-weight: 400;
  font-size: 24px;
  margin: 0;
}
.filiali-bper .service-info-wrapper {
  position: fixed;
  width: 770px;
  max-width: 80%;
  height: auto;
  min-height: 100px;
  z-index: 9100;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  transform: translateY(-100%);
  margin-left: 45px;
  margin-top: 44px;
}
@media (max-width: 800px) {
  .filiali-bper .service-info-wrapper {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    max-width: 100% !important;
    transform: none !important;
    bottom: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0;
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 100% !important;
  }
  .filiali-bper .service-info-wrapper .text-content .close {
    display: block;
    position: absolute;
    float: right;
    top: 20px;
    opacity: 1 !important;
    right: 40px;
    display: flex;
    align-content: center;
    align-items: center;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    background: none !important;
    display: flex !important;
    height: 60px !important;
    background: none !important;
    opacity: 1 !important;
    flex-direction: row !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }
  .filiali-bper .service-info-wrapper .text-content .close .close-circle {
    background-image: url(../images/filiali/close-icon.svg) !important;
    width: 60px;
    height: 60px;
    min-width: 60px;
    border: solid 1px #fff;
    border-radius: 100%;
  }
  .filiali-bper .service-info-wrapper .text-content .close span {
    margin-right: 10px;
    display: block;
    width: auto;
    text-align: right;
  }
  .filiali-bper .service-info-wrapper .text-content .close svg {
    height: 60px;
    width: 60px;
  }
}
.filiali-bper .service-info-wrapper .close span,
.filiali-bper .service-info-wrapper .close svg {
  display: none;
}
.filiali-bper .service-info-wrapper .dotti {
  position: relative;
  width: 67px;
  margin: 0;
  padding: 0;
  height: 71px;
}
@media (max-width: 800px) {
  .filiali-bper .service-info-wrapper .dotti {
    display: none;
  }
}
.filiali-bper .service-info-wrapper .dotti .img-dotti {
  width: 70px;
  height: 70px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/filiali/dotti.svg) !important;
}
.filiali-bper .service-info-wrapper .text-content {
  background: #005D44 !important;
  color: #fff;
  position: relative;
  top: 0;
  transform: none;
  bottom: inherit;
  width: calc(100% - 90px);
  border-radius: 21px;
  border-bottom-left-radius: 0;
  padding: 40px 50px 40px 40px;
  margin-left: 20px;
  font-size: 20px;
  line-height: inherit;
  color: #fff;
}
@media (max-width: 800px) {
  .filiali-bper .service-info-wrapper .text-content {
    width: 100%;
    margin: 0;
    border-radius: 0;
    padding: 90px 40px 40px 40px;
    bottom: 0;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 99, 105, 0.8);
  }
  .filiali-bper .service-info-wrapper .text-content .main-text-content {
    max-height: 100% !important;
  }
}
.filiali-bper .service-info-wrapper .text-content .close {
  cursor: pointer;
  display: block;
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
  background-image: url(../images/filiali/close-icon.svg) !important;
  position: absolute;
  top: 15px;
  right: 15px;
}
@media (max-width: 800px) {
  .filiali-bper .service-info-wrapper .text-content .close {
    background: none !important;
  }
}
.filiali-bper .service-info-wrapper .text-content ul {
  margin: 0;
  padding: 0;
  padding-left: 18px;
}
.filiali-bper .service-info-wrapper .text-content:after {
  content: "";
  position: absolute;
  display: block;
  bottom: -23px;
  left: -14px;
  transition: transform 0ms;
  width: 15px;
  height: 15px;
  border: 5px solid #005D44 !important;
  border-top-color: rgb(0, 99, 105);
  border-top-style: solid;
  border-top-width: 5px;
  border-right-color: rgb(0, 99, 105);
  border-right-style: solid;
  border-right-width: 5px;
  border-left-color: rgb(0, 99, 105);
  border-left-style: solid;
  border-left-width: 5px;
  border-top-color: #005D44 !important;
  border-top-style: solid;
  border-top-width: 5px;
  border-right-color: #005D44 !important;
  border-right-style: solid;
  border-right-width: 5px;
  border-left-color: #005D44 !important;
  border-left-style: solid;
  border-left-width: 5px;
  border-top-color: #005D44 !important;
  border-top-style: solid;
  border-top-width: 10px;
  border-right-color: #005D44 !important;
  border-right-style: solid;
  border-right-width: 10px;
  border-left-color: #005D44 !important;
  border-left-style: solid;
  border-left-width: 10px;
  border-radius: 24%;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  transform-origin: 50% 50%;
  margin-left: 0;
  box-sizing: content-box;
  transform: translateX(11%) rotate(-192deg);
}
@media (max-width: 800px) {
  .filiali-bper .service-info-wrapper .text-content:after {
    display: none;
  }
}
.filiali-bper .service-info-wrapper .text-content span {
  min-width: 200px;
  padding: 0 10px;
}
@media (max-width: 1100px) {
  .filiali-bper #searchbar-and-intro {
    padding: 0 15px;
  }
}
.filiali-bper .button .icon-geolocation {
  background-image: url(../images/filiali/position-icon.svg) !important;
  width: 19px;
  height: 19px;
}
.filiali-bper .input-wrapper {
  position: relative;
  border-radius: 45px;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(200, 200, 200, 0.5);
}
.filiali-bper .input-wrapper .search-button {
  position: absolute;
  width: 60px;
  display: block;
  height: 100%;
  cursor: pointer;
  left: 15;
  top: 0;
  background-image: url(./../images/filiali/search.svg) !important;
  background-repeat: no-repeat;
  background-position: center left 20px;
  background-size: 30px;
}
@media (max-width: 1100px) {
  .filiali-bper .input-wrapper .search-button {
    background-size: 22px;
  }
}
.filiali-bper .input-wrapper .filter-button {
  position: absolute;
  width: 90px;
  display: block;
  height: 100%;
  cursor: pointer;
  right: 0;
  top: 0;
  background: #EDF5EB !important;
  border-top-left-radius: 0;
  border-top-right-radius: 45px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 45px;
}
@media (max-width: 1100px) {
  .filiali-bper .input-wrapper .filter-button {
    width: 83px;
  }
}
.filiali-bper .input-wrapper .filter-button.active {
  background-color: #005D44 !important;
}
.filiali-bper .input-wrapper .filter-button.active:after {
  content: "";
  background-color: #64B054 !important;
  width: 13px;
  height: 13px;
  border-radius: 100%;
  top: 28px;
  left: 51px;
  position: absolute;
}
.filiali-bper .input-wrapper .filter-button.active span {
  background-color: #fff !important;
}
.filiali-bper .input-wrapper .filter-button.open span:nth-child(1) {
  width: 17px;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.filiali-bper .input-wrapper .filter-button.open span:nth-child(2) {
  width: 0;
  transform: translateX(-50%) translateY(0px);
}
.filiali-bper .input-wrapper .filter-button.open span:nth-child(3) {
  width: 17px;
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.filiali-bper .input-wrapper .filter-button span {
  background-color: #005D44 !important;
  border-radius: 2px;
  height: 2px;
  top: 50%;
  left: 50%;
  transition: 200ms;
  position: absolute;
  display: block;
}
.filiali-bper .input-wrapper .filter-button span:nth-child(1) {
  width: 29px;
  transform: translateX(-50%) translateY(-6px);
}
.filiali-bper .input-wrapper .filter-button span:nth-child(2) {
  width: 22px;
  transform: translateX(-50%) translateY(0px);
}
.filiali-bper .input-wrapper .filter-button span:nth-child(3) {
  width: 13px;
  transform: translateX(-50%) translateY(6px);
}
.filiali-bper .search-bar-wrapper {
  position: relative;
}
.filiali-bper .search-bar-wrapper .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 99;
  bottom: -50px;
}
.filiali-bper .search-bar-wrapper .dotti {
  position: absolute;
  right: 0;
  transform: translateY(83px);
  z-index: 9999;
  padding-left: 45px;
  width: auto;
  min-width: inherit;
  margin: 0;
  padding: 0;
}
.filiali-bper .search-bar-wrapper .dotti .img-dotti {
  width: 70px;
  height: 70px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/filiali/dotti.svg) !important;
}
.filiali-bper .search-bar-wrapper .dotti .text {
  background: #005D44 !important;
  color: #fff;
  position: absolute;
  left: -20px;
  transform: translateX(-100%) translateY(0);
  bottom: 0;
  padding: 12px 20px;
  width: auto;
  border-radius: 120px;
  border-bottom-right-radius: 0;
  top: inherit;
  min-width: 220px;
}
.filiali-bper .search-bar-wrapper .dotti .text:after {
  transform: translateX(100%);
  content: "";
  position: absolute;
  display: block;
  bottom: 2px;
  left: 100%;
  transition: transform 0ms, -webkit-transform 0ms;
  width: 15px;
  height: 15px;
  border: 5px solid #005D44 !important;
  border-top-color: rgb(0, 99, 105);
  border-top-style: solid;
  border-top-width: 5px;
  border-right-color: rgb(0, 99, 105);
  border-right-style: solid;
  border-right-width: 5px;
  border-left-color: rgb(0, 99, 105);
  border-left-style: solid;
  border-left-width: 5px;
  border-top-color: rgb(0, 99, 105);
  border-top-style: solid;
  border-top-width: 10px;
  border-right-color: rgb(0, 99, 105);
  border-right-style: solid;
  border-right-width: 10px;
  border-left-color: rgb(0, 99, 105);
  border-left-style: solid;
  border-left-width: 10px;
  border-radius: 24%;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  transform-origin: 50% 50%;
  margin-right: -10px;
  box-sizing: content-box;
  transform: translateX(-67%) rotate(9deg);
}
.filiali-bper .search-bar-wrapper .dotti .text span {
  min-width: 200px;
  padding: 0 10px;
}
.filiali-bper .search-bar-wrapper .MuiButton-label {
  margin-top: 2px;
}
.filiali-bper .search-bar-wrapper .current-position-repeat-search {
  position: absolute;
  right: 0;
  display: block;
  transform: translateY(83px);
  z-index: 9;
}
.filiali-bper .search-bar-wrapper .current-position-repeat-search .button {
  line-height: 42px;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  float: left;
}
.filiali-bper .search-bar-wrapper .current-position-repeat-search .button + .button {
  margin-left: 20px;
}
.filiali-bper .search-bar-wrapper .current-position-button {
  position: relative;
  padding-left: 35px;
  display: inline-block;
}
@media (max-width: 1100px) {
  .filiali-bper .search-bar-wrapper .current-position-button {
    width: 42px;
    height: 42px;
    min-width: 42px;
    padding: 0;
  }
  .filiali-bper .search-bar-wrapper .current-position-button span {
    display: none;
  }
  .filiali-bper .search-bar-wrapper .current-position-button span.icon-geolocation {
    display: inline-block;
    position: relative;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.filiali-bper .search-bar-wrapper .current-position-button .icon-geolocation {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  background-position: center;
  background-size: contain;
}
.filiali-bper .search-input {
  width: 100%;
  padding: 31px 75px 31px 75px;
  line-height: 1;
  border-radius: 45px;
  border: 1px solid #eee;
  background-color: #fff;
  color: #64B054 !important;
  font-weight: 500;
  font-size: 16px;
  outline: none !important;
}
@media (max-width: 1100px) {
  .filiali-bper .search-input {
    padding: 22px 75px 22px 75px;
  }
}
.filiali-bper .react-slidedown {
  transition-duration: 0.1s;
}
.filiali-bper .filter-wrapper {
  position: absolute;
  z-index: 10;
  width: 100%;
  color: #005D44 !important;
}
.filiali-bper .filter-wrapper .filter-wrapper-content {
  padding: 55px 70px;
  box-shadow: 0 14px 20px rgba(0, 0, 0, 0.1);
  background: #faf9f8;
}
@media (max-width: 767px) {
  .filiali-bper .filter-wrapper .filter-wrapper-content {
    padding: 90px 40px 40px 40px;
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
  }
  .filiali-bper .filter-wrapper .filter-wrapper-content .filter {
    display: flex;
    flex-grow: 2;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
  }
  .filiali-bper .filter-wrapper .filter-wrapper-content .filter .categories {
    flex-grow: 2;
  }
}
.filiali-bper .filter-wrapper .close-filters-mobile {
  display: none;
}
@media (max-width: 767px) {
  .filiali-bper .filter-wrapper .close-filters-mobile {
    display: block;
    position: absolute;
    float: right;
    top: 20px;
    right: 40px;
    display: flex;
    align-content: center;
    align-items: center;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    color: #005D44 !important;
  }
  .filiali-bper .filter-wrapper .close-filters-mobile:hover {
    color: #64B054 !important;
  }
  .filiali-bper .filter-wrapper .close-filters-mobile:hover svg g,
  .filiali-bper .filter-wrapper .close-filters-mobile:hover svg path {
    stroke: #64B054 !important;
  }
  .filiali-bper .filter-wrapper .close-filters-mobile svg {
    height: 60px;
    width: 60px;
  }
  .filiali-bper .filter-wrapper .close-filters-mobile span {
    margin-right: 10px;
    display: block;
  }
}
.filiali-bper .filter-wrapper h3 {
  font-weight: 500;
  font-size: 16px;
  margin: 0;
  padding: 0;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .filiali-bper .filter-wrapper h3 {
    margin-bottom: 10px;
  }
}
.filiali-bper .filter-wrapper .filter {
  display: flex;
  flex-direction: column;
}
.filiali-bper .filter-wrapper .filter .categories {
  display: flex;
  flex-direction: column;
}
.filiali-bper .filter-wrapper .filter .categories .categories-with-image ul {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .filiali-bper .filter-wrapper .filter .categories .categories-with-image ul {
    width: 100%;
    display: flex;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .filiali-bper .filter-wrapper .filter .categories .categories-with-image ul::-webkit-scrollbar {
    display: none;
  }
}
.filiali-bper .filter-wrapper .filter .categories .categories-with-image li {
  width: 130px;
  height: 145px;
  border: solid 1px #EDF5EB !important;
  border-radius: 21px;
  background: none;
  position: relative;
  margin-right: 30px;
  margin-bottom: 30px;
  cursor: pointer;
}
@media (max-width: 1000px) {
  .filiali-bper .filter-wrapper .filter .categories .categories-with-image li {
    width: 23%;
    min-width: 23%;
    margin-right: 2%;
  }
}
@media (max-width: 767px) {
  .filiali-bper .filter-wrapper .filter .categories .categories-with-image li {
    min-width: 91px;
    width: 91px;
    height: 110px;
    margin-right: 14px;
    margin-bottom: 0;
  }
}
.filiali-bper .filter-wrapper .filter .categories .categories-with-image li.selected {
  background: #EDF5EB !important;
}
.filiali-bper .filter-wrapper .filter .categories .categories-with-image li .img {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .filiali-bper .filter-wrapper .filter .categories .categories-with-image li .img {
    width: 47px !important;
    height: 47px !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    margin: 10px 21px !important;
    display: block !important;
  }
}
.filiali-bper .filter-wrapper .filter .categories .categories-with-image li .img img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.filiali-bper .filter-wrapper .filter .categories .categories-with-image li h4 {
  color: #005D44 !important;
  font-size: inherit;
  font-weight: inherit;
  padding: 0 10px;
  text-align: center;
  position: absolute;
  bottom: 5px;
  margin: 0;
  width: 100%;
}
.filiali-bper .filter-wrapper .filter .categories .services {
  margin-top: 10px;
}
.filiali-bper .filter-wrapper .filter .categories ul {
  padding: 0;
  margin: 0;
  display: block;
  margin-bottom: 40px;
  width: 100%;
  float: left;
}
@media (max-width: 767px) {
  .filiali-bper .filter-wrapper .filter .categories ul {
    margin-bottom: 10px;
  }
}
.filiali-bper .filter-wrapper .filter .categories ul li {
  display: flex;
  float: left;
  flex-direction: column;
}
.filiali-bper .filter-wrapper .filter .categories ul li.token {
  min-width: 185px;
  text-align: center;
  border: solid 1px #EDF5EB !important;
  border-radius: 20px;
  line-height: 29px;
  margin-right: 20px;
  padding: 0 15px;
  color: #005D44 !important;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .filiali-bper .filter-wrapper .filter .categories ul li.token {
    width: calc(50% - 7px);
    margin: 0;
    margin-bottom: 14px;
    min-width: inherit;
    float: left;
    height: auto;
    line-height: 1;
    padding: 5px 15px;
    min-height: 40px;
    display: flex;
    align-items: center;
    align-content: center;
    position: relative;
  }
  .filiali-bper .filter-wrapper .filter .categories ul li.token span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    padding: 10px;
    width: 100%;
  }
  .filiali-bper .filter-wrapper .filter .categories ul li.token:nth-child(2n+1) {
    clear: left;
  }
  .filiali-bper .filter-wrapper .filter .categories ul li.token:nth-child(2n+2) {
    margin-left: 14px;
  }
}
.filiali-bper .filter-wrapper .filter .categories ul li.token.selected {
  background-color: #EDF5EB !important;
}
.filiali-bper .filter-wrapper .filter .footer-wrapper {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.filiali-bper .filter-wrapper .filter .footer-wrapper .results {
  font-size: 16px;
  font-weight: 300;
  text-emphasis: none;
  font-style: inherit;
}
.filiali-bper .filter-wrapper .filter .footer-wrapper .buttons {
  flex-grow: 2;
  text-align: right;
}
.filiali-bper .filter-wrapper .filter .footer-wrapper .buttons .button + .button {
  margin-left: 25px;
}
.filiali-bper .region-filter-title {
  color: #005D44 !important;
  margin-bottom: 18px;
  font-size: 22px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .filiali-bper .region-filter-title {
    padding: 0 15px;
  }
}
.filiali-bper .regions {
  color: #005D44 !important;
  margin-top: 60px;
}
@media (max-width: 767px) {
  .filiali-bper .regions {
    padding: 0 15px;
  }
}
.filiali-bper .regions a {
  text-decoration: none;
  color: inherit;
}
.filiali-bper .regions a:hover {
  text-decoration: underline;
}
.filiali-bper .regions h3 {
  font-size: 42px;
  font-weight: 100;
  letter-spacing: 0;
}
.filiali-bper .regions ul {
  display: block;
  margin: 0;
  padding: 0;
}
.filiali-bper .regions ul li {
  display: inline-block;
  margin: 0;
  margin-right: 15px;
  padding: 0;
}
.filiali-bper .regions ul li.selected a {
  text-decoration: underline;
}
.filiali-bper .regions ul li a {
  display: inline-block;
  line-height: 2;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
.filiali-bper .regions ul li a:hover {
  text-decoration: underline;
}
.filiali-bper #map-section {
  margin-top: 50px;
  position: relative;
}
.filiali-bper #map-section .gmnoprint {
  display: none !important;
}
.filiali-bper #map-section .gmnoprint + .gm-style-cc {
  display: none;
}
.filiali-bper #map-section .gmnoprint.gm-bundled-control {
  display: block !important;
  bottom: 130px !important;
}
.filiali-bper #map-section .gmnoprint.gm-bundled-control .gmnoprint {
  display: block !important;
}
.filiali-bper #map-section .cover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 99;
}
.filiali-bper #map-section .google-map {
  position: relative;
}
@media (max-width: 767px) {
  .filiali-bper #map-section .google-map {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media (max-width: 767px) {
  .filiali-bper #map-section .google-map > .bper-wrapper {
    margin: 0;
    padding: 0;
  }
}
.filiali-bper #map-section .google-map .gm-control-active {
  display: none;
}
.filiali-bper #map-section .google-map .shadow {
  background-image: url(../images/filiali/shadow.svg) !important;
  width: 100%;
  position: absolute;
  background-position: center bottom;
  background-size: cover;
  top: 0px;
  height: 50px !important;
  z-index: 8;
}
@media (max-width: 767px) {
  .filiali-bper #map-section .google-map .shadow {
    display: none;
  }
}
.filiali-bper #map-section .google-map > div:not(.bper-wrapper):not(.shadow) {
  height: 850px !important;
  max-height: 80vh;
}
@media (max-width: 767px) {
  .filiali-bper #map-section .google-map > div:not(.bper-wrapper):not(.shadow) {
    height: 510px !important;
  }
}
.filiali-bper #map-section .google-map-content .button-repeat-search {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.filiali-bper #map-section #store-list {
  position: absolute;
  left: 0;
  width: 600px;
  max-width: 60%;
  max-height: 790px;
  z-index: 9;
  overflow-y: auto;
  overflow-x: hidden;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  scrollbar-width: none;
  top: 30px;
}
@media (max-height: 988px) {
  .filiali-bper #map-section #store-list {
    max-height: calc(80vh - 30px);
  }
}
@media (max-width: 1400px) {
  .filiali-bper #map-section #store-list {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .filiali-bper #map-section #store-list {
    position: relative;
    max-height: 800px;
    width: 100%;
    max-width: 100%;
    top: 0;
  }
}
.filiali-bper #map-section #store-list::-webkit-scrollbar {
  display: none;
}
.filiali-bper #map-section #store-list .store-list-item {
  width: calc(100% - 30px);
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 255, 255, 0.85);
  padding: 22px 60px 28px 33px;
  border-radius: 10px;
  margin-top: 0px;
  margin-left: 15px;
  display: flex;
  flex-direction: row;
  transition: 500ms;
}
@media (max-width: 1400px) {
  .filiali-bper #map-section #store-list .store-list-item {
    padding: 25px 30px 25px 15px;
    padding: 15px 20px 20px 15px;
    margin-top: 30px;
  }
}
.filiali-bper #map-section #store-list .store-list-item:hover {
  background-color: #fff;
}
.filiali-bper #map-section #store-list .store-list-item:first-child {
  margin-top: 0;
}
.filiali-bper #map-section #store-list .store-list-item:last-child {
  margin-bottom: 30px;
}
.filiali-bper #map-section #store-list .store-list-item.selected .store-item-logo svg path {
  fill: #64B054 !important;
}
.filiali-bper #map-section #store-list .store-list-item .store-item-logo {
  width: 36px;
}
@media (max-width: 1100px) {
  .filiali-bper #map-section #store-list .store-list-item .store-item-logo {
    width: 21px;
  }
}
.filiali-bper #map-section #store-list .store-list-item .store-item-logo img,
.filiali-bper #map-section #store-list .store-list-item .store-item-logo svg {
  width: 100%;
}
.filiali-bper #map-section #store-list .store-list-item .store-info {
  margin-left: 30px;
  width: calc(100% - 66px);
  flex-grow: 2;
  font-weight: 400;
  font-size: 18px;
  font-variant-numeric: lining-nums;
  color: #005D44 !important;
}
@media (max-width: 1100px) {
  .filiali-bper #map-section #store-list .store-list-item .store-info {
    margin-left: 10px;
  }
}
.filiali-bper #map-section #store-list .store-list-item .store-info .italic {
  font-size: 18px;
  font-weight: 300;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .orari-contatti.CP {
  display: flex;
  flex-direction: column-reverse;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .string-open-time {
  font-size: 20px;
  font-weight: 400;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .string-open-time b {
  font-family: "Din-Bold", sans-serif !important;
}
.filiali-bper #map-section #store-list .store-list-item .store-info h4 {
  color: #64B054 !important;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 1.3;
  font-family: "Din-Bold", sans-serif;
  line-height: 1.3;
  margin: 10px 0;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row {
  margin: 5px 0;
  padding: 0;
  position: relative;
  clear: both;
  width: 100%;
  display: flex;
  align-items: center;
  text-align: left;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.horizontal {
  flex-direction: column;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.horizontal * {
  width: 100%;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.contacts {
  margin-top: 20px;
  font-size: 18px;
  line-height: 2em;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.contacts a {
  text-decoration: none;
  position: relative;
  color: inherit;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.contacts a:hover {
  text-decoration: underline;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.contacts a:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateX(-30px) translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.contacts a.phone:before {
  background-image: url(../images/filiali/phone.png) !important;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.contacts a.fax:before {
  background-image: url(../images/filiali/fax.png) !important;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.orari-wrapper {
  margin-top: 20px;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.orari-wrapper .orari {
  position: relative;
  margin: 0;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.orari-wrapper .orari:hover {
  text-decoration: underline;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.orari-wrapper .orari:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateX(-30px) translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/filiali/clock.png) !important;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.orari-wrapper b {
  font-weight: 400;
  font-size: 20px;
  margin: 12px 0 2px 0;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.orari-wrapper ul {
  font-size: 18px;
  display: flex;
  flex-direction: column;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row.orari-wrapper ul li {
  margin-bottom: 3px;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row b,
.filiali-bper #map-section #store-list .store-list-item .store-info .row a,
.filiali-bper #map-section #store-list .store-list-item .store-info .row p,
.filiali-bper #map-section #store-list .store-list-item .store-info .row span {
  display: block;
  margin: 0;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row b {
  font-weight: 400;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .row .small {
  font-size: 16px;
  font-weight: 300;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .left {
  float: left;
  flex-grow: 2;
  text-align: left;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .right {
  flex-grow: 2;
  float: right;
  text-align: right;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .right a {
  float: right;
  align-items: center;
  display: flex;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .right a .icon-area-self {
  margin-left: 14px;
  width: 36px;
  height: 36px;
  display: block;
  background-position: center;
  background-size: cover;
  position: relative;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .right a .icon-area-self svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.filiali-bper #map-section #store-list .store-list-item .store-info ul,
.filiali-bper #map-section #store-list .store-list-item .store-info li {
  display: block;
  margin: 0;
  padding: 0;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .link-mobile {
  display: none;
}
@media (max-width: 1100px) {
  .filiali-bper #map-section #store-list .store-list-item .store-info .link-mobile {
    display: block;
    margin-top: 15px;
  }
  .filiali-bper #map-section #store-list .store-list-item .store-info .link-mobile a {
    font-size: 18px;
    cursor: pointer;
    color: #005D44 !important;
    text-decoration: none;
    margin-right: 10px;
  }
  .filiali-bper #map-section #store-list .store-list-item .store-info .link-mobile a:hover {
    color: #64B054 !important;
    text-decoration: none;
  }
}
.filiali-bper #map-section #store-list .store-list-item .store-info .services {
  display: grid;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  margin-top: 25px;
  grid-template-columns: calc(50% - 5px) calc(50% - 5px);
}
@media (max-width: 1100px) {
  .filiali-bper #map-section #store-list .store-list-item .store-info .services {
    margin-top: 15px;
    display: block;
  }
}
.filiali-bper #map-section #store-list .store-list-item .store-info .services li {
  display: flex;
  align-items: center;
}
@media (max-width: 1100px) {
  .filiali-bper #map-section #store-list .store-list-item .store-info .services li + li {
    margin-top: 10px;
  }
}
.filiali-bper #map-section #store-list .store-list-item .store-info .services li .icon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  background: #005D44 !important;
  display: block;
  border-radius: 100%;
  position: relative;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .services li .icon img {
  max-width: inherit;
  max-height: inherit;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.filiali-bper #map-section #store-list .store-list-item .store-info .services li .text {
  margin-left: 14px;
  text-transform: uppercase;
  font-size: 10px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
}
.filiali-bper #map-section #store-list .store-list-item .store-info .buttons {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
@media (max-width: 1100px) {
  .filiali-bper #map-section #store-list .store-list-item .store-info .buttons {
    display: block;
  }
}
@media (max-width: 1100px) {
  .filiali-bper #map-section #store-list .store-list-item .store-info .buttons .button {
    min-width: inherit;
    width: auto;
    float: right;
    display: block;
  }
  .filiali-bper #map-section #store-list .store-list-item .store-info .buttons .button.directions {
    display: none;
  }
}
.filiali-bper #map-section #store-list .store-list-item .store-info .buttons .button + .button {
  margin-left: 25px;
}
@media (max-width: 1100px) {
  .filiali-bper #map-section #store-list .store-list-item .store-info .buttons .button + .button {
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
  }
}
.filiali-bper #map-section .cluster-marker {
  width: 80px;
  height: 80px;
  position: relative;
  background-color: rgba(0, 99, 105, 0.2);
  border-radius: 100%;
  box-shadow: 0px 0 13px rgba(0, 99, 105, 0.4);
}
.filiali-bper #map-section .cluster-marker .span1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  height: 85%;
  border-radius: 100%;
  background-color: rgba(0, 99, 105, 0.6);
  box-shadow: 0px 0 3px rgba(0, 99, 105, 0.2);
}
.filiali-bper #map-section .cluster-marker .span2 {
  width: 85%;
  height: 85%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  background-color: #005D44 !important;
  box-shadow: 0px 0 3px rgba(0, 99, 105, 0.2);
}
.filiali-bper #map-section .cluster-marker .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  padding: 10px;
}
.filiali-bper #map-section .marker {
  position: relative;
  width: 1px;
  height: 1px;
}
.filiali-bper #map-section .marker svg {
  transition: 100ms;
  width: 36px;
  position: absolute;
  bottom: 1px;
  left: 0;
  left: 50%;
  transform: translateX(-50%);
}
.filiali-bper #map-section .marker svg path {
  transition: 200ms;
}
.filiali-bper #map-section .marker.selected svg {
  width: 54px;
}
.filiali-bper #map-section .marker.selected svg path {
  fill: var(--primary-400) !important;
}
.filiali-bper .marker-icon path {
  fill: var(--primary-400) !important;
}
.filiali-bper .detail .name-directions {
  display: flex;
  margin-bottom: 60px;
  align-items: flex-end;
}
@media (max-width: 767px) {
  .filiali-bper .detail .name-directions {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 30px;
    padding: 0 10px;
  }
}
.filiali-bper .detail .name-directions .intro {
  flex-grow: 2;
  padding-right: 30px;
  margin-bottom: 0;
}
.filiali-bper .detail .name-directions a.button {
  display: block;
}
@media (max-width: 767px) {
  .filiali-bper .detail .name-directions a.button {
    margin-top: 20px;
  }
}
.filiali-bper .detail .area-self {
  transform: translateY(-100%);
  font-weight: 500;
  font-size: 20px;
}
@media (max-width: 767px) {
  .filiali-bper .detail .area-self {
    margin-top: 20px;
  }
}
.filiali-bper .detail .area-self a {
  display: flex;
  align-items: center;
  color: #005D44;
}
.filiali-bper .detail .area-self .icon-area-self {
  width: 36px;
  height: 36px;
}
.filiali-bper .detail .orario-contatti {
  display: flex;
  margin-top: 40px;
  align-items: flex-end;
  color: #005D44;
}
@media (max-width: 767px) {
  .filiali-bper .detail .orario-contatti {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 10px;
  }
  .filiali-bper .detail .orario-contatti .contacts {
    margin: 0;
  }
}
.filiali-bper .detail .orario-contatti .contacts {
  flex-grow: 2;
  padding-right: 30px;
  flex-direction: column;
}
.filiali-bper .detail .orario-contatti .contacts .contacts-list a {
  font-size: 20px;
  font-weight: 400;
  color: #005D44;
  text-decoration: none;
  padding-left: 40px;
  margin-right: 90px;
  margin-top: 20px;
  position: relative;
  display: inline-block;
}
.filiali-bper .detail .orario-contatti .contacts .contacts-list a:hover span {
  text-decoration: underline;
}
.filiali-bper .detail .orario-contatti .contacts .contacts-list a:before {
  content: "";
  width: 18px;
  left: 0;
  height: 18px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateX(0);
  transform: translateY(-50%);
  display: block;
}
.filiali-bper .detail .orario-contatti .contacts .contacts-list a.phone:before {
  background-image: url(../images/filiali/phone.png);
}
.filiali-bper .detail .orario-contatti .contacts .contacts-list a.fax:before {
  background-image: url(../images/filiali/fax.png);
}
.filiali-bper .detail .orario-contatti .contacts .contacts-list a.email:before {
  background-image: url(../images/filiali/email.svg);
}
.filiali-bper .detail .orario-contatti .contacts h3 {
  font-size: 42px;
  font-family: "Din-Bold", sans-serif;
  padding-bottom: 14px;
  position: relative;
  min-width: 300px;
  margin: 0;
  margin-bottom: 5px;
}
.filiali-bper .detail .orario-contatti .contacts h3:after {
  background-color: #005D44;
  width: 100%;
  max-width: 300px;
  height: 1px;
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
}
@media (max-width: 767px) {
  .filiali-bper .detail .orario-contatti .subsidiary-contact-link {
    margin-top: 30px;
  }
}
.filiali-bper .detail .orario-contatti .subsidiary-contact-link a {
  display: block;
}
@media (max-width: 767px) {
  .filiali-bper .detail .times-map-wrapper.bper-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.filiali-bper .detail .times-map-wrapper.fix-height {
  height: 300px;
  position: relative;
}
.filiali-bper .detail .times-map {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .filiali-bper .detail .times-map {
    flex-direction: column;
  }
}
.filiali-bper .detail .times-map .times {
  width: 56%;
  max-width: 56%;
  margin: 60px 0;
}
@media (max-width: 767px) {
  .filiali-bper .detail .times-map .times {
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
}
.filiali-bper .detail .times-map .times .times-content {
  background-color: var(--primary-400) !important;
  color: #fff;
  padding-top: 57px;
  padding-bottom: 90px;
  padding-right: 50px;
  margin-right: -15px;
  margin-left: calc((100vw - 1170px) / -2);
  padding-left: calc((100vw - 1170px) / 2);
  overflow: hidden;
  height: 100%;
}
.filiali-bper .detail .times-map .times .times-content .orari-wrapper {
  margin: 0;
}
@media (max-width: 1250px) {
  .filiali-bper .detail .times-map .times .times-content {
    margin-left: calc((100vw - 1170px) / -1);
    padding-left: calc((100vw - 1170px) / 1);
  }
}
@media (max-width: 1199px) and (min-width: 376px) {
  .filiali-bper .detail .times-map .times .times-content {
    margin-left: -30px;
    margin-right: -30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 768px) {
  .filiali-bper .detail .times-map .times .times-content {
    margin-left: 2.5vw;
    padding-left: 2.5vw;
  }
}
@media (max-width: 767px) {
  .filiali-bper .detail .times-map .times .times-content {
    margin: 0;
  }
}
.filiali-bper .detail .times-map .times .times-content p {
  margin: 0;
  font-size: 20px;
  margin-bottom: 20px;
}
.filiali-bper .detail .times-map .times .times-content h2 {
  font-size: 42px;
  color: white !important;
  padding-bottom: 14px;
  position: relative;
  min-width: 300px;
  margin: 0;
  margin-bottom: 25px;
}
.filiali-bper .detail .times-map .times .times-content h2:after {
  background-color: #d8d8d8;
  width: 100%;
  max-width: 300px;
  height: 1px;
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
}
.filiali-bper .detail .times-map .times .times-content table {
  line-height: 37px;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
}
.filiali-bper .detail .times-map .times .times-content table td,
.filiali-bper .detail .times-map .times .times-content table th {
  text-align: left;
}
.filiali-bper .detail .times-map .times .times-content table td:nth-child(1),
.filiali-bper .detail .times-map .times .times-content table th:nth-child(1) {
  width: 270px;
  padding-right: 45px;
}
.filiali-bper .detail .times-map .times .times-content table td:nth-child(2),
.filiali-bper .detail .times-map .times .times-content table th:nth-child(2) {
  padding-right: 45px;
  font-variant-numeric: lining-nums;
}
.filiali-bper .detail .times-map .times .times-content table td:nth-child(3),
.filiali-bper .detail .times-map .times .times-content table th:nth-child(3) {
  font-variant-numeric: lining-nums;
}
.filiali-bper .detail .times-map.CI {
  height: 100%;
}
.filiali-bper .detail .times-map.CI #map-section {
  width: 100%;
  max-width: 100%;
  height: 300px;
  margin: 0;
}
.filiali-bper .detail .times-map #map-section {
  width: 44%;
  max-width: 44%;
  margin: 0;
  height: 100%;
  display: flex;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1250px) {
  .filiali-bper .detail .times-map #map-section {
    margin-left: calc((100vw - 1170px) / -1);
  }
}
@media (max-width: 1199px) and (min-width: 376px) {
  .filiali-bper .detail .times-map #map-section {
    margin-left: -30px;
    margin-right: -30px;
  }
}
@media (max-width: 768px) {
  .filiali-bper .detail .times-map #map-section {
    margin-left: 2.5vw;
  }
}
@media (max-width: 767px) {
  .filiali-bper .detail .times-map #map-section {
    width: 100%;
    margin: 0;
    position: relative;
    height: 242px;
    max-width: 100%;
    width: 100%;
  }
}
.filiali-bper .detail .times-map #map-section .google-map {
  height: 100%;
  width: 100%;
  display: flex;
  margin-left: -15px;
  margin-right: calc((100vw - 1170px) / -2);
  padding-right: 0;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 1250px) {
  .filiali-bper .detail .times-map #map-section .google-map {
    margin-left: -60px;
  }
}
@media (max-width: 1199px) and (min-width: 376px) {
  .filiali-bper .detail .times-map #map-section .google-map {
    margin: 0;
  }
}
.filiali-bper .detail .times-map #map-section .google-map .google-map-content {
  height: auto !important;
  width: 100%;
  display: flex;
}
@media (max-width: 767px) {
  .filiali-bper .detail .times-map #map-section .google-map .google-map-content {
    height: 100% !important;
    max-height: 100% !important;
  }
}
.filiali-bper .available-services {
  margin-top: 110px;
  margin-bottom: 50px;
  padding-bottom: 30px;
  padding-top: 100px;
  position: relative;
}
@media (max-width: 767px) {
  .filiali-bper .available-services {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-bottom: 30px;
    padding-top: 50px;
  }
}
@media (max-width: 767px) {
  .filiali-bper .available-services .slick-list {
    transform: translateX(-50px);
    width: calc(100% + 50px);
  }
}
.filiali-bper .available-services.n-5 .slick-slider, .filiali-bper .available-services.n-4 .slick-slider, .filiali-bper .available-services.n-3 .slick-slider, .filiali-bper .available-services.n-2 .slick-slider, .filiali-bper .available-services.n-1 .slick-slider {
  margin-top: 80px;
}
@media (max-width: 1000px) {
  .filiali-bper .available-services.n-5 .slick-slider {
    margin-top: 120px;
  }
  .filiali-bper .available-services.n-4 .slick-slider, .filiali-bper .available-services.n-3 .slick-slider, .filiali-bper .available-services.n-2 .slick-slider, .filiali-bper .available-services.n-1 .slick-slider {
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  .filiali-bper .available-services.n-5 .slick-slider, .filiali-bper .available-services.n-4 .slick-slider, .filiali-bper .available-services.n-3 .slick-slider {
    margin-top: 120px;
  }
  .filiali-bper .available-services.n-2 .slick-slider, .filiali-bper .available-services.n-1 .slick-slider {
    margin-top: 80px;
  }
}
.filiali-bper .available-services.is-carousel-false .all-services {
  width: 100%;
  display: flex;
}
.filiali-bper .available-services.is-carousel-false .service-detail {
  width: calc(20% - 12px);
  margin-left: 15px;
}
.filiali-bper .available-services.is-carousel-false .service-detail:nth-child(1) {
  margin-left: 0;
}
@media (max-width: 1000px) {
  .filiali-bper .available-services.is-carousel-false .service-detail {
    width: calc(25% - 12px);
    margin-left: 16px;
  }
}
@media (max-width: 767px) {
  .filiali-bper .available-services.is-carousel-false .service-detail {
    width: calc(50% - 8px);
    margin-left: 16px;
  }
}
.filiali-bper .available-services:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #faf9f8;
  top: 0;
  left: 0;
  right: 0;
  height: 400px;
}
@media (max-width: 767px) {
  .filiali-bper .available-services:before {
    height: 350px;
  }
}
.filiali-bper .available-services h3 {
  font-size: 42px;
  font-family: "Din-Bold", sans-serif;
  padding-bottom: 14px;
  position: relative;
  min-width: 300px;
  margin: 0;
  margin-bottom: 60px;
  color: var(--primary-400) !important;
}
.filiali-bper .available-services h3:after {
  background-color: var(--primary-400) !important;
  width: 100%;
  max-width: 300px;
  height: 1px;
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
}
.filiali-bper .available-services .service-detail {
  box-shadow: 0 3px 10px rgba(200, 200, 200, 0.5);
  margin-bottom: 20px;
  box-sizing: border-box;
}
.filiali-bper .available-services .service-detail .top {
  padding: 27px 25px 43px 25px;
  position: relative;
  box-sizing: border-box;
  color: #005D44;
  background-color: #faf9f8;
}
.filiali-bper .available-services .service-detail .top h5 {
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  width: 100%;
  padding: 0 25px;
  bottom: 8px;
  margin: 0;
  line-height: 1;
  text-align: center;
  left: 0;
  right: 0;
  box-sizing: border-box;
  text-transform: uppercase;
}
.filiali-bper .available-services .service-detail .bottom {
  background-color: #fff;
  padding: 20px 25px;
}
.filiali-bper .available-services .service-detail .bottom h4 {
  font-family: "Din-Bold", sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
}
.filiali-bper .available-services .service-detail .bottom p {
  margin: 0;
  color: #6f747a;
  font-size: 12px;
  line-height: 21px;
}
.filiali-bper .available-services .service-detail .img {
  width: 95px;
  height: 80px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/filiali/img-servizio.png);
  margin: 0 auto;
  display: block;
}
.filiali-bper .closest-subsidiaries {
  margin-top: 0;
  margin-bottom: 50px;
  padding-bottom: 30px;
  padding-top: 100px;
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
}
.filiali-bper .closest-subsidiaries:before {
  content: "";
  display: block;
  position: absolute;
  background: #faf9f8;
  top: 0;
  left: 0;
  right: 0;
  height: 400px;
}
.filiali-bper .closest-subsidiaries h3 {
  font-size: 42px;
  font-family: "Din-Bold", sans-serif;
  padding-bottom: 14px;
  position: relative;
  min-width: 300px;
  margin: 0;
  margin-bottom: 0px;
  margin-bottom: 60px;
  color: var(--primary-400) !important;
}
@media (max-width: 767px) {
  .filiali-bper .closest-subsidiaries h3 {
    padding: 0 15px;
  }
}
.filiali-bper .closest-subsidiaries h3:after {
  background-color: #005D44;
  width: 100%;
  max-width: 300px;
  height: 1px;
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
}
@media (max-width: 767px) {
  .filiali-bper .closest-subsidiaries .slick-list {
    transform: translateX(-50px);
    width: calc(100% + 50px);
  }
}
.filiali-bper .closest-subsidiaries .slick-slider {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .filiali-bper .closest-subsidiaries .slick-slider {
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  .filiali-bper .closest-subsidiaries .slick-slider .slick-arrow.slick-prev {
    left: 25px;
  }
}
.filiali-bper .closest-subsidiaries .all-subsidiaries .subsidiary-item {
  width: calc(20% - 12px);
}
.filiali-bper .closest-subsidiaries .subsidiary-item {
  width: 100%;
  box-shadow: 0 3px 10px rgba(200, 200, 200, 0.5);
  margin-bottom: 20px;
  color: #005D44;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .map-section {
  height: 200px;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .map-section .google-map {
  height: 200px;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .map-section .google-map .google-map-content {
  height: 200px;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content {
  padding: 40px 30px 60px 30px;
  min-height: 340px;
}
@media (max-width: 767px) {
  .filiali-bper .closest-subsidiaries .subsidiary-item .text-content {
    min-height: 385px !important;
  }
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content h4,
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content h2 p {
  margin: 0;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content h4 {
  margin: 0;
  margin-bottom: 35px;
  font-size: 24px;
  font-family: "Din-Bold", sans-serif;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .address {
  font-size: 18px;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .times {
  font-size: 20px;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .times .times-content {
  font: inherit;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .times .times-content .orari-wrapper {
  margin: 0;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .times .times-content h2 {
  margin: 0;
  font: inherit;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .times .times-content p {
  font: inherit;
  margin: 0;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .buttons {
  margin-top: 45px;
  flex-grow: 2;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .filiali-bper .closest-subsidiaries .subsidiary-item .text-content .buttons {
    flex-direction: column;
    align-items: flex-start;
  }
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .buttons .button.MuiButton-containedPrimary {
  padding: 10px 12px;
  font-size: 18px;
  min-width: inherit;
  word-break: keep-all;
  white-space: nowrap;
  background: var(--primary-400) !important;
}
@media (max-width: 767px) {
  .filiali-bper .closest-subsidiaries .subsidiary-item .text-content .buttons .button.MuiButton-containedPrimary {
    padding: 10px 20px;
  }
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .buttons .directions {
  cursor: pointer;
  font-size: 16px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .filiali-bper .closest-subsidiaries .subsidiary-item .text-content .buttons .directions {
    margin-top: 15px;
    display: block;
  }
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .buttons .directions:hover {
  text-decoration: underline;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .buttons a + div {
  margin-left: 8px;
  text-align: right;
  flex-grow: 2;
}
.filiali-bper .closest-subsidiaries .subsidiary-item .text-content .buttons a + div a {
  text-align: right;
}
.filiali-bper.is-default-values-true #store-list {
  display: none;
}
.filiali-bper.is-default-values-true.geoloc-true #store-list {
  display: block;
}
@media (max-width: 767px) {
  .filiali-bper.is-default-values-false .current-position-repeat-search, .filiali-bper.geoloc-true .current-position-repeat-search {
    display: none;
  }
  .filiali-bper.is-default-values-false .google-map-content, .filiali-bper.geoloc-true .google-map-content {
    display: none;
  }
}
.filiali-bper .popup-filiali {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 99, 105, 0.8);
  z-index: 9999;
  padding: 80px 0;
  display: flex;
}
@media (max-width: 800px) {
  .filiali-bper .popup-filiali {
    padding: 32px 15px;
  }
}
.filiali-bper .popup-filiali .popup-filiali-wrapper {
  height: 100%;
  width: 100%;
  color: #fff !important;
  display: flex;
}
.filiali-bper .popup-filiali .popup-filiali-wrapper h2 {
  font-family: "Din-Bold", sans-serif;
  color: #fff !important;
  font-size: 64px;
  margin-top: 25px;
  margin-bottom: 10px;
}
.filiali-bper .popup-filiali .popup-filiali-wrapper .bper-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}
@media (max-width: 800px) {
  .filiali-bper .popup-filiali .popup-filiali-wrapper .bper-wrapper {
    align-items: flex-end;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
.filiali-bper .popup-filiali .popup-filiali-wrapper .close {
  top: -7px;
  right: -7px;
  cursor: pointer;
  display: block;
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
  color: #fff !important;
  background-image: url(../images/filiali/close-icon.svg) !important;
  position: absolute;
  top: 15px;
  right: 15px;
  opacity: 1 !important;
}
.filiali-bper .popup-filiali .popup-filiali-wrapper .close span {
  display: none;
}
@media (max-width: 800px) {
  .filiali-bper .popup-filiali .popup-filiali-wrapper .close {
    position: relative;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    border: solid 1px #fff;
    border-radius: 100%;
    min-height: 60px;
    float: right;
  }
  .filiali-bper .popup-filiali .popup-filiali-wrapper .close span {
    display: block;
    position: absolute;
    left: -10px;
    transform: translateX(-100%);
    font-weight: 400;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 60px;
  }
}
.filiali-bper .popup-filiali .popup-filiali-wrapper .html {
  position: relative;
  overflow-y: auto;
  font-size: 20px;
  width: 100%;
  font-weight: 400;
}
.filiali-bper .popup-filiali .popup-filiali-wrapper .html a {
  text-decoration: underline;
}
.filiali-bper .popup-filiali .popup-filiali-wrapper .html a:hover {
  text-decoration: none;
}

@media (max-width: 1100px) {
  #wrapper.content-online-mobile nav.navbar {
    margin-top: 48px;
  }
}
@media (max-width: 1099px) {
  #wrapper.content-online-mobile .header #navbar {
    top: 76px;
  }
}
@media (min-width: 1100px) {
  #wrapper.content-online-mobile .header nav.navbar.affix-top .navbar-header > .bper-links-container {
    top: 7px !important;
    height: 46px;
  }
}

.header {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  z-index: 1049;
}
@media (max-width: 995px) {
  .header.has-custom-popup {
    z-index: 1;
  }
}
.header .btn-open-online {
  background-color: var(--primary-400);
}
.header .btn-open-online:hover {
  background-color: var(--primary-600);
}
.header .btn-open-online::after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("../images/icone-bper-2022/white/Icon-24pt-Arrow Right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
  margin-left: 10px;
}
.header .btn-open-online .version-small {
  display: none;
}
.header .content-button-online-mobile {
  background-color: var(--secondary-80);
  width: 100%;
  z-index: 1000;
  position: fixed;
  top: 0;
  text-align: center;
  color: white;
  height: 48px;
  overflow: hidden;
  display: none;
}
@media (max-width: 1100px) {
  .header .content-button-online-mobile {
    display: block;
  }
}
.header .content-button-online-mobile .btn-open-online {
  font-size: 18px;
  padding: 0;
  background-color: var(--secondary-80);
  line-height: 48px;
  width: 100%;
  border-radius: 0;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .content-button-online-mobile .btn-open-online:hover {
  background-color: var(--secondary-80);
}
.header .content-button-online-mobile .btn-open-online .version-small {
  display: none;
}
.header .content-button-online-mobile .btn-open-online::after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("../images/icone-bper-2022/white/Icon-24pt-Arrow Right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
  margin-left: 10px;
}
.header nav.navbar.affix .bper-links-container .bper-links a {
  margin-left: 15px;
  width: 24px;
  height: 24px;
}
.header nav.navbar.affix #navbar {
  padding-right: 160px;
}
.header nav.navbar.affix-new .bper-links-container .btn-open-online {
  display: none !important;
}
.header nav.navbar.affix-new .content-button-right .btn-open-online {
  display: block !important;
  grid-area: signin;
  width: max-content;
  padding: 10px 15px;
  margin-right: 15px;
  margin-left: 0 !important;
}
.header nav.navbar.affix-new .content-button-right .btn-open-online .version-full, .header nav.navbar.affix-new .content-button-right .btn-open-online:after {
  display: none;
}
.header nav.navbar.affix-new .content-button-right .btn-open-online .version-small {
  display: block;
}
@media (min-width: 1100px) {
  .header nav.navbar.affix-top .wrapper-navbar {
    padding-top: 60px;
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container {
    position: absolute;
    right: 0 !important;
    top: 20px !important;
    transform: translateY(0);
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container .bper-links a {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container .bper-links a .link-label {
    margin-left: 8px;
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container .search-box__button {
    display: flex;
    align-items: center;
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container .search-box__button .label-text {
    margin-left: 8px;
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container .search-box a.search-box__button > img {
    width: 22px;
    height: 22px;
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container a > .icn {
    width: 22px;
    height: 22px;
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container a .link-label {
    font-size: 18px;
    line-height: 26px;
    font-family: "Din-Bold", sans-serif;
    display: block !important;
    color: var(--secondary-80);
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container a:hover .link-label {
    color: var(--secondary-80);
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container .search-box > a .label-text {
    color: var(--secondary-80);
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-family: "Din-Bold", sans-serif;
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container .search-box > a:hover .label-text {
    color: var(--secondary-80);
  }
  .header nav.navbar.affix-top .navbar-header > .bper-links-container .journal-content-article {
    width: auto;
  }
}
.header nav.navbar.affix-top .wrapper-navbar .navbar-header {
  display: flex;
  align-items: normal;
  grid-template-columns: 15% auto 16%;
  grid-template-rows: 40% 60%;
  grid-template-areas: "logo extra extra" "logo navbar signin";
}
@media (max-width: 1099px) {
  .header nav.navbar.affix-top .wrapper-navbar .navbar-header {
    align-items: center;
  }
}
.header nav.navbar.affix-top .wrapper-navbar .navbar-header .bds-sign-in {
  margin-left: 10px;
}
.header nav.navbar.affix-top .wrapper-navbar .navbar-header .navbar-collapse ul.nav .menu-item-list .menu-item {
  padding: 0 13px;
}
.header nav.navbar.affix-top .wrapper-navbar .navbar-header .navbar-collapse ul.nav .menu-item-list .menu-item:hover {
  color: var(--secondary-80);
}
.header nav.navbar.affix-top .wrapper-navbar .navbar-header .navbar-collapse ul.nav .menu-item-list .menu-item:hover .arrow {
  margin-left: 5px;
}
.header nav.navbar.affix-top .wrapper-navbar .navbar-header .btn-open-online {
  color: #fff;
  background-color: var(--primary-400);
  margin-left: 30px;
  display: flex;
  align-items: center;
  padding: 10px 30px;
  box-shadow: none;
}
@media (max-width: 1099px) {
  .header nav.navbar.affix-top .wrapper-navbar .navbar-header .btn-open-online {
    display: none !important;
  }
}
.header .navbar-inverse {
  background: none;
  border: none;
  margin-top: 0;
}
.header #navbar {
  padding: 0 15px;
  position: relative;
  display: flex;
  align-content: center;
  align-items: center;
  width: calc(100% - 450px);
  flex-grow: 2;
}
.header #navbar .child-menu-mobile {
  display: none;
  padding: 0 14px;
  list-style: none;
  padding-bottom: 0;
}
@media (min-width: 1100px) {
  .header #navbar .child-menu-mobile {
    display: none !important;
  }
}
@media (max-width: 1099px) {
  .header #navbar .child-menu-mobile li.tab {
    margin-bottom: 16px;
    width: calc(100vw - 40px);
  }
  .header #navbar .child-menu-mobile h4 {
    font-size: 16px;
    line-height: 26px;
    font-family: "Din-Bold", sans-serif;
    margin-bottom: 15px;
  }
}
.header #navbar .child-menu-mobile .back-page {
  font-size: 18px;
  line-height: 26px;
  font-family: "Din-Bold", sans-serif;
  color: var(--primary-400);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}
.header #navbar .child-menu-mobile .back-page .arrow {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("../images/icone-bper-2022/Icon-24pt-Arrow-Right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: rotate(180deg);
}
.header #navbar .child-menu-mobile .show-all {
  margin-bottom: 30px;
}
.header #navbar .child-menu-mobile .show-all a {
  padding: 10px 0;
  display: block;
  font-size: 18px;
}
@media (max-width: 1099px) {
  .header #navbar .child-menu-mobile .tab .submenu-item {
    padding: 10px 20px;
    white-space: normal;
  }
}
.header #navbar .child-menu-mobile .submenu-item {
  padding: 7px 0;
  color: var(--primary-400);
  word-break: normal;
  margin-bottom: 0;
  gap: 15px;
  display: flex;
  font-weight: 400;
  font-size: 18px;
}
.header #navbar .bper-links-container-mobile {
  display: none;
}
@media (max-width: 1099px) {
  .header #navbar {
    top: 76px;
    right: 0;
    position: fixed;
    transition: 400ms;
    background-color: #fff;
    border: none;
    overflow-x: hidden;
    height: calc(100vh - 80px);
    width: 100vw;
    left: 0;
    flex-direction: column;
    padding: 32px 7px;
    overflow-y: auto;
    transform: translateX(0);
    align-items: flex-start;
    display: block;
  }
  .header #navbar:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    background: var(--green-10);
  }
  .header #navbar .bper-links-container-mobile {
    width: 100%;
    padding: 0 12px;
    padding-top: 30px;
    position: relative;
    margin: 0;
    display: flex;
    align-items: flex-start;
    margin-top: 15px;
    flex-direction: column;
    padding-bottom: 60px;
  }
  .header #navbar .bper-links-container-mobile .btn-open-online {
    display: flex !important;
    margin-top: 20px;
    background-color: var(--primary-400);
    color: #fff;
    margin-left: 0;
  }
  .header #navbar .bper-links-container-mobile .btn-open-online:hover {
    background-color: var(--primary-400);
    color: #fff;
  }
  .header #navbar .bper-links-container-mobile .btn-open-online:after {
    display: none;
  }
  .header #navbar .bper-links-container-mobile .btn-open-online .version-small {
    display: none;
  }
  .header #navbar .bper-links-container-mobile .search-box {
    margin-bottom: 20px;
    position: relative;
    top: inherit;
    transform: none;
  }
  .header #navbar .bper-links-container-mobile .search-box .search-box__button {
    gap: 8px;
    display: flex;
    align-items: center;
  }
  .header #navbar .bper-links-container-mobile .search-box .search-box__button .label-text {
    display: block;
    color: var(--secondary-80);
    font-family: "Din-Bold", sans-serif;
    font-size: 18px;
  }
  .header #navbar .bper-links-container-mobile .search-box .search-box__button:hover .label-text {
    color: var(--secondary-80);
  }
  .header #navbar .bper-links-container-mobile .bper-sign-in {
    color: #071D1F;
    margin-left: 0;
    margin-top: 15px;
    padding: 11px 30px;
  }
  .header #navbar .bper-links-container-mobile .bper-sign-in .lock-icn {
    display: block !important;
  }
  .header #navbar .bper-links-container-mobile:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 14px;
    right: 20px;
    height: 1px;
    background-color: var(--green-10);
  }
  .header #navbar .bper-links-container-mobile .bper-links {
    display: flex !important;
    flex-direction: column;
  }
  .header #navbar .bper-links-container-mobile .bper-links a {
    gap: 10px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0 0 22px;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
  }
  .header #navbar .bper-links-container-mobile .bper-links a .link-label {
    display: block !important;
    color: var(--secondary-80);
    font-family: Din-Bold;
    font-size: 18px;
  }
  .header #navbar .bper-links-container-mobile .bper-links a:hover .link-label {
    color: var(--secondary-80);
  }
  .header #navbar ul,
  .header #navbar .nav.navbar-nav {
    margin: 0;
    padding: 0;
    width: 100% !important;
    display: flex;
    flex-direction: column;
  }
  .header #navbar ul.child-menu,
  .header #navbar .nav.navbar-nav.child-menu {
    display: none;
  }
  .header #navbar.in {
    transform: translateX(100%);
  }
}
.header #navbar .nav.navbar-nav {
  width: auto !important;
  max-width: 100%;
}
@media (max-width: 1099px) {
  .header #navbar .nav.navbar-nav > li {
    width: auto;
    margin-bottom: 20px;
  }
}
.header .bper-links-container {
  display: flex;
  align-items: center;
  margin-right: 40px;
  transition: 200ms;
}
@media (min-width: 1100px) {
  .header .bper-links-container.main {
    position: absolute;
    top: 40px;
    right: 100px;
    transform: translateY(0);
  }
}
.header .bper-links-container .label-text {
  display: none;
}
@media (max-width: 1099px) {
  .header .bper-links-container {
    flex-grow: 2;
    margin-right: 10px;
    flex-direction: row-reverse;
  }
  .header .bper-links-container .label-text {
    display: block;
  }
}
.header .bper-links-container .bper-links {
  display: flex;
}
@media (max-width: 1099px) {
  .header .bper-links-container .bper-links {
    display: none;
  }
}
.header .bper-links-container .bper-links a {
  position: relative !important;
}
.header .menu-bkg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: none;
  display: none;
}
.header .navbar-header {
  display: flex;
  width: 100%;
}
@media (max-width: 1099px) {
  .header .navbar-header {
    align-items: center;
    align-content: center;
  }
}
.header .navbar-header .btn-open-online {
  display: none;
}
.header .navbar-header .btn-open-online.hiddenItem {
  transform: translateY(-300px);
}
.header .navbar-header .content-button-right {
  display: flex;
  align-items: center;
  transition: 200ms;
}
.header .navbar-header .content-button-right .btn-open-online {
  display: none !important;
}
.header .navbar-toggle {
  display: none;
}
@media (max-width: 1099px) {
  .header .navbar-toggle {
    display: block;
    position: relative;
    order: 4;
    width: 32px;
    height: 32px;
    margin: 0;
    transform: none;
    top: inherit;
  }
}
.header nav.navbar {
  display: flex;
  flex-direction: column;
  /* FIXED */
  padding-left: 0;
  padding-right: 0;
}
.header nav.navbar .wrapper-navbar {
  padding: 25px 40px 18px;
  background-color: #fff;
  transition: all 0.2s ease-in-out;
  margin-bottom: 0;
  display: flex;
  border: none;
  position: relative;
  box-shadow: 0px 16px 24px rgba(126, 140, 141, 0.16);
  width: 100%;
}
@media (max-width: 1099px) {
  .header nav.navbar .wrapper-navbar {
    padding: 14px 16px 14px 16px;
    height: 76px;
  }
}
.header nav.navbar.cookie {
  margin-top: 0 !important;
}
.header nav.navbar .logo img {
  height: 55px;
}
@media (max-width: 1099px) {
  .header nav.navbar .logo img {
    height: 35px;
  }
}
.header nav.navbar .tab {
  margin: 0;
  padding: 0;
  display: block;
}
.header nav.navbar .tab a {
  background: var(--neutral-5);
  height: 100%;
  padding: 9px 15px;
  border: solid 1px;
  border-color: var(--secondary-10);
  border-radius: 24px;
  display: flex;
  align-items: center;
  word-wrap: break-word;
  white-space: pre;
  gap: 8px;
  color: var(--primary-400);
}
.header nav.navbar .tab a:hover {
  border: 1px solid var(--secondary-80);
  box-shadow: 0 12px 24px rgba(126, 140, 141, 0.16);
}
.header nav.navbar .tab a:hover span {
  color: var(--secondary-80);
}
.header nav.navbar .tab a:hover > span.icon img {
  display: none;
}
.header nav.navbar .tab a:hover > span.icon img.image-hover {
  display: block;
}
.header nav.navbar .tab a > span {
  line-height: 26px;
  font-size: 18px;
}
.header nav.navbar .tab a > span.icon {
  width: 40px;
  height: 40px;
  display: flex;
}
.header nav.navbar .tab a > span.icon img {
  max-width: 40px;
  max-height: 40px;
}
.header nav.navbar .tab a > span.icon img.image-hover {
  display: none;
}
.header nav.navbar .submenu-container {
  position: absolute;
  top: 100%;
  width: 100%;
  background: #fff;
  z-index: 100 !important;
  left: 0;
  display: none;
  box-shadow: 0 12px 24px rgba(126, 140, 141, 0.16);
  padding: 32px 0 45px 0;
  padding-bottom: 20px;
}
@media (max-width: 1099px) {
  .header nav.navbar .submenu-container {
    display: none !important;
    height: 0 !important;
    opacity: 0 !important;
    width: 0 !important;
    visibility: hidden !important;
  }
}
.header nav.navbar .submenu-container .close {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 1;
  transform: rotate(45deg);
}
.header nav.navbar .submenu-container .close:after {
  width: 4px;
  height: 28px;
  background-color: var(--primary-600);
  display: block;
  content: "";
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.header nav.navbar .submenu-container .close:before {
  width: 28px;
  height: 4px;
  background-color: var(--primary-600);
  display: block;
  content: "";
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.header nav.navbar .submenu-container .submenu {
  overflow-y: auto;
}
.header nav.navbar .submenu-container .menu-elements {
  max-height: 80vh !important;
  float: left;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
}
.header nav.navbar .submenu-container .menu-elements h4 {
  margin-bottom: 10px;
  margin-top: 0;
  font-size: 16px;
  line-height: 24px;
  font-family: "Din-Bold", sans-serif;
  color: var(--primary-600);
}
.header nav.navbar .submenu-container .menu-elements .column-right {
  width: calc(100% - 260px);
  padding-left: 30px;
  padding-right: 30px;
  margin-right: -30px;
}
.header nav.navbar .submenu-container .menu-elements .column-left {
  margin-right: 0;
  width: 230px;
}
.header nav.navbar .submenu-container .menu-elements .info-box-default {
  background: var(--primary-400);
  border: solid 1px #5d6f70;
  border-color: #ddd;
  border-radius: 24px;
  width: 100% !important;
  margin: 0;
  margin-right: 0px;
  display: flex;
  overflow: hidden;
  align-items: center;
  position: relative;
  box-shadow: 0px 16px 24px rgba(126, 140, 141, 0.16);
  margin-bottom: 35px;
}
.header nav.navbar .submenu-container .menu-elements .info-box-default > .journal-content-article {
  padding-left: 213px;
}
.header nav.navbar .submenu-container .menu-elements .info-box-default .top-img {
  position: absolute;
  height: 100%;
  width: 213px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.header nav.navbar .submenu-container .menu-elements .info-box-default .info {
  padding: 24px 30px;
  width: 100%;
  color: #fff;
}
.header nav.navbar .submenu-container .menu-elements .info-box-default .info h3 {
  font-size: 28px;
  line-height: 36px;
  color: #fff;
  font-family: "Din-Bold", sans-serif;
  margin: 0;
}
.header nav.navbar .submenu-container .menu-elements .info-box-default .info h3 + p {
  margin-top: 12px;
}
.header nav.navbar .submenu-container .menu-elements .info-box-default .info p {
  margin: 0;
  font-size: 18px;
  display: block;
  font-weight: 400;
  line-height: 26px;
}
.header nav.navbar .submenu-container .menu-elements .info-box-default .info p + a {
  margin-top: 16px;
}
.header nav.navbar .submenu-container .menu-elements .info-box-default .info a.link-cta {
  display: block;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  font-family: "Din-Bold", sans-serif;
}
.header nav.navbar .submenu-container .menu-elements .submenu-tab {
  margin: 23px 0 0;
  padding: 0;
  gap: 30px;
  padding: 0;
  display: grid;
  grid-template-columns: calc(33.33% - 20px) calc(33.33% - 20px) calc(33.33% - 20px);
}
.header nav.navbar .submenu-container .menu-elements .submenu-tab .tab a {
  color: var(--primary-400);
  font-weight: 400;
  white-space: normal !important;
  padding: 15px;
}
.header nav.navbar .submenu-container .info-box-parent {
  float: left;
  width: 100%;
  margin-top: 40px;
}
.header nav.navbar .submenu-container .info-box {
  overflow-y: auto;
}
.header nav.navbar .submenu-container .info-box h3 {
  line-height: 1;
}
.header nav.navbar .submenu-container .info-box p {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.header nav.navbar .submenu-container .info-box .top-img {
  margin-top: 0px;
  height: 240px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.header nav.navbar .submenu-container .info-box .info {
  padding: 0 30px 30px;
}
.header nav.navbar .submenu-container .submenu {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
.header nav.navbar .submenu-container .submenu > li {
  padding: 0;
}
.header nav.navbar .submenu-container .submenu > li > a {
  display: block;
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
}
.header nav.navbar .submenu-container .submenu > li > a:not(.link-cta) {
  color: var(--primary-400);
}
.header nav.navbar .submenu-container .submenu > li > a:hover {
  color: var(--secondary-80);
}
.header nav.navbar .submenu-container .submenu > li.show-all {
  margin-bottom: 20px;
  margin-top: 3px;
}
.header nav.navbar .navbar-header .navbar-toggle {
  padding: 0;
  margin-left: 10px;
  margin-top: 0;
  transition: 0.5s ease-in-out;
  border: none;
  outline: none !important;
  background: none !important;
  box-shadow: none !important;
}
@media (max-width: 360px) {
  .header nav.navbar .navbar-header .navbar-toggle {
    margin-left: 10px;
  }
}
.header nav.navbar .navbar-header .navbar-toggle > span {
  transition: 0.5s ease-in-out;
}
.header nav.navbar .navbar-header .navbar-toggle .icon-bar {
  background-color: var(--secondary-80);
  width: 24px;
  height: 3px;
  left: 50%;
  border-radius: 4px;
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  margin: 0 !important;
}
.header nav.navbar .navbar-header .navbar-toggle .icon-bar:nth-child(1) {
  top: calc(50% - 8px);
}
.header nav.navbar .navbar-header .navbar-toggle .icon-bar:nth-child(3) {
  top: calc(50% + 8px);
}
.header nav.navbar .navbar-collapse {
  float: left;
}
.header nav.navbar .navbar-collapse ul.nav {
  transition: 200ms;
  position: relative;
}
@media (min-width: 1100px) {
  .header nav.navbar .navbar-collapse ul.nav .menu-item-list {
    display: block !important;
  }
}
.header nav.navbar .navbar-collapse ul.nav > li.selected > a.menu-item span {
  border-color: var(--primary-400);
}
.header nav.navbar .navbar-collapse ul.nav > li > a.menu-item {
  position: relative;
  line-height: 1;
  padding: 0 13px;
  cursor: pointer;
  color: var(--primary-400);
  background: transparent;
  display: block;
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 26px;
}
@media (min-width: 1100px) {
  .header nav.navbar .navbar-collapse ul.nav > li > a.menu-item {
    display: block !important;
    line-height: 30px;
    margin-bottom: 0;
    border: none !important;
  }
}
@media (min-width: 1100px) and (max-width: 1300px) {
  .header nav.navbar .navbar-collapse ul.nav > li > a.menu-item {
    padding: 0 7px;
    font-size: 16px;
  }
}
@media (max-width: 1099px) {
  .header nav.navbar .navbar-collapse ul.nav > li > a.menu-item {
    word-break: normal;
    margin-bottom: 0;
    gap: 10px;
    display: flex;
    align-items: center;
    font-family: "Din-Bold", sans-serif;
  }
  .header nav.navbar .navbar-collapse ul.nav > li > a.menu-item .open-element-over {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.header nav.navbar .navbar-collapse ul.nav > li > a.menu-item span {
  display: block;
  transition: 200ms;
}
@media (max-width: 1099px) {
  .header nav.navbar .navbar-collapse ul.nav > li > a.menu-item span {
    padding: 0;
    margin: 0;
    width: auto;
    border: none;
  }
}
.header nav.navbar .navbar-collapse ul.nav > li > a.menu-item.marked {
  font-weight: 400;
  color: var(--secondary-80);
}
@media (max-width: 1099px) {
  .header nav.navbar .navbar-collapse ul.nav > li > a.menu-item.marked {
    font-weight: 400;
  }
}
.header nav.navbar .navbar-collapse ul.nav > li > a.menu-item.marked::after {
  display: none;
}
.header nav.navbar .navbar-collapse ul.nav > li > a.menu-item:hover, .header nav.navbar .navbar-collapse ul.nav > li > a.menu-item:focus {
  background-color: transparent;
}
.header nav.navbar .navbar-collapse ul.nav > li > a.menu-item .arrow {
  display: none;
  width: 22px;
  height: 22px;
  background-image: url("../images/icone-bper-2022/Icon-24pt-Arrow-Right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 1099px) {
  .header nav.navbar .navbar-collapse ul.nav > li > a.menu-item .arrow {
    display: block;
  }
}
.header nav.navbar .navbar-collapse ul.nav > li ul.child-menu {
  display: none;
  list-style-type: none;
}
.header nav.navbar .navbar-collapse ul.nav > li ul.child-menu > li {
  padding: 25px 0;
}
.header nav.navbar .navbar-collapse ul.nav > li ul.child-menu > li > a {
  word-break: break-word;
  color: var(--primary-400);
  font-size: 46px;
}
.header nav.navbar .navbar-collapse ul.nav > li:hover > .menu-item, .header nav.navbar .navbar-collapse ul.nav > li.hover > .menu-item {
  color: var(--secondary-80);
}
.header nav.navbar .navbar-collapse ul.nav > li:hover > a.menu-item, .header nav.navbar .navbar-collapse ul.nav > li.hover > a.menu-item {
  background-color: initial;
}
@media (min-width: 1100px) {
  .header nav.navbar .navbar-collapse ul.nav > li:hover > a.menu-item:after, .header nav.navbar .navbar-collapse ul.nav > li.hover > a.menu-item:after {
    background: var(--secondary-80);
    position: absolute;
    content: "";
    display: block;
    left: 0;
    right: 0;
    height: 2px;
    bottom: -30px;
    position: absolute;
  }
}
@media (min-width: 1100px) {
  .header nav.navbar .navbar-collapse ul.nav > li:hover > a.menu-item.marked:after, .header nav.navbar .navbar-collapse ul.nav > li.hover > a.menu-item.marked:after {
    background: var(--secondary-80);
  }
}
.header nav.navbar .bper-links-container .bper-links a {
  margin-left: 22px;
  padding: 0;
  display: block;
  width: 32px;
  height: 32px;
  font-family: kievit;
}
.header nav.navbar .bper-links-container a {
  margin-left: 30px;
  color: var(--primary-400);
  float: left;
}
.header nav.navbar .bper-links-container a > .icn {
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.header nav.navbar .bper-links-container a .link-label {
  display: none !important;
}
.header nav.navbar #sign-in {
  gap: 6px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
}
@media (max-width: 768px) {
  .header nav.navbar #sign-in {
    padding: 13px;
  }
}
.header nav.navbar .bper-sign-in .sign_in_label_small {
  display: none;
  color: #005D44;
}
@media (max-width: 1440px) {
  .header nav.navbar .bper-sign-in .sign_in_label_small {
    display: block;
  }
}
.header nav.navbar .bper-sign-in .sign_in_label {
  display: block;
  color: #005D44;
}
@media (max-width: 1440px) {
  .header nav.navbar .bper-sign-in .sign_in_label {
    display: none;
  }
}
.header nav.navbar .bper-sign-in > .lock-icn {
  background-image: url("../images/icone-bper-2022/Icon-24pt-Privato.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  display: inline-block;
}
@media (max-width: 768px) {
  .header nav.navbar .bper-sign-in > .lock-icn {
    display: none;
  }
}
.header nav.navbar .bper-sign-in > .bper-sign-in-label {
  font-size: 18px;
  line-height: 26px;
  font-family: "Din-Bold", sans-serif;
  display: block;
}

@media (max-width: 1099px) {
  body.has-control-menu.signed-in .header #navbar {
    top: 124px !important;
    height: calc(100vh - 124px);
  }
}

body.menuOpen .header nav.navbar .navbar-header > .bper-links-container {
  transform: translateY(-200px);
}
body.menuOpen .header nav.navbar .navbar-header > .content-button-right {
  transform: translateY(-200px);
}
body.menuOpen .header nav.navbar .navbar-header > #sign-in {
  transform: translateY(-200px);
}
body.menuOpen .header nav.navbar .navbar-header .navbar-toggle .icon-bar {
  background-color: var(--secondary-80);
  height: 4px;
}
body.menuOpen .header nav.navbar .navbar-header .navbar-toggle .icon-bar:nth-child(1) {
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
body.menuOpen .header nav.navbar .navbar-header .navbar-toggle .icon-bar:nth-child(2) {
  width: 0;
  height: 0;
}
body.menuOpen .header nav.navbar .navbar-header .navbar-toggle .icon-bar:nth-child(3) {
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
@media (max-width: 1100px) {
  body.menuOpen #wrapper.content-online-mobile nav.navbar {
    margin-top: 0;
    z-index: 11000;
  }
}
@media (max-width: 1100px) {
  body.menuOpen.signed-in.has-control-menu .page-wrapper#wrapper.content-online-mobile .navbar {
    margin-top: 0 !important;
  }
}

.layout-cover {
  float: left;
  width: 100%;
  padding-bottom: 50px;
  margin-bottom: 0;
  position: relative;
  padding-bottom: 0;
}
.layout-cover.bkg-green-20 {
  background-color: var(--primary-20);
}
.layout-cover.bkg-green-10 {
  background-color: var(--primary-10);
}
.layout-cover.bkg-green-200 {
  background-color: var(--primary-200);
}
.layout-cover.bkg-green-5 {
  background-color: var(--neutral-5);
}
.layout-cover.bkg-white {
  background-color: #fff;
}
.layout-cover .hidden {
  display: none;
}
.layout-cover .layout-info {
  padding-top: 60px;
  padding-bottom: 65px;
  z-index: 1;
}
@media (max-width: 767px) {
  .layout-cover .layout-info {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .layout-cover .layout-info {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.layout-cover .layout-info .title,
.layout-cover .layout-info .subtitle {
  margin: 0;
}
@media (max-width: 767px) {
  .layout-cover .layout-info .title,
  .layout-cover .layout-info .subtitle {
    margin: 0;
    line-height: 1em;
  }
}
@media (max-width: 767px) {
  .layout-cover .layout-info .subtitle {
    font-size: 32px;
  }
}
.layout-cover .layout-info .title + .subtitle {
  margin-top: 16px;
}
.layout-cover.overlay-title.light .layout-cover-inner .layout-info .title,
.layout-cover.overlay-title.light .layout-cover-inner .layout-info .subtitle {
  color: #fff;
}
.layout-cover.overlay-title .layout-cover-inner .layout-info {
  padding-top: 30px;
}
.layout-cover .page-title-wrapper {
  position: relative;
  margin-top: -70px;
  left: 0;
  right: 0;
}
@media (max-width: 768px) {
  .layout-cover .page-title-wrapper {
    left: 25px;
    right: 25px;
    max-width: calc(100% - 50px);
  }
}
.layout-cover .page-title-wrapper .layout-info {
  position: relative;
  background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
  box-shadow: rgba(126, 140, 141, 0.32) 0px 16px 24px 0px;
  padding: 46px 40px 48px 40px;
  border-radius: 24px;
  opacity: 1;
  display: flex;
}
@media (max-width: 767px) {
  .layout-cover .page-title-wrapper .layout-info {
    padding: 48px 24px;
    flex-direction: column;
    row-gap: 24px;
  }
}
.layout-cover .page-title-wrapper .layout-info .banner-additional-information {
  position: absolute;
  left: 40px;
  border-radius: 16px;
  top: 35px;
  max-width: calc(100% - 80px);
  padding: 22px 30px;
  transform: translateY(-100%);
  background-color: var(--primary-20);
  overflow: hidden;
}
.layout-cover .page-title-wrapper .layout-info .banner-additional-information.is-banner-promo {
  padding-right: 100px;
}
@media (max-width: 767px) {
  .layout-cover .page-title-wrapper .layout-info .banner-additional-information {
    max-width: calc(100% - 50px);
    left: 25px;
    padding: 24px 27px 28px 24px;
  }
  .layout-cover .page-title-wrapper .layout-info .banner-additional-information.is-banner-promo {
    padding-right: 50px;
  }
}
.layout-cover .page-title-wrapper .layout-info .banner-additional-information span {
  font-size: 20px;
  line-height: 28px;
  font-family: Din-Bold;
}
.layout-cover .page-title-wrapper .layout-info .banner-additional-information .flag {
  background-color: #fff;
  color: var(--secondary-80);
  font-size: 16px;
  font-family: "Din-Bold", sans-serif;
  line-height: 32px;
  height: 32px;
  position: absolute;
  right: -36px;
  width: 140px;
  text-align: center;
  align-content: center;
  align-items: center;
  transform: rotate(45deg);
  top: 11px;
}
.layout-cover .page-title-wrapper .layout-info .banner-additional-information.is-banner-promo {
  background-color: var(--warning-30);
}
.layout-cover .page-title-wrapper .layout-info .text-wrapper {
  flex-grow: 2;
}
.layout-cover .page-title-wrapper .layout-info .text-wrapper + .layout-info-button {
  margin-left: 30px;
}
.layout-cover .page-title-wrapper .layout-info .layout-info-button-wrapper {
  display: flex;
  align-content: center;
  align-items: center;
}
.layout-cover .page-title-wrapper .layout-info .title {
  color: #fff;
  font-size: 48px;
  line-height: 56px;
}
@media (max-width: 767px) {
  .layout-cover .page-title-wrapper .layout-info .title {
    font-size: 36px;
    line-height: 48px;
    letter-spacing: 0;
  }
}
.layout-cover .page-title-wrapper .layout-info .subtitle {
  margin-top: 20px;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
}
@media (max-width: 767px) {
  .layout-cover .page-title-wrapper .layout-info .subtitle {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
    margin-top: 10px;
  }
}
.layout-cover .layout-cover-inner {
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  height: 380px;
  position: relative;
}
.layout-cover .layout-cover-inner.title-shadow:after {
  /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  left: 0;
  height: 210px;
  width: 100%;
  content: "";
  display: block;
  z-index: 0;
  //top: 40px;
  top: 0;

  @media (max-width: $breakpoint-tablet-landscape) {
  	top: 0;
  	height: 260px;
  }*/
}
@media (max-width: 767px) {
  .layout-cover .layout-cover-inner {
    height: 280px !important;
  }
}
@media (max-width: 768px) {
  .layout-cover .layout-cover-inner {
    background: none !important;
    position: relative;
  }
}
.layout-cover .layout-cover-inner .cover-mobile {
  display: none;
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
}
@media (max-width: 768px) {
  .layout-cover .layout-cover-inner .cover-mobile {
    display: block;
  }
}
.layout-cover .layout-cover-inner .layout-info {
  padding: 0;
}
.layout-cover .layout-cover-inner .layout-info .title {
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 48px;
  line-height: 56px;
  letter-spacing: -0.19px;
}
@media (max-width: 767px) {
  .layout-cover .layout-cover-inner .layout-info .title {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.layout-cover .layout-cover-inner .layout-info .subtitle {
  margin-top: 0;
  font-size: 20px;
  line-height: 28px;
  margin-top: 28px;
}
@media (max-width: 767px) {
  .layout-cover .layout-cover-inner .layout-info .subtitle {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.layout-cover.light .title,
.layout-cover.light .subtitle {
  color: var(--primary-400);
}
.layout-cover + .journal-content-article {
  z-index: 1000;
}

.lancio-area-comunicazione {
  background-color: #005D44;
  color: #fff;
  overflow: hidden;
  padding-top: 112px;
  padding-bottom: 112px;
  min-height: 480px;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .lancio-area-comunicazione {
    padding: 75px 30px 55px;
    margin-bottom: 15px;
  }
  .lancio-area-comunicazione .row {
    margin: 0;
  }
  .lancio-area-comunicazione .row > div {
    padding: 0;
  }
}
.lancio-area-comunicazione .row-comunication {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .lancio-area-comunicazione .row-comunication {
    display: block;
  }
}
.lancio-area-comunicazione .col-left {
  float: left;
  width: 25%;
  position: relative;
}
@media (max-width: 1100px) {
  .lancio-area-comunicazione .col-left {
    width: 40%;
  }
}
@media (max-width: 991px) {
  .lancio-area-comunicazione .col-left {
    width: 100%;
  }
}
.lancio-area-comunicazione .col-right {
  float: right;
  width: 66.7%;
  position: relative;
}
@media (max-width: 1100px) {
  .lancio-area-comunicazione .col-right {
    width: 55%;
  }
}
@media (max-width: 768px) {
  .lancio-area-comunicazione .col-right {
    width: 100%;
  }
}
.lancio-area-comunicazione.white {
  background-color: #fff;
  color: #005D44;
}
.lancio-area-comunicazione .row-flex {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.lancio-area-comunicazione .bper-wrapper .launch-title {
  height: auto;
  float: left;
  width: 100%;
  position: relative;
}
.lancio-area-comunicazione .bper-wrapper .launch-title .launch-bper-logo {
  height: 362px;
  width: 148px;
  left: calc(50% - 84px);
  background-size: cover;
  background-repeat: no-repeat;
  top: 0 !important;
  position: relative;
}
@media (max-width: 991px) {
  .lancio-area-comunicazione .bper-wrapper .launch-title .launch-bper-logo {
    height: 305px;
    width: 124px;
    left: calc(50% - 62px);
  }
}
.lancio-area-comunicazione .bper-wrapper .launch-title .launch-title-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}
.lancio-area-comunicazione .bper-wrapper .launch-title .launch-title-text * {
  word-break: break-all;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  font-weight: 700;
  font-size: 56px;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .lancio-area-comunicazione .bper-wrapper .launch-title .launch-title-text * {
    font-size: 52px;
    font-weight: 500;
  }
}
@media (max-width: 991px) {
  .lancio-area-comunicazione .bper-wrapper .launch-title .launch-title-text * {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .lancio-area-comunicazione .bper-wrapper .launch-title .launch-title-text * {
    margin-left: -20px;
  }
}
.lancio-area-comunicazione .bper-wrapper .launch-description {
  height: auto;
  margin-top: 75px;
  margin-bottom: 35px;
}
@media (max-width: 991px) {
  .lancio-area-comunicazione .bper-wrapper .launch-description {
    text-align: center;
    margin-top: 45px;
    margin-bottom: 20px;
  }
}
.lancio-area-comunicazione .bper-wrapper .launch-description .text-description {
  margin-left: 30px;
}
@media (max-width: 991px) {
  .lancio-area-comunicazione .bper-wrapper .launch-description .text-description {
    margin-left: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .lancio-area-comunicazione .bper-wrapper .launch-description .text-description {
    font-size: 37.8px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .lancio-area-comunicazione .bper-wrapper .launch-description .text-description {
    font-size: 33.6px;
  }
}
@media (max-width: 767px) {
  .lancio-area-comunicazione .bper-wrapper .launch-description .text-description {
    font-size: 29.4px;
  }
}
.lancio-area-comunicazione .bper-wrapper .launch-buttonContainer {
  height: auto;
  text-align: right;
  margin-right: 0;
}
@media (max-width: 991px) {
  .lancio-area-comunicazione .bper-wrapper .launch-buttonContainer {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .lancio-area-comunicazione .bper-wrapper .launch-buttonContainer .btn {
    margin-top: 30px;
  }
}

.news {
  overflow: hidden;
  color: #fff;
}
.news .wrapper-main-news {
  background-color: #005D44;
  overflow: hidden;
  float: left;
  width: 100%;
}
.news .bper-wrapper .title-main-news {
  background-color: #005D44;
  padding-top: 30px;
  padding-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
  margin: 0;
  height: 56px;
}
@media (max-width: 767px) {
  .news .bper-wrapper .title-main-news {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.news .bper-wrapper .slick-slider {
  background-color: #005D44;
  width: 100%;
  float: left;
  height: calc(100% - 56px);
}
.news .bper-wrapper .slick-slider .slick-list {
  height: 100%;
}
.news .bper-wrapper .slick-slider .slick-list .slick-track {
  height: 100%;
}
.news .bper-wrapper .slider .item {
  background-color: #005D44;
  padding: 20px 25px 20px 30px;
  position: relative;
}
@media (max-width: 767px) {
  .news .bper-wrapper .slider .item {
    padding: 20px;
    padding-top: 5px;
    padding-bottom: 0;
  }
}
.news .bper-wrapper .slider .item .asset-abstract .asset-content .asset-summary .title {
  margin-bottom: 0;
  padding-bottom: 25px;
}
@media (max-width: 767px) {
  .news .bper-wrapper .slider .item .asset-abstract .asset-content .asset-summary .title {
    padding-bottom: 10px;
  }
}
.news .bper-wrapper .slider .item .asset-abstract .asset-content .asset-summary .subtitle {
  margin-bottom: 40px;
  padding-right: 40px;
}
@media (max-width: 767px) {
  .news .bper-wrapper .slider .item .asset-abstract .asset-content .asset-summary .subtitle {
    margin-bottom: 18px;
  }
}
.news .bper-wrapper .slider .item .asset-abstract .asset-content .asset-summary .link-container {
  text-align: right;
}
.news .bper-wrapper .slider .item .asset-abstract .asset-content .asset-summary .link-container a {
  margin-right: 10px;
  position: absolute;
  right: 20px;
  bottom: 22px;
}
.news .bper-wrapper .slider .slick-dots {
  position: absolute;
  text-align: left;
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  width: 30%;
  bottom: 25px;
  margin-left: 30px;
  float: left;
}
@media (max-width: 767px) {
  .news .bper-wrapper .slider .slick-dots {
    margin-left: 15px;
    margin-top: 7px;
  }
}
.news .bper-wrapper .slider .slick-dots button::before {
  font-size: 40px;
}

.partner-site {
  overflow: hidden;
}
@media (max-width: 767px) {
  .partner-site {
    padding: 0 25px;
  }
}
.partner-site .wrapper-all-partner {
  display: flex;
  margin-left: -15px;
}
@media (max-width: 767px) {
  .partner-site .wrapper-all-partner {
    flex-direction: column;
    margin-left: 0;
  }
}
.partner-site .wrapper-all-partner .partner-container-wrapper {
  width: 100%;
  flex-grow: 1;
  padding: 0 15px;
}
@media (max-width: 767px) {
  .partner-site .wrapper-all-partner .partner-container-wrapper {
    padding: 0;
  }
  .partner-site .wrapper-all-partner .partner-container-wrapper .partner-container {
    margin: 0;
  }
  .partner-site .wrapper-all-partner .partner-container-wrapper + .partner-container-wrapper {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .partner-site.allineamento-verticale {
    margin-bottom: 30px;
  }
}
.partner-site.allineamento-verticale .partner-container {
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  height: calc(100% - 30px);
  margin-top: 0;
}
.partner-site.allineamento-verticale .partner-container:hover .link-cta.link-cta-right-arrow:after {
  transform: none;
}
.partner-site.allineamento-verticale .partner-container .logos-bkg,
.partner-site.allineamento-verticale .partner-container .logos {
  width: auto;
  height: 56px;
}
@media (max-width: 991px) {
  .partner-site.allineamento-verticale .partner-container .partner-text p,
  .partner-site.allineamento-verticale .partner-container .partner-title h4 {
    height: auto !important;
  }
}
.partner-site.allineamento-verticale .partner-container .title-and-text + .partner-button {
  margin-left: 0;
  width: 100%;
}
.partner-site.allineamento-verticale .partner-container .title-and-text + .partner-button .partner-link {
  display: block;
  float: right;
}
.partner-site.allineamento-verticale .partner-container .title-and-text + .partner-button .partner-link span {
  display: none;
}
.partner-site.allineamento-verticale .partner-container .partner-text-area {
  flex-direction: column;
  align-items: flex-start;
}
.partner-site.allineamento-verticale .partner-image-area {
  margin-bottom: 5px;
}
.partner-site .partner-container {
  display: flex;
  align-items: center;
  position: relative;
  padding: 32px;
  background: #fff;
  border: solid 1px #CAF0DE;
  border-radius: 24px;
  margin: 30px 0;
  gap: 40px;
  box-shadow: 0 8px 16px rgba(126, 140, 141, 0.0008);
  position: relative;
}
.partner-site .partner-container:hover .link-cta.link-cta-right-arrow:after {
  transform: none;
}
.partner-site .partner-container .link-all-card {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.partner-site .partner-container:hover {
  box-shadow: 0 8px 16px rgba(126, 140, 141, 0.0016);
}
.partner-site .partner-container:hover .partner-title h4 {
  color: var(--secondary-80);
}
@media (max-width: 767px) {
  .partner-site .partner-container {
    padding: 32px 24px;
  }
}
@media (max-width: 767px) {
  .partner-site .partner-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}
.partner-site .partner-container > div {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 25px;
}
@media (max-width: 767px) {
  .partner-site .partner-container > div {
    gap: 10px;
  }
}
.partner-site .partner-container .partner-text-area .partner-title {
  margin-bottom: 4px;
}
.partner-site .partner-container .partner-text-area .partner-title h4 {
  margin: 0;
  color: var(--secondary-80);
  font-size: 24px;
  line-height: 1.2;
}
.partner-site .partner-container .partner-text-area .partner-text p {
  margin: 0;
}
.partner-site .partner-container .logos-bkg,
.partner-site .partner-container .logos {
  width: 164px;
}
@media (max-width: 767px) {
  .partner-site .partner-container .logos-bkg,
  .partner-site .partner-container .logos {
    width: auto;
    max-width: auto;
    max-height: 40px;
  }
}
.partner-site .partner-container .partner-text-area {
  flex-grow: 2;
  flex-direction: row;
  font-size: 18px;
  width: 100%;
  line-height: 26px;
  color: var(--primary-400);
}
@media (max-width: 767px) {
  .partner-site .partner-container .partner-text-area {
    align-items: flex-start;
    flex-direction: column;
  }
}
.partner-site .partner-container .partner-text-area .partner-title {
  color: var(--secondary-80);
  font-family: "Din-Bold", sans-serif;
  line-height: 32px;
}
.partner-site .partner-container .partner-text-area .title-and-text {
  flex-grow: 2;
}
.partner-site .partner-container .partner-link {
  font-family: "Din-Bold";
  white-space: nowrap;
}
@media (max-width: 767px) {
  .partner-site .partner-container .partner-link {
    width: 24px;
    height: 24px;
    display: block;
    float: right;
    text-indent: -999px;
    overflow: hidden;
    position: relative;
    margin: 0;
  }
  .partner-site .partner-container .partner-link:after {
    display: none;
  }
  .partner-site .partner-container .partner-link:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    content: "";
    display: block;
    background-image: url(../images/icone-bper-2022/Icon-24pt-Arrow-Right.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
}
.partner-site .partner-container .partner-button {
  display: ruby;
}
@media (max-width: 767px) {
  .partner-site .partner-container .partner-button {
    margin-top: 5px;
    width: 100%;
    text-align: -999px;
    overflow: hidden;
  }
}
.partner-site .partner-container .title-and-text {
  margin: 0;
  padding: 0;
}
.partner-site .partner-container .logos-container-center {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  float: left;
  justify-content: center;
  padding-top: 0 !important;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .partner-site .partner-container .logos-container-center {
    align-items: flex-start;
  }
}
.partner-site .partner-blocks {
  display: flex;
  width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .partner-site .partner-blocks {
    display: block;
    float: left;
  }
}
@media (max-width: 480px) {
  .partner-site .partner-blocks {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .partner-site .partner-blocks .logos-container-center {
    background-color: #faf9f8;
    display: flex;
  }
}
.partner-site .partner-blocks .partner-container {
  display: flex;
  position: relative;
  width: calc(50% - 15px);
}
@media (max-width: 991px) {
  .partner-site .partner-blocks .partner-container {
    width: 100%;
    float: left;
  }
}
@media (max-width: 768px) {
  .partner-site .partner-blocks .partner-container {
    display: block;
  }
}
.partner-site .partner-blocks .partner-container + .partner-container {
  margin-left: 30px;
}
@media (max-width: 991px) {
  .partner-site .partner-blocks .partner-container + .partner-container {
    margin-left: 0;
    margin-top: 15px;
  }
}
.partner-site .partner-blocks .partner-container > div {
  padding-left: 0;
  padding-right: 0;
}

.sub-footer {
  width: 100%;
  background-color: #377D6A;
}
.sub-footer .sub-footer-container {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
  color: #fff;
  font-size: 16px;
  min-height: 90px;
  padding-left: 80px;
  padding-right: 80px;
  max-width: 1440px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .sub-footer .sub-footer-container {
    padding: 24px 35px 56px 25px;
    justify-content: center;
    grid-gap: 26px;
    margin-top: -1px;
  }
}
.sub-footer .sub-footer-container .social {
  display: inline-block;
}
.sub-footer .sub-footer-container .social .link-ref {
  margin-left: 20px;
  display: inline-block;
  max-width: 25px;
}
.sub-footer .sub-footer-container .social .link-ref .image-link {
  height: 1.125rem;
  fill: #fff;
  vertical-align: middle;
}
.sub-footer .sub-footer-container .links {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 27px;
  color: #fff;
}
@media (max-width: 768px) {
  .sub-footer .sub-footer-container .links {
    grid-gap: 19px 26px;
    justify-content: center;
  }
}
.sub-footer .sub-footer-container .links > a,
.sub-footer .sub-footer-container .links > a:hover,
.sub-footer .sub-footer-container .links > .link-cta,
.sub-footer .sub-footer-container .links > .link-cta:hover {
  font-weight: normal;
  text-decoration: none;
  color: #fff;
}

.branch-image-block {
  float: left;
  width: 100%;
}

.header nav.navbar .bper-links a {
  float: none;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  z-index: 1000000;
}
.header nav.navbar .bper-links a > img {
  margin-top: 0;
}

a.search-box__button > img {
  display: block !important;
}
a.search-box__button > img.hover {
  display: none !important;
}
a.search-box__button:hover > img {
  display: none !important;
}
a.search-box__button:hover > img.hover {
  display: block !important;
}

.header nav.navbar .bper-links-container .search-box {
  float: left;
}
.header nav.navbar .bper-links-container .search-box > a {
  margin-left: 0;
}
.header nav.navbar .bper-links-container .search-box > a .label-text {
  display: none;
}
@media (max-width: 768px) {
  .header nav.navbar .bper-links-container .search-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
.header nav.navbar .bper-links-container .search-box a.search-box__button .label-text {
  display: none;
}
@media (max-width: 1099px) {
  .header nav.navbar .bper-links-container .search-box a.search-box__button .label-text {
    display: none;
  }
}
.header nav.navbar .bper-links-container .search-box a.search-box__button > img {
  margin-right: 0;
  width: 24px;
  height: 24px;
}

.search-box__close-button {
  position: absolute;
  top: 20px;
  right: 24px;
  z-index: 2;
  display: none;
}
.search-box__close-button .show {
  display: block;
}

.search-box-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  display: block;
}
.search-box-wrapper .portlet-topper {
  display: none !important;
}
.search-box-wrapper .portlet-search .search-input-group {
  position: relative;
}
.search-box-wrapper .portlet-search .search-input-group .input-group-inset-item {
  position: absolute;
  right: 0;
  top: calc(50% - 20px);
  transform: translateY(-50%);
  border: none;
  background: transparent;
}
.search-box-wrapper .portlet-search .search-input-group .input-group-inset-item button {
  background: transparent;
}
.search-box-wrapper .portlet-search .search-input-group .input-group-inset-item button svg.lexicon-icon-search {
  width: 40px;
  height: 40px;
  color: #00b97f;
}

.search-box {
  position: relative;
}

.search-box__close-button {
  display: none;
}

.search-box-wrapper {
  display: none;
}

.search-box__selected {
  display: block;
}
.search-box__selected .search-box__close-button {
  display: block;
}
.search-box__selected form {
  position: fixed;
  top: -200%;
  left: 0;
  bottom: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background: rgba(247, 250, 250, 0.97);
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-box__selected form .input-container {
  width: 100%;
  max-width: 780px;
  position: relative;
  padding: 0 25px;
}
.search-box__selected form .input-container .fieldset {
  position: relative;
}
.search-box__selected form .input-container .fieldset > div {
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
}
.search-box__selected form .input-container .fieldset > div > .form-group {
  width: 100%;
}
.search-box__selected form .input-container .fieldset > div svg {
  display: none;
}
.search-box__selected form .input-container .fieldset > div img {
  display: none;
}
.search-box__selected form .input-container .fieldset > div .lfr-ddm-field-group {
  float: none;
  width: 44px;
  height: 44px;
  margin-bottom: 20px;
  position: absolute;
  right: 15px;
  display: block;
  top: 0;
}
.search-box__selected form .input-container .fieldset > div .lfr-ddm-field-group .icon-monospaced {
  width: 44px;
  height: 44px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/icone-bper-2022/Icon-24pt-Search.svg);
}
.search-box__selected form .input-container .fieldset > div .lfr-ddm-field-group .icon-monospaced:hover {
  background-image: url(../images/icone-bper-2022/Icon-24pt-Search.svg);
}
.search-box__selected form .input-container .fieldset > div .lfr-ddm-field-group .icon-monospaced a {
  margin: 0;
  display: block;
  height: 44px;
  width: 44px;
}
.search-box__selected form .input-container .fieldset .input-text-wrapper {
  width: 100%;
}
.search-box__selected form .input-container .fieldset .input-text-wrapper .search-input {
  width: 100%;
  max-width: inherit;
  font-size: 45px;
  background: transparent;
  border-bottom: 2px solid #005D44;
  border-radius: 0;
}

.product-features {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1250px) {
  .product-features .bper-wrapper-small, .product-features .bper-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.product-features .title {
  font-size: 36px;
  line-height: 44px;
  letter-spacing: 0px;
  margin-bottom: 26px;
}
.product-features .title p {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  margin: 0;
}
.product-features .title strong,
.product-features .title b {
  color: var(--secondary-80);
}
.product-features .title.position-center {
  padding-left: 95px;
  padding-right: 95px;
}
.product-features .description {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  color: var(--primary-400);
  margin-top: 32px;
}
.product-features .description p {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  margin: 0;
}
.product-features .description a {
  color: var(--secondary-80);
}
.product-features .description.position-center {
  padding-left: 95px;
  padding-right: 95px;
}
.product-features .cols-container {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 30px;
  color: var(--primary-400);
}
.product-features .cols-container.position-center {
  padding-left: 95px;
  padding-right: 95px;
}
.product-features .cols-container .first-col .first-col-element,
.product-features .cols-container .second-col .second-col-element {
  display: grid;
  grid-template-areas: "title" "description";
  margin-top: 28px;
}
.product-features .cols-container .first-col .first-col-element.with-bullet-icon,
.product-features .cols-container .second-col .second-col-element.with-bullet-icon {
  display: grid;
  grid-template-areas: "icon title" ". description";
  grid-template-columns: 40px auto;
  column-gap: 16px;
  margin-top: 14px;
  align-items: center;
}
.product-features .cols-container .first-col .first-col-element .list-title,
.product-features .cols-container .second-col .second-col-element .list-title {
  grid-area: title;
  font-family: "Din-Bold", sans-serif;
}
.product-features .cols-container .first-col .first-col-element .list-title p,
.product-features .cols-container .second-col .second-col-element .list-title p,
.product-features .cols-container .first-col .first-col-element .list-description p,
.product-features .cols-container .second-col .second-col-element .list-description p {
  margin-bottom: 10px;
}
.product-features .cols-container .first-col .first-col-element .list-description,
.product-features .cols-container .second-col .second-col-element .list-description {
  grid-area: description;
  margin-top: -8px;
  font-size: 18px;
  line-height: 26px;
}
.product-features .cols-container .first-col .first-col-element .list-description p,
.product-features .cols-container .second-col .second-col-element .list-description p {
  font-size: inherit;
  line-height: inherit;
}
.product-features .cols-container .first-col .first-col-element .list-icon,
.product-features .cols-container .second-col .second-col-element .list-icon {
  grid-area: icon;
}
.product-features .cols-container .first-col .first-col-element .list-icon img,
.product-features .cols-container .second-col .second-col-element .list-icon img {
  max-width: 40px;
}
.product-features .product-features-call-to-action {
  margin-top: 36px;
}
.product-features .product-features-call-to-action.position-center {
  padding-left: 95px;
  padding-right: 95px;
}
@media (max-width: 767px) {
  .product-features {
    padding: 56px 25px;
  }
  .product-features .title {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0;
    margin-bottom: 40px;
  }
  .product-features .title.position-center {
    padding-left: 0;
    padding-right: 0;
  }
  .product-features .description {
    margin-top: 32px;
  }
  .product-features .description.position-center {
    padding-left: 0;
    padding-right: 0;
  }
  .product-features .cols-container {
    display: block;
  }
  .product-features .cols-container.position-center {
    padding-left: 0;
    padding-right: 0;
  }
  .product-features .product-features-call-to-action.position-center {
    padding-left: 0;
    padding-right: 0;
  }
}

.bkg-top-green-20 .product-features .description,
.bkg-top-green-40 .product-features .description,
.bkg-top-green-50 .product-features .description,
.bkg-top-green-60 .product-features .description,
.bkg-top-green-80 .product-features .description,
.bkg-bottom-green-20 .product-features .description,
.bkg-bottom-green-40 .product-features .description,
.bkg-bottom-green-50 .product-features .description,
.bkg-bottom-green-60 .product-features .description,
.bkg-bottom-green-80 .product-features .description,
.bkg-full-green .product-features .description {
  color: var(--primary-400);
}

.portlet-nested-portlets .product-features {
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 0;
}

.product-page-title h1 {
  margin-bottom: 0;
}
.product-page-title h2 {
  margin-top: 0;
}
.product-page-title .product-page-title-img-cover {
  margin-top: 38px;
  min-height: 500px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 768px) {
  .product-page-title .product-page-title-img-cover {
    margin-top: 64px;
  }
}

/*
<div class="bper-wrapper">
    <div class="container product-services">
        <div class="row product-services__row-eq-height">
            <!--1st column start-->
            <div class="col-xs-12 col-lg-6 product-services__description">
                <h3>Pensata per chi non vuole pensieri</h3>
                <p>Ti sei mai messo in tasca una banca? Con Bper puoi farlo davvero! Scopri Carta Conto, la carta con codice
                    IBAN con cui effettui le principali operazioni bancarie ma senza aprire un conto corrente. Leggera e
                    versatile, si adatterà a tutte le tue esigenze: shopping online, viaggi all’estero, servizi: tutto in
                    uno, per tutti.
                </p>
            </div>
            <!--1st column end-->
            <!--2nd column start-->
            <div class="col-xs-12 col-lg-6 product-services__services-list">
                <h4>Cosa puoi fare, anche online</h4>
                <div class="row">
                    <!--1st column of list start-->
                    <div class="col-xs-12 col-md-6">
                        <div class="row">
                            <div class="col-xs-12 product-services__services-list__item"> Bonifici </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 product-services__services-list__item"> Bonifici internazionali </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 product-services__services-list__item"> MAV </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 product-services__services-list__item"> F24 </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 product-services__services-list__item"> Ricariche telefoniche </div>
                        </div>
                    </div>
                    <!--1st column of list end-->
                    <!--2nd column of list start-->
                    <div class="col-xs-12 col-md-6">
                        <div class="row">
                            <div class="col-xs-12 product-services__services-list__item"> Pagamento canone RAI </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 product-services__services-list__item"> Bollo auto </div>
                        </div>
                        <!--2nd column of list end-->
                    </div>
                </div>
            </div>
            <!--2nd column end-->
        </div>
    </div>
</div>
*/
.product-services {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .product-services {
    margin-top: 0;
    margin-bottom: 60px;
  }
}
.product-services.bper-wrapper {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .product-services.bper-wrapper {
    margin-top: 0;
    margin-bottom: 60px;
  }
}
.product-services .container {
  padding-left: 0;
  padding-right: 0;
}
.product-services .container .product-services-row-eq-height {
  display: flex;
  align-items: stretch;
  /*margin-right: calc((100vw - 1170px) / -2);
  margin-left: calc((100vw - 1170px) / -2);*/
  margin-right: calc((100vw - 1170px) / -2);
  margin-left: calc((100vw - 1170px) / -2);
}
@media (max-width: 767px) {
  .product-services .container .product-services-row-eq-height {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.product-services .container .product-services-row-eq-height > .product-services-list {
  padding-right: calc((100vw - 1170px) / 2) !important;
}
.product-services .container .product-services-row-eq-height > .description-container {
  padding-left: calc((100vw - 1170px) / 2) !important;
}
.product-services .container .product-services-row-eq-height .description-container {
  display: flex;
  align-items: center;
  padding: 80px 70px 80px 165px;
  color: var(--primary-400);
}
@media (max-width: 767px) {
  .product-services .container .product-services-row-eq-height .description-container {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}
.product-services .container .product-services-row-eq-height .description-container .product-services-description .title {
  font-size: 36px;
  font-weight: normal;
}
.product-services .container .product-services-row-eq-height .description-container .product-services-description .title p {
  letter-spacing: 0px;
  line-height: 48px;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .product-services .container .product-services-row-eq-height .description-container .product-services-description .title p {
    font-size: 28px;
    line-height: 36px;
  }
}
.product-services .container .product-services-row-eq-height .description-container .product-services-description .title p strong {
  color: var(--secondary-80);
}
.product-services .container .product-services-row-eq-height .description-container .product-services-description .description {
  font-size: 18px;
  line-height: 26px;
}
.product-services .container .product-services-row-eq-height .description-container .product-services-description .description p {
  line-height: inherit;
  font-size: inherit;
}
.product-services .container .product-services-row-eq-height .product-services-list {
  display: flex;
  align-items: center;
  padding: 80px 165px 80px 70px;
  background-color: var(--neutral-5);
  border-radius: 24px 0 0 24px;
  color: var(--primary-400);
}
@media (max-width: 767px) {
  .product-services .container .product-services-row-eq-height .product-services-list {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}
.product-services .container .product-services-row-eq-height .product-services-list .product-services-list-wrapper .title {
  font-size: 28px;
  line-height: 34px;
  font-family: "Din-Bold", sans-serif;
}
@media (max-width: 767px) {
  .product-services .container .product-services-row-eq-height .product-services-list .product-services-list-wrapper .title {
    font-size: 28px;
    line-height: 36px;
  }
}
.product-services .container .product-services-row-eq-height .product-services-list .product-services-list-wrapper .title p {
  letter-spacing: 0;
  line-height: inherit;
  font-size: inherit;
  margin-bottom: 40px;
}
.product-services .container .product-services-row-eq-height .product-services-list .product-services-list-wrapper .title p strong {
  color: var(--secondary-80);
}
.product-services .container .product-services-row-eq-height .product-services-list .product-services-list-wrapper .description {
  font-size: 18px;
  line-height: 26px;
}
.product-services .container .product-services-row-eq-height .product-services-list .product-services-list-wrapper .description p {
  line-height: inherit;
  font-size: inherit;
}
.product-services .container .product-services-row-eq-height .product-services-list .product-services-list-wrapper .product-services-list-item ul {
  padding-inline-start: 35px;
}
@media (max-width: 1100px) {
  .product-services .container .product-services-row-eq-height {
    flex-direction: column;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px;
  }
  .product-services .container .product-services-row-eq-height .description-container {
    padding: 56px 35px 60px 35px;
    max-width: 100%;
  }
  .product-services .container .product-services-row-eq-height .product-services-list {
    padding: 56px 35px;
    border-radius: 0;
    max-width: 100%;
  }
}
@media (max-width: 1199px) and (min-width: 376px) {
  .product-services.bper-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .product-services.bper-wrapper .container .product-services-row-eq-height > .description-container {
    padding-left: 25px !important;
  }
  .product-services.bper-wrapper .container .product-services-row-eq-height > .product-services-list {
    padding-right: 25px !important;
  }
  .product-services.bper-wrapper .product-services-row-eq-height {
    margin: 0;
  }
}

.comparative-table {
  margin-bottom: 80px;
}
.comparative-table td.comparative-table-fixed-col {
  padding-right: 10px;
}
.comparative-table .table-notes {
  color: var(--primary-400);
  margin-top: 30px;
}
@media (max-width: 768px) {
  .comparative-table .table-notes {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.comparative-table .title {
  color: var(--primary-400);
  max-width: 70%;
}
.comparative-table .title p {
  font-size: 36px;
  letter-spacing: 0px;
  line-height: 48px;
  text-align: center;
}
.comparative-table .title p:last-child {
  margin-bottom: 40px;
}
.comparative-table .title strong {
  color: var(--secondary-80);
}
.comparative-table .comparative-table-table-wrap .subtitle {
  color: var(--green-100);
  text-align: center;
  margin-bottom: 41px;
  max-width: 70%;
}
.comparative-table .comparative-table-table-wrap .comparative-table-grid {
  display: grid;
  grid-template-columns: minmax(min-content, 190px) 1fr;
}
.comparative-table .comparative-table-table-wrap .comparative-table-grid .rowName-value {
  padding: 9px 30px 9px 8px;
  vertical-align: top;
  color: var(--primary-400);
  min-height: 43px;
}
.comparative-table .comparative-table-table-wrap .comparative-table-grid .rowName-value:nth-child(even) {
  background-color: var(--neutral-5);
}
.comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid {
  display: grid;
}
.comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid .grid-cols .header-value {
  text-align: left;
  padding: 8px 30px 8px 8px;
}
.comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid .grid-cols .header-value strong {
  color: var(--secondary-80);
}
.comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid .grid-cols .header-value span {
  color: #7e8c8d;
  font-size: 16px;
  font-weight: normal;
}
.comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid .grid-cols .header-value span p {
  margin-bottom: 0;
}
.comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid .grid-cols .rowData-value {
  min-height: 43px;
  padding: 9px 30px 9px 8px;
  vertical-align: top;
  color: var(--primary-400);
}
.comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid .grid-cols .rowData-value:nth-child(even) {
  background-color: var(--neutral-5);
}
.comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid .grid-cols .rowData-value p {
  margin-bottom: 0;
}
.comparative-table .comparative-table-table-wrap-2-cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  align-items: flex-start;
}
.comparative-table .comparative-table-table-wrap-2-cols .subtitle {
  color: var(--green-100);
  text-align: left;
}
.comparative-table .comparative-table-table-wrap-2-cols .comparative-table-table table {
  width: 100%;
}
.comparative-table .comparative-table-table-wrap-2-cols .comparative-table-table table thead tr th {
  text-align: left;
  padding: 14px 8px;
}
.comparative-table .comparative-table-table-wrap-2-cols .comparative-table-table table tbody tr {
  height: 48px;
}
.comparative-table .comparative-table-table-wrap-2-cols .comparative-table-table table tbody tr:nth-child(odd) {
  background-color: var(--neutral-5);
}
.comparative-table .comparative-table-table-wrap-2-cols .comparative-table-table table tbody tr td {
  padding: 14px 8px;
  vertical-align: top;
}
.comparative-table .comparative-table-table-wrap-2-cols .comparative-table-table table tbody tr td p {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .comparative-table {
    margin-bottom: 56px;
  }
  .comparative-table.bper-wrapper {
    margin-left: 25px;
    margin-right: 25px;
  }
  .comparative-table .title {
    max-width: 100%;
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .comparative-table .title p {
    font-size: 28px;
    letter-spacing: 0;
    line-height: 36px;
    text-align: left;
  }
  .comparative-table .title p:last-child {
    margin-bottom: 38px;
  }
  .comparative-table .comparative-table-table-wrap p {
    font-size: 18px;
    line-height: 26px;
  }
  .comparative-table .comparative-table-table-wrap .subtitle {
    max-width: 100%;
    margin-left: 25px;
    margin-right: 25px;
    text-align: left;
  }
  .comparative-table .comparative-table-table-wrap .comparative-table-grid {
    grid-template-columns: minmax(min-content, 108px) 1fr;
    margin-left: 25px;
  }
}
@media (max-width: 768px) and (max-width: 480px) {
  .comparative-table .comparative-table-table-wrap .comparative-table-grid {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (max-width: 768px) {
  .comparative-table .comparative-table-table-wrap .comparative-table-grid .rowName {
    z-index: 1;
  }
  .comparative-table .comparative-table-table-wrap .comparative-table-grid .rowName .rowName-value {
    box-shadow: 8px 0px 16px rgba(126, 140, 141, 0.08);
    padding: 8px;
  }
  .comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid.table-carousel {
    grid-template-columns: auto !important;
    margin-bottom: 70px;
  }
  .comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid.table-carousel .grid-cols .header-value {
    padding: 8px 30px 8px 26px;
  }
  .comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid.table-carousel .grid-cols .rowData-value {
    padding: 8px 8px 8px 24px;
  }
  .comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid.table-carousel .slick-prev,
  .comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid.table-carousel .slick-next,
  .comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid.table-carousel .slick-prev:hover,
  .comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid.table-carousel .slick-next:hover {
    background-color: #fff;
    box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
    border-radius: 20px;
    width: 40px;
    height: 40px;
    background-image: url(../images/icone-bper-2022/Icon-24pt-Arrow-Right.svg);
  }
  .comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid.table-carousel .slick-dots {
    bottom: -37px;
    left: 28%;
  }
}
@media (max-width: 768px) and (max-width: 480px) {
  .comparative-table .comparative-table-table-wrap .comparative-table-grid .table-grid.table-carousel .slick-dots {
    left: 23%;
    bottom: -55px;
  }
}
@media (max-width: 768px) {
  .comparative-table .comparative-table-table-wrap-2-cols {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, auto);
    margin-right: 25px;
    margin-left: 25px;
  }
  .comparative-table .comparative-table-table-wrap-2-cols .subtitle {
    margin-bottom: 40px;
  }
}

.banner-full-size {
  color: #fff;
  overflow: hidden;
}
.banner-full-size.green {
  color: #015256;
}
.banner-full-size .banner-container {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 500px;
  background-position-x: 50%;
  background-position-y: 50%;
}
@media (max-width: 1199px) {
  .banner-full-size .banner-container {
    background-size: 150%;
    background-position-x: 20%;
    height: 250px;
  }
}
.banner-full-size .banner-container .bper-wrapper h6 {
  margin-top: 0;
}
.banner-full-size .banner-container .bper-wrapper h2 + h6 {
  margin-top: -20px;
}
.banner-full-size .banner-container .bper-wrapper .title {
  padding-top: 0;
  font-size: 56px;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .banner-full-size .banner-container .bper-wrapper .title {
    padding-top: 25px;
  }
}

.digital-service {
  overflow: hidden;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .digital-service {
    margin-bottom: 20px;
  }
}
.digital-service.after .digital-service-container::after {
  content: "";
  height: 30px;
  width: 30px;
  position: absolute;
  left: calc(50% - 15px);
  bottom: -15px;
  background-color: #faf9f8;
  transform: rotateZ(45deg);
  z-index: 100;
}
.digital-service .bper-wrapper .digital-service-solution {
  background-color: #005D44;
  float: left;
  width: 100%;
  padding: 5px 30px 25px;
}
@media (max-width: 1199px) {
  .digital-service .bper-wrapper .digital-service-solution {
    padding-bottom: 40px;
    padding-top: 30px;
  }
}
.digital-service .bper-wrapper .digital-service-solution h3,
.digital-service .bper-wrapper .digital-service-solution p,
.digital-service .bper-wrapper .digital-service-solution .description {
  color: #fff;
}
.digital-service .bper-wrapper .digital-service-solution .description {
  padding-top: 15px;
  margin-bottom: 0;
}
.digital-service .bper-wrapper .digital-service-solution .link-container {
  margin-top: 55px;
}
@media (max-width: 1199px) {
  .digital-service .bper-wrapper .digital-service-solution .link-container {
    margin-top: 20px;
  }
}
.digital-service .bper-wrapper .digital-service-solution .link-container .btn {
  float: right;
}
.digital-service .bper-wrapper .digital-service-container {
  padding: 5px 30px 25px;
  background-color: #faf9f8;
}
.digital-service .bper-wrapper .digital-service-container .description {
  padding-top: 15px;
  padding-bottom: 30px;
}
@media (max-width: 1199px) {
  .digital-service .bper-wrapper .digital-service-container .description {
    padding-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .digital-service .bper-wrapper .digital-service-container .block {
    margin-bottom: 25px;
  }
}
.digital-service .bper-wrapper .digital-service-container .block .block-title {
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .digital-service .bper-wrapper .digital-service-container .block .block-title {
    padding-top: 15px;
  }
}
@media (max-width: 768px) {
  .digital-service .bper-wrapper .digital-service-container .block .block-icons {
    display: block;
  }
}
.digital-service .bper-wrapper .digital-service-container .block .plus {
  text-align: center;
  position: absolute;
  display: block;
  right: -10px;
  top: calc(40% - 10px);
  width: 20px;
  height: 20px;
  background-image: url(../images/plus.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.digital-service .bper-wrapper .digital-service-container .block .icon-container {
  text-align: center;
  position: relative;
  display: inline-block;
  vertical-align: text-top;
}
.digital-service .bper-wrapper .digital-service-container .block .icon-container.first {
  width: 33%;
}
.digital-service .bper-wrapper .digital-service-container .block .icon-container.first .icon {
  margin-left: 0;
}
.digital-service .bper-wrapper .digital-service-container .block .icon-container.first p {
  max-width: 135px;
}
.digital-service .bper-wrapper .digital-service-container .block .icon-container.second {
  width: calc(33% - 15px);
  margin-right: 15px;
}
.digital-service .bper-wrapper .digital-service-container .block .icon-container.third {
  width: calc(33% - 30px);
  padding-left: 15px;
  margin-right: 15px;
  border-left: 1px solid #005D44;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .digital-service .bper-wrapper .digital-service-container .block .icon-container.first .icon {
    margin-left: auto;
  }
  .digital-service .bper-wrapper .digital-service-container .block .icon-container.first p {
    max-width: initial;
  }
}
@media (max-width: 768px) {
  .digital-service .bper-wrapper .digital-service-container .block .icon-container.first {
    width: 49%;
    padding-right: 15px;
  }
  .digital-service .bper-wrapper .digital-service-container .block .icon-container.first .icon {
    margin-left: auto;
  }
  .digital-service .bper-wrapper .digital-service-container .block .icon-container.first p {
    max-width: initial;
  }
  .digital-service .bper-wrapper .digital-service-container .block .icon-container.second {
    width: 49%;
    padding-left: 15px;
    margin-right: 0;
  }
  .digital-service .bper-wrapper .digital-service-container .block .icon-container.third {
    margin: auto;
    border-left: none;
    border-top: 1px solid #005D44;
    width: 100%;
    padding-left: 25%;
    padding-right: 25%;
    margin-top: 15px;
    padding-top: 15px;
  }
  .digital-service .bper-wrapper .digital-service-container .block .icon-container.third .icon {
    width: 100%;
  }
}
.digital-service .bper-wrapper .digital-service-container .block .icon-container .icon {
  clear: both;
  margin: auto;
  float: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  max-height: 95px;
  max-width: 135px;
}
.digital-service .bper-wrapper .digital-service-container .block .icon-container .icon:after {
  content: "";
  padding-top: 74%;
  display: block;
}
.digital-service .bper-wrapper .digital-service-container .block .icon-container .icon + p {
  margin-top: 15px;
  word-break: break-word;
}
.digital-service .bper-wrapper .digital-service-container .block .icon-container p {
  margin: 0;
}
.digital-service .bper-wrapper .digital-service-container .link-container {
  padding-top: 80px;
  text-align: right;
}
@media (max-width: 1199px) {
  .digital-service .bper-wrapper .digital-service-container .link-container {
    padding-top: 0;
  }
}

.launch-area {
  overflow: hidden;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .launch-area {
    margin-bottom: 10px;
  }
}
.launch-area.white {
  background-color: #fff;
  color: #015256;
}
.launch-area.green {
  background-color: #64B054;
  color: #fff;
}
.launch-area.blue {
  background-color: #071d1f;
  color: #fff;
}
@media (max-width: 480px) {
  .launch-area {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.launch-area .bper-wrapper .launch-area-container {
  padding: 12px 30px 20px;
  float: left;
  width: 100%;
}
@media (max-width: 1199px) {
  .launch-area .bper-wrapper .launch-area-container {
    padding-top: 25px;
    padding-bottom: 40px;
  }
}
.launch-area .bper-wrapper .launch-area-container.no-padding {
  padding-left: 0;
  padding-right: 0;
}
.launch-area .bper-wrapper .launch-area-container.white {
  background-color: #fff;
  color: #015256;
}
.launch-area .bper-wrapper .launch-area-container.green {
  background-color: #64B054;
  color: #fff;
}
.launch-area .bper-wrapper .launch-area-container.blue {
  background-color: #071d1f;
  color: #fff;
}
.launch-area .bper-wrapper .launch-area-container .description {
  padding-top: 10px;
  padding-bottom: 40px;
}
@media (max-width: 1199px) {
  .launch-area .bper-wrapper .launch-area-container .description {
    padding-bottom: 15px;
  }
}
.launch-area .bper-wrapper .launch-area-container .button-right {
  float: right;
}
.launch-area .bper-wrapper .launch-area-container .button-container {
  text-align: right;
}
.launch-area .bper-wrapper .launch-area-container .button-container .btn {
  margin-left: 20px;
}
.launch-area .bper-wrapper .launch-area-container .button-container .btn:first-child {
  margin-left: 0;
}
.launch-area .bper-wrapper .launch-area-container .button-container .btn.blue {
  background-color: #005D44;
}
.launch-area .bper-wrapper .launch-area-container .button-container .btn.blue:hover {
  background-color: #ea862c;
}
@media (max-width: 767px) {
  .launch-area .bper-wrapper .launch-area-container .button-container .btn {
    margin-top: 10px;
  }
  .launch-area .bper-wrapper .launch-area-container .button-container .btn:nth-child(2n+1) {
    margin-left: 20px;
  }
}

.privates-certainties {
  margin-bottom: 64px;
  margin-top: 64px;
}
.privates-certainties .bper-wrapper .certainties-container .title {
  color: var(--primary-400);
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -0.07px;
  font-weight: 400;
  margin-bottom: 40px;
  margin-top: 0;
}
@media (max-width: 767px) {
  .privates-certainties .bper-wrapper .certainties-container .title {
    margin-bottom: 24px;
  }
}
.privates-certainties .bper-wrapper .certainties-container .title p {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
.privates-certainties .bper-wrapper .certainties-container .title b,
.privates-certainties .bper-wrapper .certainties-container .title strong {
  color: var(--secondary-80);
  font-family: "Din-Bold", sans-serif;
}
.privates-certainties .bper-wrapper .certainties-container .title.position-center {
  padding-left: 95px;
  padding-right: 95px;
}
.privates-certainties .bper-wrapper .certainties-container .description {
  font-size: 18px;
  line-height: 26px;
  color: var(--primary-400);
}
.privates-certainties .bper-wrapper .certainties-container .description.position-center {
  padding: 0px 95px;
}
@media (max-width: 767px) {
  .privates-certainties .bper-wrapper .certainties-container .description.position-center {
    padding: 0px;
  }
}
.privates-certainties .bper-wrapper .certainties-container .description a {
  color: var(--secondary-80);
  font-family: "Din-Bold", sans-serif;
  text-decoration: underline;
}
.privates-certainties .bper-wrapper .certainties-container .description p {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 24px;
}
.privates-certainties .bper-wrapper .certainties-container .description p:last-child {
  margin-bottom: 0;
}
.privates-certainties .bper-wrapper .certainties-container .button-readmore {
  text-decoration: none;
}
.privates-certainties .bper-wrapper .certainties-container .button-readmore:hover:after {
  transform: none;
}
.privates-certainties .bper-wrapper .certainties-container .button-readmore:after {
  margin-left: 15px;
  width: 10px;
  height: 10px;
  background-image: url("../images/icone-bper-2022/icon-caret-down.svg");
}
.privates-certainties .bper-wrapper .certainties-container.with-logo-image {
  display: grid;
  grid-template-areas: "logo title" "logo description";
  column-gap: 30px;
  grid-template-columns: minmax(auto, 96px) auto;
}
.privates-certainties .bper-wrapper .certainties-container.with-logo-image .logo-image {
  grid-area: logo;
}
.privates-certainties .bper-wrapper .certainties-container.with-logo-image .logo-image img {
  max-width: 96px;
}
.privates-certainties .bper-wrapper .certainties-container.with-logo-image .title {
  grid-area: title;
  margin-bottom: 12px;
  font-size: 28px;
  line-height: 36px;
  font-family: "Din-Bold", sans-serif;
}
.privates-certainties .bper-wrapper .certainties-container.with-logo-image .description {
  grid-area: description;
}
.privates-certainties.with-logo-image {
  padding-top: 80px;
  padding-bottom: 80px;
  background: var(--primary-200);
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .privates-certainties.with-logo-image {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
.privates-certainties.with-logo-image .certainties-container .title,
.privates-certainties.with-logo-image .certainties-container .description {
  color: #fff;
}
@media (max-width: 767px) {
  .privates-certainties {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
@media (max-width: 480px) {
  .privates-certainties {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .privates-certainties .bper-wrapper {
    width: auto;
    padding: 0;
    margin-left: 25px;
    margin-right: 25px;
  }
  .privates-certainties .bper-wrapper .certainties-container .title {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0;
    margin-bottom: 17px;
  }
  .privates-certainties .bper-wrapper .certainties-container .title.position-center {
    padding-left: 0;
    padding-right: 0;
  }
  .privates-certainties .bper-wrapper .certainties-container .description.position-center {
    padding: 15px 0;
  }
  .privates-certainties .bper-wrapper .certainties-container.with-logo-image {
    grid-template-areas: "logo" "title" "description";
    row-gap: 24px;
    grid-template-columns: auto;
  }
  .privates-certainties .bper-wrapper .certainties-container.with-logo-image .title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0px;
    font-weight: 400;
    margin-bottom: 0;
  }
}

.loan-blocks {
  margin-top: 80px;
  margin-bottom: 80px;
}
.loan-blocks .wc-title {
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 1199px) {
  .loan-blocks .wc-title {
    padding-bottom: 0;
  }
}
@media (max-width: 799px) {
  .loan-blocks .wc-title {
    padding-top: 0;
    margin-top: 0;
  }
}
.loan-blocks .nota {
  position: absolute;
  top: 0;
  background: var(--secondary-10);
  border-radius: 16px;
  left: 44px;
  line-height: 48px;
  padding-left: 20px;
  padding-right: 20px;
  transform: translateY(-50%);
  color: var(--primary-400);
}
@media (max-width: 1199px) {
  .loan-blocks .nota {
    left: 36px;
  }
}
.loan-blocks .bper-wrapper .blocks-container .loan-blocks-title {
  font-size: 36px;
  line-height: 48px;
  letter-spacing: 0px;
  margin-bottom: 57px;
}
.loan-blocks .bper-wrapper .blocks-container .loan-blocks-title strong {
  color: var(--secondary-80);
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block {
  background-color: var(--primary-400);
  box-shadow: 0px 16px 24px rgba(126, 140, 141, 0.32);
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block.squircle-icon {
  background: url(../images/Squircle_green_2.png) top 40px right -30px no-repeat var(--primary-400);
  background-size: auto 224px;
}
.loan-blocks .bper-wrapper .blocks-container .loan-right-block {
  background-color: var(--primary-600);
  box-shadow: 0px 16px 24px rgba(126, 140, 141, 0.32);
}
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.squircle-icon {
  background: url(../images/Squircle_green_1.png) top 40px right -30px no-repeat var(--primary-600);
  background-size: auto 224px;
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block {
  display: flex;
  flex-direction: column;
  padding: 40px 32px 40px 32px;
  color: #fff;
  border-radius: 24px;
  height: 100%;
}
@media (max-width: 767px) {
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block {
    margin-bottom: 30px;
  }
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block.bkg-primary-400 .title-text, .loan-blocks .bper-wrapper .blocks-container .loan-left-block.bkg-primary-600 .title-text,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bkg-primary-400 .title-text,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bkg-primary-600 .title-text {
  color: #fff;
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block.bkg-primary-400 a.link-cta.link-cta-right-arrow, .loan-blocks .bper-wrapper .blocks-container .loan-left-block.bkg-primary-400 a.link-cta.link-cta-right-arrow:hover, .loan-blocks .bper-wrapper .blocks-container .loan-left-block.bkg-primary-600 a.link-cta.link-cta-right-arrow, .loan-blocks .bper-wrapper .blocks-container .loan-left-block.bkg-primary-600 a.link-cta.link-cta-right-arrow:hover,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bkg-primary-400 a.link-cta.link-cta-right-arrow,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bkg-primary-400 a.link-cta.link-cta-right-arrow:hover,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bkg-primary-600 a.link-cta.link-cta-right-arrow,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bkg-primary-600 a.link-cta.link-cta-right-arrow:hover {
  color: #fff;
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block.bkg-primary-400 a.link-cta.link-cta-right-arrow:after, .loan-blocks .bper-wrapper .blocks-container .loan-left-block.bkg-primary-400 a.link-cta.link-cta-right-arrow:hover:after, .loan-blocks .bper-wrapper .blocks-container .loan-left-block.bkg-primary-600 a.link-cta.link-cta-right-arrow:after, .loan-blocks .bper-wrapper .blocks-container .loan-left-block.bkg-primary-600 a.link-cta.link-cta-right-arrow:hover:after,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bkg-primary-400 a.link-cta.link-cta-right-arrow:after,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bkg-primary-400 a.link-cta.link-cta-right-arrow:hover:after,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bkg-primary-600 a.link-cta.link-cta-right-arrow:after,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bkg-primary-600 a.link-cta.link-cta-right-arrow:hover:after {
  background-image: url(../images/svg/arrow-right-white.svg);
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block.bg-white,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bg-white {
  color: #7e8c8d;
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block.bg-white .title-text,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block.bg-white .title-text {
  color: #005D44 !important;
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-loan-title,
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-loan-title,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-loan-title,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-loan-title {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-loan-title,
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-loan-title,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-loan-title,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-loan-title {
    margin-bottom: 16px;
  }
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-loan-title .title-text,
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-loan-title .title-text,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-loan-title .title-text,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-loan-title .title-text {
  font-size: 28px;
  font-family: Din-Bold;
  line-height: 36px;
  letter-spacing: 0;
  margin: 0;
  color: #fff;
}
@media (max-width: 767px) {
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-loan-title .title-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-loan-title .title-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-loan-title .title-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-loan-title .title-text {
    height: auto !important;
  }
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-description-text,
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-description-text,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-description-text,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-description-text {
  margin-bottom: 32px;
  line-height: 26px;
  font-size: 18px;
}
@media (max-width: 767px) {
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-description-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-description-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-description-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-description-text {
    height: auto !important;
    margin-bottom: 0;
  }
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-description-text p,
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-description-text p,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-description-text p,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-description-text p {
  margin: 0;
  line-height: inherit;
  font-size: inherit;
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-description-text + .blocks-link, .loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-description-text + .link-wrapper,
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-description-text + .blocks-link,
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-description-text + .link-wrapper,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-description-text + .blocks-link,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-description-text + .link-wrapper,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-description-text + .blocks-link,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-description-text + .link-wrapper {
  margin-top: auto;
}
.loan-blocks .bper-wrapper .blocks-container .loan-left-block .blocks-link img,
.loan-blocks .bper-wrapper .blocks-container .loan-right-block .blocks-link img {
  margin-left: 8px;
}
@media (max-width: 767px) {
  .loan-blocks {
    margin: 56px 25px !important;
  }
  .loan-blocks .blocks-container {
    row-gap: 0;
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .loan-blocks {
    margin: 56px 0;
  }
  .loan-blocks .bper-wrapper .blocks-container {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
  }
  .loan-blocks .bper-wrapper .blocks-container .row {
    row-gap: 30px;
  }
  .loan-blocks .bper-wrapper .blocks-container .loan-blocks-title {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0;
    margin-bottom: 16px;
  }
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block {
    display: flex;
    flex-direction: column;
    padding: 40px 61px 40px 24px;
    background-size: auto 174px;
    height: 100%;
    margin-bottom: 30px;
  }
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-loan-title .title-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-loan-title .title-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-loan-title .title-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-loan-title .title-text {
    font-size: 24px;
    font-family: "Din-Bold", sans-serif;
    line-height: 32px;
    letter-spacing: 0;
  }
}
@media (max-width: 1199px) and (max-width: 767px) {
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-loan-title .title-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-loan-title .title-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-loan-title .title-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-loan-title .title-text {
    height: auto !important;
  }
}
@media (max-width: 1199px) {
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .left-description-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .right-description-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .left-description-text,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .right-description-text {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
  }
  .loan-blocks .bper-wrapper .blocks-container .loan-left-block .link-wrapper,
  .loan-blocks .bper-wrapper .blocks-container .loan-right-block .link-wrapper {
    width: calc(100% + 50px);
  }
}

.loan-video-story {
  overflow: hidden;
  margin-bottom: 70px;
}
@media (max-width: 991px) {
  .loan-video-story {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .loan-video-story {
    margin-bottom: 0 !important;
  }
}
.loan-video-story .row {
  margin: 0;
  position: relative;
}
.loan-video-story .product-cover:before {
  content: "";
  display: block;
  border-radius: 24px;
  background: rgba(0, 93, 68, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.loan-video-story .product-cover .popup {
  width: 80px;
  height: 80px;
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 40px);
  transition: 1s;
}
.loan-video-story .product-cover .popup:hover {
  opacity: 0.7;
}
.loan-video-story .product-cover .popup .play {
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.loan-video-story .product-cover .img {
  background-size: cover;
  border-radius: 24px;
  overflow: hidden;
}
.loan-video-story .product-cover .img:after {
  content: "";
  display: block;
  border-radius: 24px;
  background: rgba(0, 93, 68, 0.6);
}
.loan-video-story .product-cover .img .bkg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 24px;
}
@media (max-width: 991px) {
  .loan-video-story .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .loan-video-story .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .loan-video-story .bper-wrapper {
    margin-bottom: 0 !important;
  }
}
.loan-video-story .bper-wrapper .wrapper-video {
  position: relative;
  width: 59%;
  margin: 0;
  height: auto;
}
@media (max-width: 767px) {
  .loan-video-story .bper-wrapper .wrapper-video {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.loan-video-story .bper-wrapper .wrapper-video .video-thumb {
  position: relative;
  width: 100%;
  height: auto;
}
.loan-video-story .bper-wrapper .loan-story {
  background-color: #fff;
  position: absolute;
  margin-top: 0;
  top: 50%;
  width: 57%;
  transform: translateY(-50%);
  border-radius: 24px;
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
  margin-bottom: 33px;
  padding: 32px 40px 38px 40px;
  right: 0;
}
@media (max-width: 767px) {
  .loan-video-story .bper-wrapper .loan-story {
    margin-bottom: 0;
    position: relative;
    margin-top: 0 !important;
    top: 0 !important;
    transform: translateY(-50px) !important;
    left: 10px !important;
    right: 10px !important;
    width: calc(100% - 20px) !important;
    padding: 32px 24px 38px 24px;
  }
}
.loan-video-story .bper-wrapper .loan-story .loan-story-category {
  margin-bottom: 16px;
}
.loan-video-story .bper-wrapper .loan-story .loan-story-category .category {
  font-size: 14px;
  font-weight: normal;
  color: var(--primary-400);
  padding: 9px 18px;
  border-radius: 12px;
  background-color: var(--primary-20);
}
.loan-video-story .bper-wrapper .loan-story .loan-story-title {
  margin-bottom: 16px;
}
.loan-video-story .bper-wrapper .loan-story .loan-story-title h4 {
  color: var(--secondary-80);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  margin: 0;
}
.loan-video-story .bper-wrapper .loan-story .loan-story-subtitle {
  padding-left: 40px;
  width: 100%;
  margin-top: 25px;
  padding-bottom: 0;
  padding-right: 40px;
  display: none;
}
@media (max-width: 767px) {
  .loan-video-story .bper-wrapper .loan-story .loan-story-subtitle {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.loan-video-story .bper-wrapper .loan-story .loan-story-description {
  width: 100%;
  color: var(--primary-400);
  text-align: left;
  font-weight: 400;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0px;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .loan-video-story .bper-wrapper .loan-story .loan-story-description {
    font-size: 24px;
    line-height: 32px;
  }
}
.loan-video-story .bper-wrapper .loan-story .loan-story-description p {
  margin: 0;
  color: inherit;
  font: inherit;
  line-height: inherit;
}
.loan-video-story .bper-wrapper .loan-story .link-container {
  text-align: left;
  font-size: 18px;
  line-height: 26px;
  font-family: "Din-Bold", sans-serif;
}
.loan-video-story.left .wrapper-video {
  margin-left: 41%;
}
@media (max-width: 767px) {
  .loan-video-story.left .wrapper-video {
    margin-left: 0;
  }
}
.loan-video-story.left .loan-story {
  left: 0;
  right: unset;
}
@media (max-width: 767px) {
  .loan-video-story.left .loan-story {
    left: 10px;
  }
}
.loan-video-story.no-abs .bper-wrapper .loan-story {
  top: 100px;
  transform: none;
}
@media (max-width: 767px) {
  .loan-video-story.no-abs .bper-wrapper .loan-story {
    top: unset;
  }
}

.portlet-asset-publisher .asset-full-content:nth-of-type(2n + 1) .loan-video-story.left .wrapper-video, .portlet-asset-publisher .asset-full-content:nth-of-type(2n + 1) .loan-video-story.right .wrapper-video {
  left: auto;
  right: 0;
}
.portlet-asset-publisher .asset-full-content:nth-of-type(2n + 2) .loan-video-story.left .wrapper-video, .portlet-asset-publisher .asset-full-content:nth-of-type(2n + 2) .loan-video-story.right .wrapper-video {
  left: 0;
  right: auto;
}

.loan-advertising {
  margin-bottom: 80px;
  color: var(--neutral-100);
}
@media (max-width: 767px) {
  .loan-advertising {
    margin-bottom: 40px;
    margin-top: 0;
  }
}
@media (max-width: 480px) {
  .loan-advertising {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.loan-advertising .bper-wrapper,
.loan-advertising .bper-wrapper-small {
  height: 100%;
}
@media (max-width: 767px) {
  .loan-advertising .bper-wrapper,
  .loan-advertising .bper-wrapper-small {
    padding-top: 0;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.loan-advertising p,
.loan-advertising ul,
.loan-advertising li,
.loan-advertising b,
.loan-advertising em,
.loan-advertising i {
  font-size: 16px;
  line-height: 24px;
  color: var(--neutral-100);
}
.loan-advertising p a,
.loan-advertising ul a,
.loan-advertising li a,
.loan-advertising b a,
.loan-advertising em a,
.loan-advertising i a {
  text-decoration: underline;
  cursor: pointer;
  color: var(--secondary-80);
}
.loan-advertising p a:hover,
.loan-advertising ul a:hover,
.loan-advertising li a:hover,
.loan-advertising b a:hover,
.loan-advertising em a:hover,
.loan-advertising i a:hover {
  text-decoration: none;
}

.loan-contacts {
  background: none;
}
@media (max-width: 991px) {
  .loan-contacts {
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 480px) {
  .loan-contacts {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.loan-contacts.section-comunication .section-comunication-wrapper {
  border-radius: 24px;
  z-index: 1;
}
.loan-contacts.section-comunication .section-comunication-wrapper .bds-wrapper {
  max-width: 1110px;
}
.loan-contacts.section-comunication .section-comunication-wrapper:after {
  background-image: url(../images/Squircle-contatti.svg);
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
@media (max-width: 767px) {
  .loan-contacts.section-comunication {
    padding: 0;
    margin-bottom: 56px;
  }
  .loan-contacts.section-comunication .section-comunication-wrapper {
    border-radius: 0;
  }
  .loan-contacts.section-comunication .section-comunication-wrapper:after, .loan-contacts.section-comunication .section-comunication-wrapper:before {
    border-radius: 0;
  }
  .loan-contacts.section-comunication .bds-wrapper-big {
    padding: 0;
  }
}
.loan-contacts.section-comunication .section-comunication-wrapper::after {
  height: 285px;
  width: 340px;
}
@media (max-width: 767px) {
  .loan-contacts.section-comunication .section-comunication-wrapper::after {
    height: calc(100% - 50px) !important;
    background-position: right;
  }
}
@media (max-width: 992px) {
  .loan-contacts .wrapper-cards {
    gap: 15px;
  }
}
.loan-contacts .section-comunication-wrapper:before {
  border-radius: 24px;
  height: 285px !important;
  content: "";
  background-color: var(--primary-500) !important;
}
@media (max-width: 767px) {
  .loan-contacts .section-comunication-wrapper:before {
    height: calc(100% - 50px) !important;
  }
}
.loan-contacts h3,
.loan-contacts .loan-subtitle {
  color: #fff;
}
.loan-contacts.section-comunication .wrapper-title {
  padding-left: 25px;
  padding-right: 25px;
}
.loan-contacts.section-comunication .wrapper-title h3 {
  font-size: 36px;
  line-height: 48px;
  font-weight: normal;
}
@media (max-width: 767px) {
  .loan-contacts.section-comunication .wrapper-title h3 {
    height: auto;
    font-size: 28px;
    line-height: 36px;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .loan-contacts .wrapper-cards {
    flex-direction: column;
  }
}
.loan-contacts.section-comunication .wrapper-cards .generic-card {
  padding: 0;
  position: relative;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card.type-map .wrapper-logo-svg {
  bottom: 23px !important;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card.type-faq .wrapper-logo-svg {
  bottom: 10px !important;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card:hover .link-cta.link-cta-right-arrow:after {
  transform: translateX(5px) !important;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .logo {
  background-image: url(../images/bkg.contatti.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 153px;
  height: 104px;
  transition: 400ms linear;
  border-bottom-right-radius: 24px;
  opacity: 1;
}
@media (max-width: 992px) {
  .loan-contacts.section-comunication .wrapper-cards .generic-card .logo {
    transform: scale(0.7);
    transform-origin: bottom right;
    right: -6px;
    bottom: -6px;
  }
}
@media (max-width: 767px) {
  .loan-contacts.section-comunication .wrapper-cards .generic-card .logo {
    transform: scale(1);
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .loan-contacts.section-comunication .wrapper-cards .generic-card .logo {
    width: 135px;
    height: 100px;
    background-size: contain;
  }
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .text-content {
  position: relative;
  z-index: 2;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg {
  position: absolute;
  width: 60px;
  height: 60px;
  right: 32px;
  bottom: 18px;
  margin: 0;
}
@media (max-width: 767px) {
  .loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg {
    bottom: 14px;
    right: 27px;
  }
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg span {
  display: block;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg.chat .chat-1 {
  background-image: url(../images/svg-contatti/chat1.svg);
  width: 36px;
  height: 34px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 3px;
  left: 2px;
  transition: 400ms ease-in-out;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg.chat .chat-2 {
  background-image: url(../images/svg-contatti/chat2.svg);
  width: 37px;
  height: 37px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 400ms ease-in-out;
  transform-origin: center;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg.chat .chat-3 {
  background-image: url(../images/svg-contatti/chat3.svg);
  width: 14px;
  height: 7px;
  top: 12px;
  left: 12.5px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: 400ms ease-in-out;
  opacity: 0;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg.faq .faq-1 {
  background-image: url(../images/svg-contatti/faq.svg);
  top: 8px;
  left: 2px;
  width: 56px;
  position: absolute;
  height: 19px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg.faq .faq-2 {
  background-image: url(../images/svg-contatti/faq.svg);
  top: 50%;
  transform: translateY(-50%);
  left: 2px;
  width: 56px;
  position: absolute;
  height: 19px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: 400ms ease-in-out;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg.faq .faq-3 {
  background-image: url(../images/svg-contatti/faq.svg);
  bottom: 8px;
  left: 2px;
  width: 56px;
  position: absolute;
  height: 19px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg.map .map-1 {
  width: 38px;
  height: 35px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 0;
  right: 0;
  transition: 400ms ease-in-out;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg.map .map-1 * {
  transition: 400ms ease-in-out;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg.map .map-1 svg {
  width: 100%;
  height: 100%;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg.map .map-2 {
  background-image: url(../images/svg-contatti/map2.svg);
  width: 40px;
  height: 37px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
  position: absolute;
  top: -2px;
  right: -5px;
  transition: 400ms ease-in-out;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo-svg.map .map-3 {
  background-image: url(../images/svg-contatti/map3.svg);
  opacity: 0;
  transition: 400ms ease-in-out;
  width: 25px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
  position: absolute;
  top: 7px;
  left: 14px;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo {
  overflow: visible;
  background-color: var(--neutral-5);
  width: 150px;
  height: 94px;
  position: absolute;
  bottom: 0;
  transition: 400ms;
  right: 0;
  z-index: 1;
  border-top-left-radius: 500px;
  border-bottom-right-radius: 24px;
}
@media (max-width: 992px) {
  .loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo {
    width: 113px;
    height: 73px;
  }
}
@media (max-width: 767px) {
  .loan-contacts.section-comunication .wrapper-cards .generic-card .wrapper-logo {
    width: 135px;
    height: 94px;
  }
}
.loan-contacts.section-comunication .wrapper-cards .generic-card:hover .wrapper-logo {
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  border-top-left-radius: 24px;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card:hover .wrapper-logo .wrapper-logo-svg.faq .faq-2 {
  transform: translateY(-50%) translateX(4px);
}
.loan-contacts.section-comunication .wrapper-cards .generic-card:hover .wrapper-logo .wrapper-logo-svg.chat .chat-2 {
  transform: rotate(-13deg) translateY(-2px);
}
.loan-contacts.section-comunication .wrapper-cards .generic-card:hover .wrapper-logo .wrapper-logo-svg.chat .chat-3 {
  opacity: 1;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card:hover .wrapper-logo .wrapper-logo-svg.map .map-1 {
  width: 44px;
  height: 42px;
  transform: translateY(3px);
}
.loan-contacts.section-comunication .wrapper-cards .generic-card:hover .wrapper-logo .wrapper-logo-svg.map .map-1 svg {
  transform: translateX(-2px);
  width: 100%;
  height: 90%;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card:hover .wrapper-logo .wrapper-logo-svg.map .map-2 {
  top: -5px;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card:hover .wrapper-logo .wrapper-logo-svg.map .map-3 {
  opacity: 1;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card:hover .generic-card-wrapper span.link-cta.link-cta-icon:after {
  transform: translateX(5px);
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper {
  padding: 36px 33px 30px 30px !important;
  color: var(--primary-500);
  margin-top: 0 !important;
  display: block;
  padding: 0;
  margin-bottom: 20px;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper {
    padding: 20px !important;
  }
}
@media (max-width: 767px) {
  .loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper {
    padding: 32px 32px 32px 32px !important;
    margin-bottom: 0;
  }
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper h5 {
  color: var(--green-100);
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin-top: 8px;
  margin-bottom: 24px;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper span.link-cta {
  font-weight: 700;
  color: var(--accent-90);
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper span.link-cta.link-cta-icon:after {
  content: "\f105";
  font-family: fontawesome-alloy;
  padding-left: 10px;
  position: relative;
  left: 0;
  transition: all 1s ease;
  transform: translateX(0);
  vertical-align: baseline;
  display: inline-block;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper span.link-cta.link-cta-icon:hover::after {
  transform: translateX(5px);
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper span.link-cta.link-cta-right-arrow {
  position: relative;
  font-weight: bold;
  color: var(--accent-90);
}
@media (max-width: 992px) {
  .loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper span.link-cta.link-cta-right-arrow {
    padding-right: 25px;
  }
}
@media (max-width: 767px) {
  .loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper span.link-cta.link-cta-right-arrow {
    padding-right: 0;
  }
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper span.link-cta.link-cta-right-arrow:after {
  content: "";
  background-image: url("../images/icone-bper-2022/Icon-24pt-ArrowRight-orange.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  transform: translateX(0);
  transition: all 0.2s ease;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper span.link-cta.link-cta-right-arrow:hover {
  color: var(--accent-100);
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper span.link-cta.link-cta-right-arrow:hover::after {
  transform: translateX(5px);
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper span.link-cta.link-cta-right-arrow.white {
  color: #fff;
}
.loan-contacts.section-comunication .wrapper-cards .generic-card .generic-card-wrapper span.link-cta.link-cta-right-arrow.white:after {
  background-image: url("../images/svg/arrow-right-white.svg");
}
.loan-contacts .bds-wrapper .loan-title {
  text-align: center;
}
@media (max-width: 991px) {
  .loan-contacts .bds-wrapper .loan-title {
    text-align: left;
    padding-bottom: 10px;
  }
}
.loan-contacts .bds-wrapper .loan-subtitle {
  text-align: center;
}
.loan-contacts .bds-wrapper .contacts-area {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
}
@media (max-width: 991px) {
  .loan-contacts .bds-wrapper .contacts-area {
    display: block;
    float: left;
    width: 100%;
  }
}
.loan-contacts .bds-wrapper .contacts-area a {
  cursor: pointer;
}
.loan-contacts .bds-wrapper .contacts-area .contact-container {
  text-align: center;
  float: left;
  width: 25%;
  box-sizing: border-box;
  padding-top: 15px;
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  .loan-contacts .bds-wrapper .contacts-area .contact-container {
    width: 100%;
    margin: 0;
    text-align: left;
    display: flex;
    padding-bottom: 0;
    padding-top: 35px;
  }
  .loan-contacts .bds-wrapper .contacts-area .contact-container:last-child {
    padding-bottom: 60px;
  }
}
.loan-contacts .bds-wrapper .contacts-area .contact-container .contact-link-element {
  opacity: 0;
}
.loan-contacts .bds-wrapper .contacts-area .contact-container .contact-link-element.opacity {
  opacity: 1;
}
.loan-contacts .bds-wrapper .contacts-area .contact-container .logo {
  vertical-align: super;
}
@media (max-width: 991px) {
  .loan-contacts .bds-wrapper .contacts-area .contact-container.telephone {
    display: block;
  }
}
@media (max-width: 991px) {
  .loan-contacts .bds-wrapper .contacts-area .contact-container.telephone .link-cta {
    display: inline-block;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .loan-contacts .bds-wrapper .contacts-area .contact-container.telephone .name {
    display: none;
  }
}
.loan-contacts .bds-wrapper .contacts-area .contact-container.telephone .contact-link {
  display: block;
  text-align: center;
  padding-top: 0;
}
@media (max-width: 991px) {
  .loan-contacts .bds-wrapper .contacts-area .contact-container.telephone .contact-link {
    display: none;
  }
}
.loan-contacts .bds-wrapper .contacts-area .contact-container.telephone .tel {
  padding-left: 15px;
  white-space: nowrap;
  margin: auto;
  display: inline-block;
}
@media (min-width: 768px) and (max-width: 991px) {
  .loan-contacts .bds-wrapper .contacts-area .contact-container.telephone .tel {
    position: absolute;
    left: 25%;
    padding-left: 0;
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .loan-contacts .bds-wrapper .contacts-area .contact-container.telephone .tel {
    position: absolute;
    left: 35%;
    padding-left: 0;
    margin-top: 12px;
  }
}
.loan-contacts .bds-wrapper .contacts-area .contact-container a {
  color: #fff;
  float: left;
  display: block;
  width: 100%;
}
@media (max-width: 991px) {
  .loan-contacts .bds-wrapper .contacts-area .contact-container a {
    width: 100%;
  }
}
.loan-contacts .bds-wrapper .contacts-area .contact-container .name {
  font-size: 28px;
  margin-bottom: 5px;
  padding-top: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .loan-contacts .bds-wrapper .contacts-area .contact-container .name {
    left: 25%;
    padding-top: 0;
    position: absolute;
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .loan-contacts .bds-wrapper .contacts-area .contact-container .name {
    padding-top: 0;
    position: absolute;
    left: 35%;
    display: inline-block;
  }
}
.loan-contacts .bds-wrapper .contacts-area .contact-container .contact-link {
  white-space: inherit;
  float: left;
  display: block;
  width: 100%;
  text-align: center;
  word-break: break-all;
}
@media (max-width: 991px) {
  .loan-contacts .bds-wrapper .contacts-area .contact-container .contact-link {
    display: none;
  }
}
.loan-contacts .bds-wrapper .contacts-area .contact-container img {
  max-height: 55px;
}

@media (max-width: 991px) {
  html.mobile.touch.bper-safari-8 .loan-contacts .bds-wrapper .contacts-area .contact-container, html.mobile.touch.bper-safari-7 .loan-contacts .bds-wrapper .contacts-area .contact-container {
    float: left;
    display: block;
  }
  html.mobile.touch.bper-safari-8 .loan-contacts .bds-wrapper .contacts-area .contact-container .logo, html.mobile.touch.bper-safari-7 .loan-contacts .bds-wrapper .contacts-area .contact-container .logo {
    float: left;
    display: block;
  }
}

.app-download.with-cover-image {
  margin-bottom: 174px;
}
.app-download .image-container {
  background-color: var(--primary-400);
  border-radius: 24px;
  max-width: 60%;
  height: 536px;
  position: relative;
}
.app-download .image-container .image {
  border-radius: 24px;
  max-width: none;
  height: 100%;
  position: absolute;
  right: 0;
}
.app-download .text-container {
  position: absolute;
  top: 134px;
  right: 0;
  max-width: 60%;
  background: var(--primary-400);
  border-radius: 24px;
  padding: 56px 40px;
  color: #fff;
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
}
.app-download .text-container .title-container h3 {
  margin: 0;
  font-size: 28px;
  font-family: "Din-Bold", sans-serif;
  letter-spacing: 0;
  line-height: 36px;
}
.app-download .text-container .description-container {
  margin-top: 16px;
  font-size: 16px;
  line-height: 26px;
}
.app-download .text-container .description-container p,
.app-download .text-container .description-container li,
.app-download .text-container .description-container ul,
.app-download .text-container .description-container b {
  font-size: inherit;
  line-height: inherit;
}
.app-download .button-container {
  display: flex;
  column-gap: 22px;
  margin-top: 32px;
}
.app-download .app-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  border-radius: 24px;
  padding: 76px 90px 76px 32px;
  background-color: var(--primary-600);
  background-size: auto 224px;
}
.app-download .app-block .title h3 {
  margin: 0;
  font-size: 28px;
  font-family: "Din-Bold", sans-serif;
  letter-spacing: 0;
  line-height: 36px;
}
@media (max-width: 767px) {
  .app-download .image-container {
    border-radius: 0;
    height: 440px;
    max-width: calc(100% + 50px);
    display: flex;
    justify-content: center;
    margin-left: -25px;
    margin-right: -25px;
  }
  .app-download .image-container .image {
    transform: translate(-86px, 0);
    border-radius: 0;
    height: auto;
    max-height: 300px;
    position: relative;
    right: unset;
  }
  .app-download .text-container {
    margin: 0 25px;
    padding: 32px 24px;
    top: 254px;
    max-width: 100%;
  }
  .app-download .text-container .title-container h3 {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px;
  }
  .app-download .button-container {
    display: flex;
    flex-direction: column;
    row-gap: 22px;
    margin-top: 40px;
  }
  .app-download .app-block {
    padding: 40px 60px 40px 24px;
    background-size: auto 174px;
  }
  .app-download .app-block .title h3 {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px;
  }
}

.banner-three-columns {
  overflow: hidden;
  background-color: #08191e;
  color: #fff;
  padding-bottom: 25px;
  padding-top: 20px;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .banner-three-columns {
    padding-bottom: 50px;
    margin-bottom: 15px;
  }
}
@media (max-width: 480px) {
  .banner-three-columns {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.banner-three-columns .bper-wrapper .title {
  color: #11d0ce;
  margin-bottom: 35px;
}
@media (max-width: 991px) {
  .banner-three-columns .bper-wrapper .title {
    display: none;
  }
}
.banner-three-columns .bper-wrapper .column {
  background-color: #005D44;
  padding: 3px 30px 20px;
  margin-bottom: 30px;
  float: left;
  width: 100%;
}
@media (max-width: 991px) {
  .banner-three-columns .bper-wrapper .column {
    width: 100%;
  }
}
.banner-three-columns .bper-wrapper .column .column-text {
  background-color: inherit;
}
.banner-three-columns .bper-wrapper .column .column-text p {
  margin-bottom: 0;
}

.generic-service {
  overflow: hidden;
  color: #fff;
}
@media (min-width: 992px) {
  .generic-service {
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .generic-service {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .generic-service .bper-wrapper .services {
    display: flex;
  }
  .generic-service .bper-wrapper .services .col-xs-12.col-md-4 {
    display: flex;
  }
}
.generic-service .bper-wrapper .service-container {
  background-color: #005D44;
  position: relative;
  width: 100%;
}
@media (max-width: 991px) {
  .generic-service .bper-wrapper .service-container {
    margin-bottom: 10px;
  }
}
.generic-service .bper-wrapper .service-container.black {
  background-color: black;
}
.generic-service .bper-wrapper .service-container .image-container {
  background-size: cover;
  height: 270px;
  background-position: center;
}
@media (max-width: 991px) {
  .generic-service .bper-wrapper .service-container .image-container {
    height: auto;
  }
  .generic-service .bper-wrapper .service-container .image-container::after {
    height: auto;
    display: block;
    content: "";
    padding-top: 72%;
  }
}
.generic-service .bper-wrapper .service-container .text-container {
  padding-left: 30px;
  padding-right: 30px;
  height: 100%;
}
.generic-service .bper-wrapper .service-container .text-container .title {
  margin-top: 30px;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .generic-service .bper-wrapper .service-container .text-container .title {
    margin-bottom: 10px;
  }
}
.generic-service .bper-wrapper .service-container .text-container .subtitle {
  padding-bottom: 55px;
}
@media (max-width: 991px) {
  .generic-service .bper-wrapper .service-container .text-container .subtitle {
    padding-bottom: 50px;
  }
}
.generic-service .bper-wrapper .service-container .link-container {
  position: absolute;
  bottom: 25px;
  right: 30px;
}
@media (max-width: 991px) {
  .generic-service .bper-wrapper .service-container .link-container {
    right: 25px;
  }
}
.generic-service .bper-wrapper .service-container .link-container a.blue {
  color: #11d0ce;
}
.generic-service .bper-wrapper .service-container .link-container a.blue:hover {
  color: #ea862c;
}

.people-wall {
  overflow: hidden;
  background-color: #071d1f;
  color: #fff;
}
.people-wall .title {
  color: #11d0ce;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .people-wall .title {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .people-wall .title {
    display: block;
    width: 83%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 991px) {
  .people-wall .scrollable {
    overflow-x: auto;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .people-wall .scrollable {
    overflow-x: auto;
    width: 290px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 991px) {
  .people-wall .scrollable .elements-container {
    display: flex;
    position: relative;
  }
  .people-wall .scrollable .elements-container .col-md-3:first-child {
    padding-left: 0;
  }
  .people-wall .scrollable .elements-container .col-md-3:last-child {
    padding-right: 0;
  }
}
.people-wall .profile {
  height: auto;
  background-size: cover;
  margin-bottom: 30px;
  background-position: center;
}
.people-wall .profile::after {
  height: auto;
  content: "";
  display: block;
  padding-top: 100%;
}
@media (max-width: 991px) {
  .people-wall .profile {
    width: 290px;
    margin-bottom: 0;
  }
}
.people-wall .description {
  padding-top: 10px;
}
@media (max-width: 991px) {
  .people-wall .description {
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .people-wall .description {
    width: 83%;
    margin-left: auto;
    margin-right: auto;
  }
}
.people-wall .link-container {
  text-align: right;
  padding-top: 25px;
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  .people-wall .link-container {
    padding-top: 15px;
    padding-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .people-wall .link-container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.people-wall .link-container a {
  color: #11d0ce;
}
.people-wall .link-container a:hover {
  color: #ea862c;
}

.simple-element-list {
  overflow: hidden;
  color: #fff;
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .simple-element-list {
    margin-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .simple-element-list .bper-wrapper .blocks-container {
    display: flex;
  }
}
.simple-element-list .bper-wrapper .blocks-container .left-block {
  background-color: var(--primary-400);
  margin-right: -15px;
  margin-left: calc((100vw - 1170px) / -2);
  padding: 80px 80px 80px calc((100vw - 1170px) / 2);
  overflow: hidden;
  height: 100%;
}
@media (max-width: 1199px) {
  .simple-element-list .bper-wrapper .blocks-container .left-block {
    margin-left: -30px;
    margin-right: -30px;
    padding: 56px 55px;
  }
}
.simple-element-list .bper-wrapper .blocks-container .left-block .left-title {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 40px;
}
.simple-element-list .bper-wrapper .blocks-container .left-block .left-description {
  margin-top: 0;
  font-size: 18px;
  line-height: 26px;
}
.simple-element-list .bper-wrapper .blocks-container .left-block .left-description ul {
  padding-left: 16px;
}
.simple-element-list .bper-wrapper .blocks-container .right-block {
  background-color: var(--primary-600);
  margin-left: -15px;
  margin-right: calc((100vw - 1170px) / -2);
  padding: 80px calc((100vw - 1170px) / 2) 80px 80px;
  overflow: hidden;
  height: 100%;
}
@media (max-width: 1199px) {
  .simple-element-list .bper-wrapper .blocks-container .right-block {
    margin-left: -30px;
    margin-right: -30px;
    padding: 56px 55px;
  }
}
.simple-element-list .bper-wrapper .blocks-container .right-block .right-title {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 40px;
}
.simple-element-list .bper-wrapper .blocks-container .right-block .right-description {
  margin-top: 0;
  font-size: 18px;
  line-height: 26px;
}
.simple-element-list .bper-wrapper .blocks-container .right-block .right-description ul {
  padding-left: 16px;
}

.simple-element-list-with-link {
  overflow: hidden;
}
.simple-element-list-with-link.default {
  color: #fff;
}
.simple-element-list-with-link.default .left-block {
  background-color: var(--primary-400);
}
.simple-element-list-with-link.default .right-block {
  background-color: var(--primary-600);
}
.simple-element-list-with-link.default .right-link a.link-cta,
.simple-element-list-with-link.default .left-link a.link-cta {
  color: #fff;
}
.simple-element-list-with-link.alternate .left-block {
  background-color: var(--primary-600);
  color: #fff;
}
.simple-element-list-with-link.alternate .left-block .left-link a.link-cta {
  color: #fff;
}
.simple-element-list-with-link.alternate .right-block {
  background-color: #fff;
  color: var(--green-black);
}
@media (max-width: 480px) {
  .simple-element-list-with-link {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .simple-element-list-with-link .bper-wrapper .blocks-container {
    display: flex;
  }
}
.simple-element-list-with-link .bper-wrapper .blocks-container .left-block {
  margin-right: -15px;
  margin-left: calc((100vw - 1170px) / -2);
  padding: 80px 80px 80px calc((100vw - 1170px) / 2);
  overflow: hidden;
  height: 100%;
}
@media (max-width: 1199px) {
  .simple-element-list-with-link .bper-wrapper .blocks-container .left-block {
    margin-left: -30px;
    margin-right: -30px;
    padding: 56px 55px;
  }
}
.simple-element-list-with-link .bper-wrapper .blocks-container .left-block .left-title {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 40px;
}
.simple-element-list-with-link .bper-wrapper .blocks-container .left-block .left-title p {
  line-height: inherit;
}
.simple-element-list-with-link .bper-wrapper .blocks-container .left-block .left-description {
  margin-top: 0;
  font-size: 18px;
  line-height: 26px;
}
.simple-element-list-with-link .bper-wrapper .blocks-container .left-block .left-link {
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 38px;
}
@media (max-width: 1200px) {
  .simple-element-list-with-link .bper-wrapper .blocks-container .left-block .left-link {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
}
.simple-element-list-with-link .bper-wrapper .blocks-container .left-block .left-link-left {
  white-space: initial;
}
@media (max-width: 1200px) {
  .simple-element-list-with-link .bper-wrapper .blocks-container .left-block .left-link-left {
    margin-bottom: 32px;
  }
}
.simple-element-list-with-link .bper-wrapper .blocks-container .left-block .left-link-right {
  white-space: initial;
}
.simple-element-list-with-link .bper-wrapper .blocks-container .right-block {
  margin-left: -15px;
  margin-right: calc((100vw - 1170px) / -2);
  padding: 80px calc((100vw - 1170px) / 2) 80px 80px;
  overflow: hidden;
  height: 100%;
}
@media (max-width: 1199px) {
  .simple-element-list-with-link .bper-wrapper .blocks-container .right-block {
    margin-left: -30px;
    margin-right: -30px;
    padding: 56px 55px;
  }
}
.simple-element-list-with-link .bper-wrapper .blocks-container .right-block .right-title {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 40px;
}
.simple-element-list-with-link .bper-wrapper .blocks-container .right-block .right-title p {
  line-height: inherit;
}
.simple-element-list-with-link .bper-wrapper .blocks-container .right-block .right-description {
  margin-top: 0;
  font-size: 18px;
  line-height: 26px;
}
.simple-element-list-with-link .bper-wrapper .blocks-container .right-block .right-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
  margin-top: 38px;
}
@media (max-width: 1200px) {
  .simple-element-list-with-link .bper-wrapper .blocks-container .right-block .right-link {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
}
@media (max-width: 376px) {
  .simple-element-list-with-link .bper-wrapper .blocks-container .right-block .right-link {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
.simple-element-list-with-link .bper-wrapper .blocks-container .right-block .right-link-left {
  white-space: initial;
}
@media (max-width: 1200px) {
  .simple-element-list-with-link .bper-wrapper .blocks-container .right-block .right-link-left {
    text-align: right;
  }
}
.simple-element-list-with-link .bper-wrapper .blocks-container .right-block .right-link-right {
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .simple-element-list-with-link .bper-wrapper .blocks-container .right-block .right-link-right {
    white-space: initial;
  }
}
.simple-element-list-with-link .bper-wrapper .blocks-container .right-link img,
.simple-element-list-with-link .bper-wrapper .blocks-container .left-link img {
  max-width: 26px;
  max-height: 26px;
  margin-right: 10px;
}
.simple-element-list-with-link .bper-wrapper .blocks-container .right-link a.link-cta,
.simple-element-list-with-link .bper-wrapper .blocks-container .left-link a.link-cta {
  letter-spacing: -0.4px;
  font-family: "Din-Bold", sans-serif;
}

.faq-detail {
  overflow: hidden;
}
.faq-detail .question-container {
  font-size: 60px;
  line-height: 1;
  font-family: "Din-Bold", sans-serif;
  margin-bottom: 65px;
  width: 70%;
}
@media (max-width: 767px) {
  .faq-detail .question-container {
    font-size: 35px;
    margin-bottom: 30px;
    width: 100%;
  }
}
.faq-detail .question-container * {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.faq-detail .image-container {
  background-size: cover;
  background-position: center;
}
.faq-detail .image-container:after {
  content: "";
  display: block;
  padding-top: 70%;
}
.faq-detail .name {
  color: #64B054;
  margin-bottom: 0;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .faq-detail .name {
    margin-top: 30px;
  }
}
.faq-detail .answer-container {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .faq-detail .answer-container {
    margin-top: 35px;
  }
}

.faq {
  overflow: hidden;
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .faq {
    margin-bottom: 35px;
    padding: 0 10px;
  }
}
@media (max-width: 991px) {
  .faq .bper-wrapper {
    margin-right: 0;
    padding-right: 0;
  }
}
.faq .asset-title {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .faq .asset-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .faq .scrollable {
    overflow-x: auto;
    margin: 0;
  }
}
.faq .scrollable .element-container {
  display: flex;
}
@media (max-width: 991px) {
  .faq .scrollable .element-container {
    position: relative;
    width: 1033px;
  }
  .faq .scrollable .element-container .col-xs-4 {
    padding: 0;
    margin-right: 20px;
  }
  .faq .scrollable .element-container .col-xs-4:last-child {
    padding-right: 0;
  }
}
.faq .scrollable .element-container .col-xs-4 {
  display: flex;
}
.faq .scrollable .element-container .element {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}
.faq .scrollable .element-container .element .image-container {
  background-size: cover;
  background-position-x: 50%;
  background-position-y: 50%;
}
.faq .scrollable .element-container .element .image-container::after {
  content: "";
  display: block;
  padding-top: 100%;
}
@media (max-width: 991px) {
  .faq .scrollable .element-container .element .image-container {
    display: none;
  }
}
.faq .scrollable .element-container .element .name-container {
  background: transparent;
  margin-top: -160px;
  margin-bottom: 20px;
  text-align: center;
  opacity: 0;
}
@media (max-width: 1199px) {
  .faq .scrollable .element-container .element .name-container {
    margin-top: -125px;
  }
}
@media (max-width: 991px) {
  .faq .scrollable .element-container .element .name-container {
    display: none;
  }
}
.faq .scrollable .element-container .element .question-container {
  background-color: #005D44;
  color: #fff;
  width: 90%;
  margin: auto;
  padding: 20px 30px 15px;
  flex-grow: 1;
}
@media (max-width: 991px) {
  .faq .scrollable .element-container .element .question-container {
    margin: 0;
    width: 331px;
  }
}
.faq .scrollable .element-container .element .question-container .question {
  margin-bottom: 45px;
  line-height: 1.2;
}
.faq .scrollable .element-container .element .question-container .question p {
  line-height: inherit;
}
.faq .scrollable .element-container .element .question-container .button-container {
  position: absolute;
  right: 60px;
  bottom: 15px;
}
@media (max-width: 991px) {
  .faq .scrollable .element-container .element .question-container .button-container {
    right: 40px;
  }
}
.faq .page-link {
  text-align: right;
  padding-top: 35px;
}
@media (max-width: 991px) {
  .faq .page-link {
    padding-top: 25px;
    margin-right: 12px;
  }
}

body.fixedTopProductNavbar .product-list .product-navbar.product-navbar-sticky {
  position: fixed;
  z-index: 9999;
  left: 0 !important;
  width: 100%;
  position: fixed;
  background: var(--primary-10) 0% 0% no-repeat padding-box;
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16) !important;
  display: block !important;
  opacity: 1;
  margin: 0;
  height: 50px;
  transform: translateY(-1px);
}
body.fixedTopProductNavbar .product-list .product-navbar.product-navbar-sticky .menu {
  height: 50px;
}
body.fixedTopProductNavbar .product-list .product-navbar.product-navbar-sticky .menu .link-parent {
  height: 50px;
  line-height: 50px;
  min-width: fit-content;
}
body.fixedTopProductNavbar .product-list .product-navbar.product-navbar-sticky .menu .link-parent .link {
  height: 50px;
  white-space: nowrap;
  line-height: 50px !important;
}
body.fixedTopProductNavbar .product-navbar {
  opacity: 0;
}

.product-list {
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .product-list .bper-wrapper {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (max-width: 1199px) {
  .product-list {
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
    margin-bottom: 5px;
  }
}
.product-list .product-navbar {
  box-shadow: none !important;
  border: none !important;
  background-color: var(--primary-10);
  overflow: hidden;
  overflow-x: auto;
  display: block;
  padding: 0;
  width: 100%;
  overflow: hidden;
  margin: 0;
  height: 80px;
  display: block;
}
.product-list .product-navbar.mobile {
  display: block !important;
}
.product-list .product-navbar.fixed {
  left: 0;
  background-color: #fff;
  z-index: 1000;
  position: fixed;
  width: 100%;
}
.product-list .product-navbar .menu {
  padding-top: 0;
  display: flex;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  /* Firefox */
}
.product-list .product-navbar .menu:-webkit-scrollbar {
  display: none;
}
.product-list .product-navbar .link {
  height: 80px;
  line-height: 100px !important;
  margin: 0 !important;
  font-size: 18px;
  line-height: 26px;
  display: ruby;
}
.product-list .product-navbar.bottom {
  position: relative;
  left: 0 !important;
}
.product-list .product-navbar .menu {
  padding-top: 10px;
  float: left;
  overflow-x: auto;
  overflow-y: hidden;
  align-items: center;
  height: 80px;
  display: flex;
  width: 100%;
}
.product-list .product-navbar .menu .link-parent {
  display: block;
  float: left;
  cursor: pointer;
  position: relative;
  margin-right: 40px;
  height: 80px;
  line-height: 80px;
}
.product-list .product-navbar .menu .link-parent:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 36px;
  background: var(--secondary-80);
  height: 2px;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%);
}
.product-list .product-navbar .menu .link-parent .link {
  color: #015256;
  line-height: 45px;
  display: ruby;
  white-space: nowrap;
  width: auto;
}
.product-list .product-navbar .menu .link-parent:hover, .product-list .product-navbar .menu .link-parent.active {
  color: var(--secondary-80);
}
.product-list .product-navbar .menu .link-parent:hover:after, .product-list .product-navbar .menu .link-parent.active:after {
  opacity: 1;
}
.product-list .product-navbar .menu .link-parent:hover .link, .product-list .product-navbar .menu .link-parent.active .link {
  color: var(--secondary-80);
}
.product-list .product-navbar.product-navbar-sticky {
  display: none !important;
}
.product-list .bper-wrapper .external .category-description {
  padding-top: 30px;
  padding-bottom: 20px;
}
@media (max-width: 1199px) {
  .product-list .bper-wrapper .external .category-description {
    padding-bottom: 10px;
  }
}
.product-list .bper-wrapper .external .blocks-area .element {
  margin-bottom: 15px;
}
.product-list .bper-wrapper .external .blocks-area .element:nth-child(3n+1) {
  clear: left;
}
.product-list .bper-wrapper .external .blocks-area .block {
  padding-bottom: 50px;
  margin-top: 20px;
  float: left;
  padding-top: 24px;
  border-bottom: 1px solid #ddd;
  width: 100%;
}
@media (max-width: 1199px) {
  .product-list .bper-wrapper .external .blocks-area .block {
    padding-bottom: 24px;
    margin-top: 12px;
  }
}
.product-list .bper-wrapper .external .blocks-area .block:first-child {
  padding-top: 0;
}
.product-list .bper-wrapper .external .blocks-area .block .block-column {
  padding: 0;
}
.product-list .bper-wrapper .external .blocks-area .block .block-column + .row {
  float: left;
  width: calc(100% + 30px);
}
.product-list .bper-wrapper .external .blocks-area .block .block-title {
  padding-top: 0;
  color: var(--primary-600);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0px;
}
.product-list .bper-wrapper .external .blocks-area .block .block-subtitle {
  margin-top: 0;
  margin-bottom: 12px;
  color: var(--primary-600);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  margin-bottom: 10px;
}
.product-list .bper-wrapper .external .blocks-area .block .block-description {
  text-align: left;
  font-weight: 400;
  color: var(--neutral-100);
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  letter-spacing: 0px;
}
.product-list .bper-wrapper .external .blocks-area .block .product {
  padding-top: 15px;
  height: 100%;
}
.product-list .bper-wrapper .external .blocks-area .block .product > a {
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
  padding: 25px;
  padding-bottom: 32px;
  border-radius: 24px;
  display: block;
  width: 100%;
  height: inherit;
}
.product-list .bper-wrapper .external .blocks-area .block .product > a:hover {
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.32);
}
.product-list .bper-wrapper .external .blocks-area .block .product > a:hover .product-title {
  color: var(--secondary-80) !important;
}
@media (max-width: 1199px) {
  .product-list .bper-wrapper .external .blocks-area .block .product > a {
    padding-bottom: 38px;
  }
}
@media (max-width: 767px) {
  .product-list .bper-wrapper .external .blocks-area .block .product > a .wrapper-product {
    height: auto !important;
  }
}
@media (max-width: 1199px) {
  .product-list .bper-wrapper .external .blocks-area .block .product {
    padding-top: 0;
    padding-bottom: 20px;
  }
}
.product-list .bper-wrapper .external .blocks-area .block .product .product-image {
  background-size: cover;
  background-position: center;
  margin-bottom: 35px;
  border-radius: 12px !important;
  width: 100%;
  box-shadow: 0px 3px 6px rgba(7, 29, 31, 0.06) !important;
}
.product-list .bper-wrapper .external .blocks-area .block .product .product-image::after {
  content: "";
  display: block;
  padding-top: 61%;
}
@media (max-width: 1199px) {
  .product-list .bper-wrapper .external .blocks-area .block .product .product-image {
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 28px;
  }
}
.product-list .bper-wrapper .external .blocks-area .block .product .product-text-area {
  width: 100%;
}
@media (max-width: 1199px) {
  .product-list .bper-wrapper .external .blocks-area .block .product .product-text-area {
    display: inline-block;
  }
}
.product-list .bper-wrapper .external .blocks-area .block .product .product-text-area .tag-wrapper {
  width: 100%;
  float: left;
  clear: both;
}
@media (max-width: 767px) {
  .product-list .bper-wrapper .external .blocks-area .block .product .product-text-area .tag-wrapper {
    height: auto !important;
  }
}
.product-list .bper-wrapper .external .blocks-area .block .product .product-text-area .tag-wrapper .tag {
  background: var(--primary-20) 0% 0% no-repeat padding-box;
  border-radius: 12px;
  line-height: 32px;
  color: var(--primary-400);
  text-align: left;
  font-size: 14px;
  line-height: 32px;
  letter-spacing: 0px;
  padding: 0 16px;
  margin-bottom: 16px;
  width: auto;
  float: left;
  clear: both;
}
@media (max-width: 1199px) {
  .product-list .bper-wrapper .external .blocks-area .block .product .product-text-area .tag-wrapper .tag {
    margin-bottom: 14px;
  }
}
.product-list .bper-wrapper .external .blocks-area .block .product .product-text-area .product-title {
  color: var(--primary-400);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
  margin-top: 0;
  letter-spacing: 0px;
}
.product-list .bper-wrapper .external .blocks-area .block .product .product-text-area .product-title + .product-description {
  margin-bottom: 7px;
}
.product-list .bper-wrapper .external .blocks-area .block .product .product-text-area .product-title + .product-description p {
  margin: 0;
}
.product-list .bper-wrapper .external .blocks-area .block .product .product-text-area .product-description {
  font-weight: 400;
  color: var(--neutral-100);
  text-align: left;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
}
.product-list.padding-solo-testo .bper-wrapper .external .blocks-area .block .product > a {
  width: 100%;
  padding: 0 0 25px 0;
  overflow: hidden;
}
.product-list.padding-solo-testo .bper-wrapper .external .blocks-area .block .product > a .product-image {
  box-shadow: none !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.product-list.padding-solo-testo .bper-wrapper .external .blocks-area .block .product > a .product-image:after {
  padding-top: 140px;
}
.product-list.padding-solo-testo .bper-wrapper .external .blocks-area .block .product > a .product-text-area {
  padding: 0 25px;
}

.product-list-adt {
  /*overflow: hidden;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 60px;

  @media (max-width: $screen-md-max) {
  	padding-left: calc((100vw - 1170px) / -40);
  	padding-right: calc((100vw - 1170px) / -40);
  	margin-bottom: 5px;
  }

  .category-description {
  	padding-top: 30px;
  	padding-bottom: 20px;

  	@media (max-width: $screen-md-max) {
  		padding-bottom: 10px;
  	}
  }

  .blocks-area {
  	.element {
  		&:nth-child(2n + 1) {
  			clear: left;
  		}
  	}

  	.block {
  		padding-top: 10px;
  		border-bottom: 1px solid $bper-grey-line;

  		@media (max-width: $screen-md-max) {
  			margin-left: 15px;
  			margin-right: 15px;
  			padding-bottom: 10px;
  		}

  		&:first-child {
  			padding-top: 0;
  		}

  		&:last-child {
  			border-bottom: none;
  		}

  		.block-column {
  			padding: 0;
  		}

  		.block-title {
  			padding-top: 30px;
  			margin-bottom: -1px;
  			text-transform: uppercase;

  			@media (max-width: $screen-md-max) {
  				padding-top: 0;
  			}
  		}

  		&:first-child {
  			.block-title {
  				padding-top: 0;
  				margin-bottom: 0;
  			}
  		}

  		.block-subtitle {
  			margin-top: 0;
  			margin-bottom: 12px;

  			@media (max-width: $screen-md-max) {
  				margin-bottom: 20px;
  			}
  		}

  		.block-description {
  			margin-bottom: 15px;

  			@media (max-width: $screen-md-max) {
  				margin-bottom: 30px;
  			}
  		}

  		.product {
  			padding-top: 15px;

  			&>a {
  				background: $bper-white 0% 0% no-repeat padding-box;
  				box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
  				padding: 25px;
  				padding-bottom: 50px;
  				border-radius: 24px;
  				display: block;
  				width: 100%;

  				&:hover {
  					box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.32);

  					.product-title {
  						color: var(--accent-90) !important;
  					}
  				}
  			}

  			@media (max-width: $screen-md-max) {
  				padding-top: 0;
  				padding-bottom: 32px;
  			}

  			&.left {
  				padding-right: 15px;

  				@media (max-width: $screen-md-max) {
  					padding-right: 0;
  				}
  			}

  			&.right {
  				padding-left: 15px;

  				@media (max-width: $screen-md-max) {
  					padding-left: 0;
  				}
  			}

  			.product-image {
  				background-size: cover;
  				background-position: center;

  				&::after {
  					content: "";
  					display: block;
  					padding-top: 61%;
  				}

  				@media (max-width: $screen-md-max) {
  					width: 100%;
  					height: 220px;
  				}
  			}

  			.product-text-area {
  				width: 95%;
  				text-align: left;

  				@media (max-width: $screen-md-max) {
  					display: inline-block;
  				}

  				.product-title {
  					color: $bper-green;
  					padding-left: 15px;
  					margin-top: 30px;
  					margin-bottom: 5px;

  					@media (max-width: $screen-md-max) {
  						margin-top: 26px;
  						margin-bottom: 6px;
  					}
  				}

  				.product-description {
  					margin-bottom: 18px;
  					padding-left: 15px;
  					color: $text-color;
  					font-weight: normal;

  					@media (max-width: $screen-md-max) {
  						margin-bottom: 0;
  					}
  				}
  			}
  		}
  	}
  }*/
}

.rich-navigation-menu-adt {
  float: left;
  width: 100%;
  margin-bottom: 40px;
  /*div.even {
  	padding-left: 0;
  	clear: left;

  	@media (max-width: 992px) {
  		padding-left: 0;
  		padding-right: 0;
  	}
  }

  div.odd {
  	padding-right: 0;

  	@media (max-width: 992px) {
  		padding-left: 0;
  		padding-right: 0;
  	}
  }*/
}
.rich-navigation-menu-adt .slick-track {
  display: flex;
  margin-bottom: 30px;
}
.rich-navigation-menu-adt h4.wrapper-subtitle {
  line-height: 19px;
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 10px;
  color: var(--secondary-80);
}
.rich-navigation-menu-adt .rich-navigation-description h3 + p {
  margin-bottom: 24px;
}
.rich-navigation-menu-adt .rich-navigation-description .link-cta {
  margin-top: auto !important;
}
.rich-navigation-menu-adt .rich-navigation-item {
  box-shadow: 0 12px 24px rgba(126, 140, 141, 0.32);
}
.rich-navigation-menu-adt .rich-navigation-description {
  padding-bottom: 32px !important;
  height: calc(100% - 140px);
  display: flex;
  flex-direction: column;
}
@media (max-width: 480px) {
  .rich-navigation-menu-adt.rich-navigation-carousel.product.type-offerta .bper-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .rich-navigation-menu-adt.rich-navigation-carousel.product.type-offerta .slick-dots {
    bottom: -10px;
  }
}
.rich-navigation-menu-adt.rich-navigation-carousel.product.type-offerta .rich-navigation-description {
  border: none !important;
}
@media (max-width: 480px) {
  .rich-navigation-menu-adt .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 767px) {
  .rich-navigation-menu-adt {
    padding-left: 0;
    padding-right: 0;
  }
  .rich-navigation-menu-adt .bper-wrapper-big {
    padding: 0;
  }
}
.rich-navigation-menu-adt .rich-navigation-description h3 {
  font-family: "Din-Bold", sans-serif;
}
@media (max-width: 767px) {
  .rich-navigation-menu-adt:not(.product).rich-navigation-item-wrapper:not(.slick-slide) .rich-navigation-description h3 {
    height: auto !important;
  }
}
.rich-navigation-menu-adt.rich-navigation-white .rich-navigation-item {
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
  border-radius: 24px;
}
.rich-navigation-menu-adt.rich-navigation-white .rich-navigation-item .rich-navigation-description h4 {
  color: var(--primary-400);
}
.rich-navigation-menu-adt.rich-navigation-white .rich-navigation-item .rich-navigation-description h3 {
  color: var(--primary-400);
}
.rich-navigation-menu-adt.rich-navigation-white .rich-navigation-item .rich-navigation-description p {
  color: var(--green-100);
}
.rich-navigation-menu-adt.rich-navigation-white .rich-navigation-description .link-cta {
  color: var(--secondary-80);
}
.rich-navigation-menu-adt.rich-navigation-white .rich-navigation-description .link-cta:hover {
  color: var(--secondary-80);
}
.rich-navigation-menu-adt.rich-navigation-carousel {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .rich-navigation-menu-adt.rich-navigation-carousel {
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .rich-navigation-menu-adt.rich-navigation-carousel .bper-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.rich-navigation-menu-adt.rich-navigation-carousel .slick-dots {
  bottom: -20px;
}
@media (max-width: 767px) {
  .rich-navigation-menu-adt.rich-navigation-carousel .slick-dots {
    bottom: 0;
  }
}
.rich-navigation-menu-adt.rich-navigation-carousel .slick-prev {
  left: -80px;
}
@media (max-width: 1400px) {
  .rich-navigation-menu-adt.rich-navigation-carousel .slick-prev {
    left: -40px;
  }
}
@media (max-width: 1400px) {
  .rich-navigation-menu-adt.rich-navigation-carousel .slick-prev {
    display: none !important;
  }
}
.rich-navigation-menu-adt.rich-navigation-carousel .slick-prev:before {
  color: var(--secondary-70);
}
.rich-navigation-menu-adt.rich-navigation-carousel .slick-next {
  right: -80px;
}
@media (max-width: 1400px) {
  .rich-navigation-menu-adt.rich-navigation-carousel .slick-next {
    right: -40px;
  }
}
@media (max-width: 1400px) {
  .rich-navigation-menu-adt.rich-navigation-carousel .slick-next {
    display: none !important;
  }
}
.rich-navigation-menu-adt.rich-navigation-carousel .slick-next:before {
  color: var(--secondary-70);
}
.rich-navigation-menu-adt.rich-navigation-carousel .slick-slide {
  padding: 0 15px 15px;
  margin-left: 0 !important;
}
.rich-navigation-menu-adt.rich-navigation-carousel .n-elements-3, .rich-navigation-menu-adt.rich-navigation-carousel .n-elements-2, .rich-navigation-menu-adt.rich-navigation-carousel n-elements-1 {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .rich-navigation-menu-adt.rich-navigation-carousel .n-elements-3, .rich-navigation-menu-adt.rich-navigation-carousel .n-elements-2, .rich-navigation-menu-adt.rich-navigation-carousel n-elements-1 {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .rich-navigation-menu-adt.rich-navigation-carousel .n-elements-3.rich-navigation-list-image {
    padding: 0 25px !important;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .rich-navigation-menu-adt.rich-navigation-carousel .n-elements-3.rich-navigation-list-image .slider {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .rich-navigation-menu-adt.rich-navigation-carousel .n-elements-3.rich-navigation-list-image .slider .rich-navigation-item-wrapper {
    margin-bottom: 30px;
    width: 100%;
  }
}
.rich-navigation-menu-adt .wc-title {
  margin-top: 0;
}
.rich-navigation-menu-adt .rich-navigation-item {
  padding: 0;
  margin-bottom: 30px;
  border-radius: 24px;
  box-shadow: 0 12px 24px rgba(126, 140, 141, 0.16);
  height: calc(100% - 30px);
}
@media (max-width: 992px) {
  .rich-navigation-menu-adt .rich-navigation-item {
    margin-bottom: 15px;
  }
}
.rich-navigation-menu-adt .rich-navigation-item.bper-wrapper-inverse {
  margin-bottom: 30px;
  height: calc(100% - 30px);
}
@media (max-width: 992px) {
  .rich-navigation-menu-adt .rich-navigation-item.bper-wrapper-inverse {
    margin-bottom: 32px;
  }
}
.rich-navigation-menu-adt .rich-navigation-item-img {
  background-position: top center;
  background-size: cover;
  position: relative;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.rich-navigation-menu-adt .rich-navigation-item-img:after {
  content: "";
  display: block;
  height: 140px;
}
.rich-navigation-menu-adt .rich-navigation-item-img > a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
}
.rich-navigation-menu-adt .rich-navigation-item-img .tag {
  position: absolute;
  top: 24px;
  padding: 0 15px;
  background-color: var(--warning-30) !important;
  color: #fff;
  float: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.rich-navigation-menu-adt .keyword-icona {
  position: absolute;
  top: 0;
  left: 25px;
  border-radius: 16px;
  width: 64px;
  height: 64px;
  background: transparent linear-gradient(180deg, #9ECC95 0%, #64B054 100%) 0% 0% no-repeat padding-box;
  transform: translateY(-50%);
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
}
.rich-navigation-menu-adt .keyword-icona img {
  width: 48px;
  height: auto;
  max-height: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.rich-navigation-menu-adt .rich-navigation-description {
  position: relative;
  padding: 32px 24px 40px 24px;
}
@media (max-width: 767px) {
  .rich-navigation-menu-adt .rich-navigation-description {
    padding-bottom: 32px;
  }
}
.rich-navigation-menu-adt .rich-navigation-description.is-icon {
  padding-top: 52px;
}
.rich-navigation-menu-adt .rich-navigation-description p {
  min-height: 0;
  margin-bottom: 0;
}
.rich-navigation-menu-adt .rich-navigation-description h3 {
  margin: 0;
  letter-spacing: 0px;
  color: #fff;
  text-align: left;
  font-family: "Din-Bold";
  font-size: 28px;
  line-height: 36px;
}
.rich-navigation-menu-adt .rich-navigation-description h3 + p {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .rich-navigation-menu-adt .rich-navigation-description h3 + p {
    height: auto !important;
  }
}
.rich-navigation-menu-adt .rich-navigation-description .link-cta-main {
  margin-top: 20px;
  display: block;
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
  color: #fff;
  opacity: 1;
  margin-top: 24px;
}
.rich-navigation-menu-adt .col-md-4:nth-child(3n+1) {
  clear: left;
}
.rich-navigation-menu-adt .rich-navigation-list .col-md-4,
.rich-navigation-menu-adt .rich-navigation-list .col-md-6 {
  padding-left: 15px;
  padding-right: 15px;
  /*&:first-child {
  	padding-left: 0;
  }
  &:last-child {
  	padding-right: 0;
  }*/
}
.rich-navigation-menu-adt .rich-navigation-list .col-md-4:nth-child(3n+1) {
  padding-left: 0;
}
.rich-navigation-menu-adt .rich-navigation-list .col-md-4:nth-child(3n+3) {
  padding-right: 0;
}
.rich-navigation-menu-adt .rich-navigation-list .col-md-6:nth-child(2n+1) {
  padding-left: 0;
}
.rich-navigation-menu-adt .rich-navigation-list .col-md-6:nth-child(2n+2) {
  padding-right: 0;
}
.rich-navigation-menu-adt .rich-navigation-list .col-md-3:nth-child(3n+1) {
  padding-left: 0;
}
.rich-navigation-menu-adt .rich-navigation-list .col-md-3:nth-child(3n+3) {
  padding-right: 0;
}
@media (max-width: 992px) {
  .rich-navigation-menu-adt .rich-navigation-list .col-md-4,
  .rich-navigation-menu-adt .rich-navigation-list .col-md-6,
  .rich-navigation-menu-adt .rich-navigation-list .col-md-3 {
    padding-left: 0;
    padding-right: 0;
  }
}
.rich-navigation-menu-adt .rich-navigation-list .rich-navigation-item {
  min-height: 250px;
}
.rich-navigation-menu-adt .rich-navigation-list .rich-navigation-item .rich-navigation-description p {
  position: relative;
  float: left;
  width: 100%;
}
.rich-navigation-menu-adt .rich-navigation-list .rich-navigation-item .rich-navigation-description a {
  position: absolute;
  bottom: 33px;
  right: 33px;
}
@media (min-width: 992px) {
  .rich-navigation-menu-adt .rich-navigation-menu .col-md-6.even,
  .rich-navigation-menu-adt .rich-navigation-menu .col-md-6.odd {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .rich-navigation-menu-adt .rich-navigation-list-image div.even,
  .rich-navigation-menu-adt .rich-navigation-list-image div.odd,
  .rich-navigation-menu-adt .rich-navigation-list div.even,
  .rich-navigation-menu-adt .rich-navigation-list div.odd {
    margin: 0;
  }
  .rich-navigation-menu-adt .rich-navigation-list-image .triple-blocks .odd,
  .rich-navigation-menu-adt .rich-navigation-list-image .triple-blocks .even,
  .rich-navigation-menu-adt .rich-navigation-list .triple-blocks .odd,
  .rich-navigation-menu-adt .rich-navigation-list .triple-blocks .even {
    margin: 0;
    padding: 0;
  }
}

.rich-navigation-simple {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  margin-top: 30px;
  position: relative;
  z-index: 1;
}
.rich-navigation-simple .container {
  padding-left: 0;
  padding-right: 0;
}
.rich-navigation-simple .rich-navigation-list-image {
  float: left;
  width: 100%;
  margin: 0;
}
.rich-navigation-simple .rich-navigation-list-image .col3 {
  float: left;
  width: calc(33.33% - 20px);
  margin-left: 30px;
  margin-bottom: 40px;
  background-color: var(--primary-400);
  box-shadow: 0 12px 24px rgba(126, 140, 141, 0.16);
  border-radius: 24px;
}
.rich-navigation-simple .rich-navigation-list-image .col3:hover {
  box-shadow: 0 12px 24px rgba(126, 140, 141, 0.32);
}
.rich-navigation-simple .rich-navigation-list-image .col3 > a:hover .rich-navigation-description h3 {
  color: var(--secondary-80);
}
.rich-navigation-simple .rich-navigation-list-image .col3 .rich-navigation-item-img {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.rich-navigation-simple .rich-navigation-list-image .col3 a {
  outline: none !important;
}
.rich-navigation-simple .rich-navigation-list-image .col3 a .rich-navigation-item-img .tag {
  position: relative;
  top: 24px;
  padding: 0 15px;
  background-color: var(--primary-400) !important;
  color: #fff;
  float: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.rich-navigation-simple .rich-navigation-list-image .col3:nth-child(3n+1) {
  margin-left: 0;
  clear: left;
}
@media (max-width: 768px) {
  .rich-navigation-simple .rich-navigation-list-image .col3 {
    margin-bottom: 20px;
    width: 100%;
    margin-left: 0;
  }
}
.rich-navigation-simple .rich-navigation-list-image .col3 a {
  float: left;
  width: 100%;
}
.rich-navigation-simple .rich-navigation-list-image .col3 a .rich-navigation-item-img {
  float: left;
  width: 100%;
  position: relative;
  min-height: 0;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.rich-navigation-simple .rich-navigation-list-image .col3 a .rich-navigation-item-img:after {
  padding-top: 140px;
  display: block;
  content: "";
}
.rich-navigation-simple .rich-navigation-list-image .col3 a .rich-navigation-item-img .tag {
  position: relative;
  top: 20px;
  padding: 0 15px;
  background-color: var(--primary-400);
  color: #fff;
  float: left;
  font-weight: 300;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  line-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
}
.rich-navigation-simple .rich-navigation-list-image .col3 a .rich-navigation-description {
  padding: 32px 24px 40px 24px;
  float: left;
  width: 100%;
}
.rich-navigation-simple .rich-navigation-list-image .col3 a .rich-navigation-description.is-icon {
  padding-top: 50px;
}
.rich-navigation-simple .rich-navigation-list-image .col3 a .rich-navigation-description h3 {
  float: left;
  width: 100%;
  font-size: 24px;
  line-height: 36px;
  margin: 0;
  margin-bottom: 10px;
}
.rich-navigation-simple .rich-navigation-list-image .col3 a .rich-navigation-description p {
  float: left;
  width: 100%;
  margin: 0;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  min-height: inherit;
  font-weight: 400;
}
.rich-navigation-simple.rich-navigation-simple-white .rich-navigation-list-image .col3 {
  background-color: #fff;
}
.rich-navigation-simple.rich-navigation-simple-white .rich-navigation-description h3,
.rich-navigation-simple.rich-navigation-simple-white .rich-navigation-list-image .col3 a .rich-navigation-description p {
  color: var(--primary-400);
}
.rich-navigation-simple.rich-navigation-simple-white .rich-navigation-description h3.paragraph,
.rich-navigation-simple.rich-navigation-simple-white .rich-navigation-list-image .col3 a .rich-navigation-description p.paragraph {
  color: var(--neutral-100);
}
.rich-navigation-simple .categories-wrapper {
  float: left;
  width: 100%;
}
.rich-navigation-simple .categories {
  margin-bottom: 8px;
  float: left;
}
.rich-navigation-simple .categories .category {
  float: left;
  background: #E1EBE8;
  padding: 0 16px;
  line-height: 32px;
  width: auto;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 400;
  color: var(--primary-400);
  margin-right: 4px;
  margin-bottom: 4px;
}

.request-status {
  /*
  &.with-button {
  	text-align: center;

  	.title {
  		margin-bottom: 0;
  	}

  	.request-container {
  		@media (min-width: $screen-md-min) {
  			display: block;
  		}
  	}

  	.text {
  		display: block;
  		margin-bottom: 30px;
  	}

  	.link-container {
  		display: block;
  	}
  }
  */
}
.request-status.green {
  background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
  color: #fff;
}
.request-status.green .title {
  color: #fff;
}
.request-status.white {
  background-color: var(--neutral-5);
  color: var(--primary-400);
}
@media (max-width: 991px) {
  .request-status.no-mobile {
    display: none;
  }
}
.request-status .title {
  margin-bottom: 16px;
  margin-top: 0;
  font-family: "Din-Bold", sans-serif;
  font-size: 32px;
  line-height: 36px;
  letter-spacing: 0;
}
@media (max-width: 992px) {
  .request-status .title {
    font-size: 24px;
    margin-top: 0;
    line-height: 32px;
    letter-spacing: 0px;
  }
  .request-status .title p {
    font-size: inherit;
    line-height: inherit;
    margin: 0;
  }
}
.request-status .title p {
  line-height: inherit;
}
.request-status .text {
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 991px) {
  .request-status .text {
    margin-bottom: 36px;
  }
}
.request-status .text p {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0;
}
.request-status.full-width {
  overflow: hidden;
  padding-top: 80px;
  padding-bottom: 84px;
}
@media (max-width: 480px) {
  .request-status.full-width {
    width: 100%;
    padding: 56px 25px;
  }
}
@media (min-width: 992px) {
  .request-status.full-width .request-container {
    display: flex;
    align-items: center;
  }
}
.request-status.full-width .request-container.with-description {
  align-items: baseline;
}
.request-status.full-width .request-container .link-container {
  text-align: right;
}
@media (max-width: 992px) {
  .request-status.full-width .request-container .link-container {
    text-align: left;
  }
}
.request-status.bordered {
  background-color: transparent;
}
.request-status.bordered .bordered-wrapper {
  background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
  border-radius: 24px;
  color: white;
  padding: 40px 32px 40px 32px;
  margin-top: 80px;
  margin-bottom: 77px;
  box-shadow: 0px 15px 24px rgba(126, 140, 141, 0.32);
  margin-top: 0;
  overflow: hidden;
}
.request-status.bordered .bordered-wrapper > .row {
  display: flex;
  align-items: center;
}
.request-status.bordered .bordered-wrapper .link-container {
  text-align: right;
}
.request-status.bordered .bordered-wrapper .title {
  color: #fff;
}
@media (max-width: 992px) {
  .request-status.bordered .bordered-wrapper {
    padding: 40px 24px;
    margin: 0px 0 64px;
    margin-top: 0;
    overflow: hidden;
  }
  .request-status.bordered .bordered-wrapper > .row {
    flex-direction: column;
  }
  .request-status.bordered .bordered-wrapper > .row .title {
    margin: 0;
    margin-bottom: 16px;
    font-size: 24px;
    font-family: "Din-Bold", sans-serif;
  }
  .request-status.bordered .bordered-wrapper > .row .title p {
    margin: 0;
    line-height: inherit;
    font-size: inherit;
  }
  .request-status.bordered .bordered-wrapper > .row .text {
    margin-bottom: 32px;
  }
  .request-status.bordered .bordered-wrapper > .row .text p {
    margin-bottom: 0;
  }
  .request-status.bordered .bordered-wrapper > .row .link-container {
    text-align: left;
  }
}
.request-status.bordered-with-image {
  background-color: transparent;
}
.request-status.bordered-with-image .bordered-wrapper {
  border-radius: 24px;
  color: white;
  padding: 40px 32px 40px 32px;
  margin-top: 80px;
  margin-bottom: 77px;
  box-shadow: 0px 15px 24px rgba(126, 140, 141, 0.32);
  margin-top: 0;
  overflow: hidden;
  background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
}
.request-status.bordered-with-image .bordered-wrapper > .row {
  display: grid;
  grid-template-areas: "image title" "image text" "image button";
}
.request-status.bordered-with-image .bordered-wrapper > .row .title {
  grid-area: title;
  color: #fff;
}
.request-status.bordered-with-image .bordered-wrapper > .row .text {
  grid-area: text;
}
.request-status.bordered-with-image .bordered-wrapper > .row .text p {
  margin-bottom: 0;
}
.request-status.bordered-with-image .bordered-wrapper > .row .link-area {
  grid-area: button;
}
.request-status.bordered-with-image .bordered-wrapper > .row .link-area .link-container {
  margin-top: 37px;
}
@media (max-width: 767px) {
  .request-status.bordered-with-image .bordered-wrapper > .row .link-area .link-container {
    margin-top: 32px;
  }
}
.request-status.bordered-with-image .bordered-wrapper > .row .image {
  grid-area: image;
  margin-left: -32px;
  margin-bottom: -42px;
}
.request-status.bordered-with-image .bordered-wrapper > .row .image img {
  max-height: 300px;
}
.request-status.bordered-with-image .bordered-wrapper > .row .image-mobile {
  display: none;
}
.request-status.bordered-with-image .bordered-wrapper.squircle-right {
  background: linear-gradient(180deg, #29696f 0%, #183f42 100%) 0% 0% no-repeat padding-box;
}
.request-status.bordered-with-image .bordered-wrapper.squircle-right > .row {
  display: grid;
  grid-template-areas: "title  image" "text   image" "button image";
}
.request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .title {
  grid-area: title;
}
.request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .text {
  grid-area: text;
}
.request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .text p {
  margin-bottom: 0;
}
.request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .link-area {
  grid-area: button;
}
.request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .link-area .link-container {
  margin-top: 37px;
}
@media (max-width: 767px) {
  .request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .link-area .link-container {
    margin-top: 32px;
  }
}
.request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .image {
  grid-area: image;
  margin-right: -32px;
  margin-bottom: -42px;
}
.request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .image img {
  max-height: 300px;
}
.request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .image-mobile {
  display: none;
}
@media (max-width: 992px) {
  .request-status.bordered-with-image .bordered-wrapper {
    padding: 40px 24px;
    margin: 0px 0 64px 0;
    margin-top: 0;
  }
  .request-status.bordered-with-image .bordered-wrapper.squircle-right, .request-status.bordered-with-image .bordered-wrapper.squircle-left {
    background: linear-gradient(180deg, #29696f 0%, #183f42 100%) 0% 0% no-repeat padding-box;
  }
  .request-status.bordered-with-image .bordered-wrapper.squircle-right > .row, .request-status.bordered-with-image .bordered-wrapper.squircle-left > .row {
    grid-template-areas: "title" "text" "button" "image";
  }
  .request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .title, .request-status.bordered-with-image .bordered-wrapper.squircle-left > .row .title {
    margin: 0;
    margin-bottom: 16px;
    font-size: 24px;
    font-family: "Din-Bold", sans-serif;
  }
  .request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .text, .request-status.bordered-with-image .bordered-wrapper.squircle-left > .row .text {
    margin-bottom: 32px;
  }
  .request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .link-container, .request-status.bordered-with-image .bordered-wrapper.squircle-left > .row .link-container {
    text-align: left;
  }
  .request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .image, .request-status.bordered-with-image .bordered-wrapper.squircle-left > .row .image {
    display: none;
  }
  .request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .image-mobile, .request-status.bordered-with-image .bordered-wrapper.squircle-left > .row .image-mobile {
    display: block;
    grid-area: image;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: -42px;
  }
  .request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .image-mobile img, .request-status.bordered-with-image .bordered-wrapper.squircle-left > .row .image-mobile img {
    max-height: 220px;
  }
}
@media (max-width: 767px) {
  .request-status.bordered-with-image .bordered-wrapper.squircle-right > .row .text, .request-status.bordered-with-image .bordered-wrapper.squircle-left > .row .text {
    margin-bottom: 0;
  }
}

.card-color {
  overflow: hidden;
}
.card-color .bper-wrapper {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
}
@media (max-width: 1199px) {
  .card-color .bper-wrapper {
    width: 95%;
  }
}
@media (min-width: 991px) {
  .card-color .bper-wrapper .card-color-container {
    display: flex;
  }
}
.card-color .bper-wrapper .card-color-container .left-content {
  margin-right: -30px;
  margin-left: calc((100vw - 1170px) / -2);
  overflow: hidden;
  height: 100%;
}
@media (min-width: 991px) and (max-width: 1199px) {
  .card-color .bper-wrapper .card-color-container .left-content {
    margin-left: calc((1270px - 100vw) / -2);
  }
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .left-content {
    margin-left: -40px;
    margin-right: -40px;
  }
}
.card-color .bper-wrapper .card-color-container .left-content .slider {
  height: 100%;
}
.card-color .bper-wrapper .card-color-container .left-content .slider .slick-track,
.card-color .bper-wrapper .card-color-container .left-content .slider .slick-list {
  height: 100%;
}
.card-color .bper-wrapper .card-color-container .left-content .slider .slick-dots {
  position: relative;
  bottom: 115px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
  padding-left: calc((100vw - 1170px) / 2 - 85px);
}
@media (min-width: 991px) and (max-width: 1200px) {
  .card-color .bper-wrapper .card-color-container .left-content .slider .slick-dots {
    padding-left: calc((1270px - 100vw) / 2);
  }
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .left-content .slider .slick-dots {
    bottom: 90px;
    left: 0;
    padding-left: 0;
  }
}
.card-color .bper-wrapper .card-color-container .left-content .slider .slick-dots li {
  margin-left: 12px;
  margin-right: 12px;
  border-radius: 25px;
  height: 50px;
  width: 50px;
  background-size: cover;
  box-shadow: 0 15px 50px -15px #bcb6af;
  border: solid 1px transparent;
}
.card-color .bper-wrapper .card-color-container .left-content .slider .slick-dots li.slick-active {
  box-shadow: -6px 10px 20px -9px rgb(20, 20, 20);
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .left-content .slider .slick-dots li {
    height: 30px;
    width: 30px;
    margin-left: 7px;
    margin-right: 7px;
  }
}
.card-color .bper-wrapper .card-color-container .left-content .slider .slick-dots li button::before {
  content: "";
}
.card-color .bper-wrapper .card-color-container .left-content .slider .item {
  height: 100%;
}
.card-color .bper-wrapper .card-color-container .left-content .slider .item.slick-active .carousel-background .bkg, .card-color .bper-wrapper .card-color-container .left-content .slider .item.slick-current .carousel-background .bkg {
  opacity: 1;
}
.card-color .bper-wrapper .card-color-container .left-content .slider .item.slick-active .carousel-background .over-content {
  transform: translateX(0);
  opacity: 1;
}
.card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background {
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #faf9f8;
}
.card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .bkg {
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  left: 0;
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  opacity: 1;
  transition: 2s;
  /*
  @media (min-width: $single-column-breakpoint) {
  	height: 100% !important;
  	top: 0 !important;
  }
  */
}
.card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content {
  transform: translateX(-30%);
  opacity: 0;
  transition: all 1s ease-in-out;
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content {
    padding-bottom: 100px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
.card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .left-title {
  padding-left: calc((100vw - 1170px) / 2);
  padding-top: 60px;
  padding-right: 40px;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 100;
}
.card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .left-title * {
  font-size: 42px;
  line-height: 1.2;
  font-weight: 100;
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .left-title * {
    line-height: 1;
  }
}
@media (min-width: 991px) and (max-width: 1200px) {
  .card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .left-title {
    padding-left: calc((1270px - 100vw) / 2);
  }
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .left-title {
    padding-left: 5%;
    padding-right: 0;
    padding-top: 30px;
  }
}
.card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .left-text {
  padding-left: calc((100vw - 1170px) / 2);
}
@media (min-width: 991px) and (max-width: 1200px) {
  .card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .left-text {
    padding-left: calc((1270px - 100vw) / 2);
  }
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .left-text {
    padding-left: 5%;
  }
}
.card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .card-container {
  margin-left: calc((100vw - 1170px) / 2 + 50px);
  background-size: cover;
  margin-top: 80px;
  margin-bottom: 120px;
  width: 400px;
  border-radius: 20px;
  box-shadow: 0 15px 0px -15px #bcb6af;
}
@media (min-width: 991px) and (max-width: 1200px) {
  .card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .card-container {
    margin-left: calc((1270px - 100vw) / 2 + 50px);
  }
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .card-container {
    width: 235px;
    border-radius: 12px;
    margin-top: 25px;
    margin: 25px;
    margin-left: auto;
    margin-right: auto;
  }
}
.card-color .bper-wrapper .card-color-container .left-content .slider .item .carousel-background .over-content .card-container::after {
  content: "";
  display: block;
  padding-top: 60%;
}
.card-color .bper-wrapper .card-color-container .right-content {
  padding-right: calc((100vw - 1170px) / 2);
  margin-right: calc((100vw - 1170px) / -2);
  height: 100%;
  background-color: #005D44;
  color: #fff;
}
@media (min-width: 991px) {
  .card-color .bper-wrapper .card-color-container .right-content {
    top: 0;
  }
  .card-color .bper-wrapper .card-color-container .right-content::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: calc(55% + 2px);
    border-bottom: 15px solid transparent;
    border-right: 15px solid #005D44;
    z-index: 100;
  }
  .card-color .bper-wrapper .card-color-container .right-content::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: calc(45% + 3px);
    border-top: 15px solid transparent;
    border-right: 15px solid #005D44;
    z-index: 100;
  }
}
@media (min-width: 991px) and (max-width: 1199px) {
  .card-color .bper-wrapper .card-color-container .right-content {
    padding-right: calc((1270px - 100vw) / 2);
    margin-right: calc((1270px - 100vw) / -2);
  }
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .right-content {
    margin-left: -40px;
    margin-right: -40px;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: -38px;
  }
  .card-color .bper-wrapper .card-color-container .right-content::after {
    content: "";
    position: absolute;
    top: -57px;
    left: -25px;
    width: calc(50% + 27px);
    height: 0;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #005D44;
    z-index: 100;
  }
  .card-color .bper-wrapper .card-color-container .right-content::before {
    content: "";
    position: absolute;
    top: -57px;
    right: -25px;
    width: calc(50% + 27px);
    height: 0;
    border-left: 20px solid transparent;
    border-bottom: 20px solid #005D44;
    z-index: 100;
  }
}
.card-color .bper-wrapper .card-color-container .right-content .right-title {
  margin-left: 85px;
  padding-top: 60px;
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .right-content .right-title {
    padding-top: 20px;
    margin-left: 0;
  }
}
.card-color .bper-wrapper .card-color-container .right-content .right-title * {
  font-size: 42px;
  line-height: 1.2;
  font-weight: 100;
  color: #fff;
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .right-content .right-title * {
    line-height: 1;
  }
}
.card-color .bper-wrapper .card-color-container .right-content .right-content-center {
  margin-top: 125px;
  width: 100%;
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .right-content .right-content-center {
    margin-top: 30px;
  }
}
.card-color .bper-wrapper .card-color-container .right-content .right-text {
  margin-left: 85px;
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .right-content .right-text {
    margin-left: 0;
  }
}
.card-color .bper-wrapper .card-color-container .right-content .requirements {
  margin-right: 0;
  padding-left: 17px;
  margin-left: 0;
}
@media (min-width: 991px) {
  .card-color .bper-wrapper .card-color-container .right-content .requirements {
    padding-top: 10px;
    margin-left: 85px;
    padding-left: 0;
    display: flex;
    padding-right: 0;
  }
}
@media (min-width: 991px) {
  .card-color .bper-wrapper .card-color-container .right-content .requirements li {
    display: block;
    list-style-type: none;
    width: 26%;
    text-align: center;
    margin-left: 11%;
  }
  .card-color .bper-wrapper .card-color-container .right-content .requirements li:nth-child(3n+1) {
    margin-left: 0;
  }
}
.card-color .bper-wrapper .card-color-container .right-content .requirements li .req-image {
  max-height: 70px;
  max-width: 70px;
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .right-content .requirements li .req-image {
    display: none;
  }
}
.card-color .bper-wrapper .card-color-container .right-content .requirements li .req-text {
  margin: 0;
}
.card-color .bper-wrapper .card-color-container .right-content .button-container {
  text-align: right;
  margin-top: 125px;
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .card-color .bper-wrapper .card-color-container .right-content .button-container {
    margin-top: 40px;
    margin-bottom: 45px;
    margin-right: -10px;
  }
}

.youtube-video-modal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10000;
  background: black;
  transition: opacity 300ms, visibility 0ms linear 300ms;
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
}
.youtube-video-modal.open {
  transition: opacity 300ms, visibility 300ms linear 0ms;
  visibility: visible;
  opacity: 1;
  transform: scale(1) !important;
}
.youtube-video-modal iframe {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.youtube-video-modal .close {
  position: absolute;
  top: 40px;
  right: 25px;
  z-index: 1;
  opacity: 1;
  float: right;
  font-size: 27px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  color: black;
  text-shadow: 0 1px 0 #fff;
  padding: 20px;
  background-color: #fff;
}
.youtube-video-modal .close img,
.youtube-video-modal .close .img {
  position: absolute;
  top: 8px;
  left: 8px;
  background-image: url(../images/icone-bper-2022/Icon-Close@2x.png);
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.youtube-video-modal .close:hover, .youtube-video-modal .close:focus {
  opacity: 0.5;
}
.youtube-video-modal .close .image-link {
  height: 24px;
  width: 24px;
  vertical-align: middle;
  z-index: 2;
}
.youtube-video-modal .close .image-link path {
  fill: #005D44;
  fill-rule: evenodd;
  clip-rule: evenodd;
}

.static-video-modal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10000;
  background: black;
  transition: opacity 300ms, visibility 0ms linear 300ms;
  visibility: visible;
  opacity: 1;
  transform: none;
}
@media (max-width: 991px) {
  .static-video-modal {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 991px) {
  .static-video-modal video {
    width: 100% !important;
    height: auto !important;
  }
}
.static-video-modal .close {
  position: absolute;
  top: 40px;
  right: 25px;
  z-index: 1;
  opacity: 1;
  float: right;
  font-size: 27px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  color: black;
  text-shadow: 0 1px 0 #fff;
  padding: 20px;
  background-color: #fff;
}
.static-video-modal .close img,
.static-video-modal .close .img {
  position: absolute;
  top: 8px;
  left: 8px;
  background-image: url(../images/icone-bper-2022/Icon-Close@2x.png);
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.static-video-modal .close:hover, .static-video-modal .close:focus {
  opacity: 0.5;
}
.static-video-modal .close .image-link {
  height: 24px;
  width: 24px;
  vertical-align: middle;
  z-index: 2;
}
.static-video-modal .close .image-link path {
  fill: #005D44;
  fill-rule: evenodd;
  clip-rule: evenodd;
}

.video {
  overflow: hidden;
}
@media (max-width: 1199px) {
  .video {
    margin-bottom: 0px;
  }
}
.video .popup {
  width: 80px;
  height: 80px;
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 40px);
  transition: 1s;
}
.video .popup:hover {
  opacity: 0.7;
}
.video .popup .play {
  outline: none !important;
  height: 100%;
  background: url(../images/bperPlay.png);
  width: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.video .video-thumb {
  width: 100%;
  height: auto;
}
@media (max-width: 1199px) {
  .video .video-thumb {
    height: auto;
  }
}
.video .layout-info {
  position: relative;
  margin-top: -123px;
  left: 0;
  right: 0;
  position: relative;
  background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
  box-shadow: rgba(126, 140, 141, 0.32) 0 16px 24px 0;
  padding: 48px 40px 50px 40px;
  border-radius: 24px;
  opacity: 1;
  color: #fff;
  display: flex;
  margin-bottom: 62px;
}
@media (max-width: 768px) {
  .video .layout-info {
    margin-left: 25px;
    margin-right: 25px;
    width: calc(100% - 50px);
    padding: 48px 24px;
  }
}
.video .layout-info h2 {
  margin: 0;
  font-size: 48px;
  line-height: 56px;
  font-family: "Din-Bold", sans-serif;
  color: #fff;
}
@media (max-width: 768px) {
  .video .layout-info h2 {
    font-size: 36px;
    line-height: 48px;
  }
}
.video .layout-info h2 + h3 {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .video .layout-info h2 + h3 {
    margin-top: 10px;
  }
}
.video .layout-info h3 {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
  letter-spacing: 0;
  color: #fff;
}
@media (max-width: 768px) {
  .video .layout-info h3 {
    font-size: 18px;
    line-height: 26px;
  }
}
.video .layout-info h3 p {
  margin: 0;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.video .img {
  height: 482px;
  position: relative;
}
.video .img:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 93, 68, 0.6);
}
.video .img .bkg {
  height: 100%;
  background-size: cover;
  background-position: center;
  position: relative;
}
@media (max-width: 1199px) {
  .video .img .bkg::after {
    content: "";
    padding-top: 70%;
    display: block;
  }
  .video .img .bkg.bkg-sub {
    background-size: 125%;
  }
}
.video .img .bkg a.popup {
  z-index: 99;
}

.team-presentation {
  overflow: hidden;
  margin-bottom: 45px;
}
@media (max-width: 991px) {
  .team-presentation {
    margin-bottom: 35px;
  }
}
@media (max-width: 480px) {
  .team-presentation {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 991px) {
  .team-presentation .members-row {
    overflow-x: auto;
    overflow-y: hidden;
  }
}
.team-presentation .members-row .members-container {
  width: 100%;
  float: left;
}
@media (max-width: 991px) {
  .team-presentation .members-row .members-container {
    width: 1155px;
    float: none;
  }
}
.team-presentation .members-row .members-container .member-thumbnail {
  width: calc(25% - 19px);
  float: left;
  /*width: 270px;
              height: 370px;*/
  background-size: cover;
  background-position: center;
  margin-left: 25px;
  display: block;
  margin-bottom: 50px;
  position: relative;
}
.team-presentation .members-row .members-container .member-thumbnail:nth-child(1) {
  margin-left: 0;
}
.team-presentation .members-row .members-container .member-thumbnail:after {
  padding-top: 137%;
  display: block;
  content: "";
}
@media (max-width: 991px) {
  .team-presentation .members-row .members-container .member-thumbnail {
    width: 270px;
    height: 370px;
  }
  .team-presentation .members-row .members-container .member-thumbnail:after {
    padding-top: 0;
    display: none;
    content: "";
  }
}
.team-presentation .members-row .members-container .member-thumbnail:first-child {
  margin-left: 0;
}
.team-presentation .members-row .members-container .member-thumbnail .expander {
  background-color: #64B054;
  color: #fff;
  border-radius: 100%;
  padding: 0;
  font-size: 42px;
  position: absolute;
  bottom: 0;
  left: calc(50% - 35px);
  font-weight: inherit;
  cursor: pointer;
  width: 70px;
  transition: background-color 0.5s;
  height: 70px;
  line-height: 70px;
  text-align: center;
  transform: translateY(50%);
}
.team-presentation .members-row .members-container .member-thumbnail .expander:hover {
  background-color: #ea862c;
}
.team-presentation .member-info {
  background-color: #fff;
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10000;
  overflow-y: hidden;
  overflow-x: hidden;
}
@media (max-width: 991px) {
  .team-presentation .member-info {
    overflow-y: auto;
  }
}
@media (max-width: 480px) {
  .team-presentation .member-info {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.team-presentation .member-info.show {
  display: block;
}
.team-presentation .member-info .center-container {
  float: none;
  margin: auto;
  width: 570px;
  max-width: 100%;
}
@media (max-width: 991px) {
  .team-presentation .member-info .center-container {
    width: 100%;
    padding: 0 30px;
  }
}
.team-presentation .member-info .close {
  position: absolute;
  top: 40px;
  right: 25px;
  z-index: 1;
  opacity: 1;
}
.team-presentation .member-info .close:hover {
  opacity: 0.5;
}
.team-presentation .member-info .close .image-link {
  height: 25px;
  width: 25px;
}
.team-presentation .member-info .close .image-link path {
  fill: #005D44;
  fill-rule: evenodd;
  clip-rule: evenodd;
}
.team-presentation .member-info .changing-content {
  display: none;
}
.team-presentation .member-info .changing-content .right-column {
  height: auto;
  overflow-y: auto;
}
@media (max-width: 991px) {
  .team-presentation .member-info .changing-content .right-column {
    max-height: inherit !important;
  }
}
.team-presentation .member-info .changing-content.active {
  display: block;
}
@media (min-width: 992px) {
  .team-presentation .member-info .changing-content .info-container .name {
    margin-top: 90px;
    margin-bottom: 0;
  }
}
.team-presentation .member-info .changing-content .info-container .role {
  font-weight: 500;
  line-height: 18px;
}
@media (min-width: 992px) {
  .team-presentation .member-info .changing-content .info-container .role {
    display: inline-block;
    padding-right: 12px;
  }
}
@media (max-width: 991px) {
  .team-presentation .member-info .changing-content .info-container .role {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .team-presentation .member-info .changing-content .info-container .role.border {
    border-right: 2px solid #015256;
  }
}
.team-presentation .member-info .changing-content .info-container .years {
  font-weight: 500;
  line-height: 18px;
}
@media (min-width: 992px) {
  .team-presentation .member-info .changing-content .info-container .years {
    display: inline-block;
  }
}
@media (max-width: 991px) {
  .team-presentation .member-info .changing-content .info-container .years {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .team-presentation .member-info .changing-content .info-container .years.border {
    padding-left: 6px;
  }
}
.team-presentation .member-info .changing-content .quote-container {
  font-style: italic;
  padding-top: 20px;
}
.team-presentation .member-info .changing-content .quote-container .decoration {
  display: block;
  height: 36px;
  width: 44px;
}
@media (max-width: 991px) {
  .team-presentation .member-info .changing-content .quote-container .decoration {
    margin-bottom: 30px;
  }
}
.team-presentation .member-info .changing-content .quote-container .quote * {
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}
@media (min-width: 992px) {
  .team-presentation .member-info .changing-content .quote-container .quote * {
    padding-left: 70px;
  }
}
.team-presentation .member-info .changing-content .description-container {
  padding-top: 5%;
}
@media (max-width: 991px) {
  .team-presentation .member-info .changing-content .description-container {
    padding-top: 38px;
    padding-bottom: 38px;
  }
}
.team-presentation .member-info .changing-content .member-image {
  background-size: cover;
  background-position: center;
  margin-left: calc((100vw - 1170px) / -2);
  overflow: hidden;
  height: 100vh;
}
@media (max-width: 1199px) {
  .team-presentation .member-info .changing-content .member-image {
    margin-left: -30px;
  }
}
@media (max-width: 991px) {
  .team-presentation .member-info .changing-content .member-image {
    height: auto;
    margin-right: -30px;
    background-size: cover;
    background-position: top center;
  }
  .team-presentation .member-info .changing-content .member-image::after {
    content: "";
    display: block;
    padding-top: 73%;
  }
}
.team-presentation .member-info .fixed-content {
  position: absolute;
  bottom: 50px;
  right: 0;
  width: 97%;
}
@media (max-width: 991px) {
  .team-presentation .member-info .fixed-content {
    position: static;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 40px;
    margin-right: -30px;
    width: 100%;
  }
}
.team-presentation .member-info .fixed-content .member-selector {
  width: 100%;
}
@media (max-width: 991px) {
  .team-presentation .member-info .fixed-content .member-selector {
    width: 31em;
  }
}
.team-presentation .member-info .fixed-content .member-selector .member-link {
  float: left;
  width: calc(25% - 9px);
  margin-left: 12px;
}
.team-presentation .member-info .fixed-content .member-selector .member-link:first-child {
  margin-left: 0;
}
.team-presentation .member-info .fixed-content .member-selector .member-link .image-link {
  width: 100%;
  height: auto;
  background-size: cover;
  background-position: center;
  display: inline-block;
  cursor: pointer;
}
.team-presentation .member-info .fixed-content .member-selector .member-link .image-link:after {
  content: "";
  display: block;
  padding-top: 138%;
}
@media (max-width: 991px) {
  .team-presentation .member-info .fixed-content .member-selector .member-link .image-link {
    width: 130px;
    height: 180px;
  }
}

.cookie-element {
  overflow: hidden;
}
.cookie-element .description {
  color: #005D44;
  margin-bottom: 20px;
}
.cookie-element .description table,
.cookie-element .description td {
  border: 1px transparent !important;
}
.cookie-element .green-description {
  margin-bottom: 20px;
  margin-left: 0.7em;
}
@media (max-width: 1199px) {
  .cookie-element .green-description {
    margin-left: 0;
  }
  .cookie-element .green-description ul {
    padding-left: 18px;
  }
  .cookie-element .green-description ul li {
    margin-bottom: 20px;
  }
}
.cookie-element .cookies {
  color: #005D44;
  margin-bottom: 20px;
}
.cookie-element .cookies.no {
  list-style-type: none;
  padding-left: 0;
}
.cookie-element .cookies.yes {
  list-style-type: square;
  padding-left: 18px;
}
@media (max-width: 1199px) {
  .cookie-element .cookies.yes .cookie-info {
    margin-left: -16px;
    margin-bottom: auto;
  }
  .cookie-element .cookies.yes .cookie-link {
    margin-left: -16px;
    margin-bottom: auto;
  }
}
.cookie-element .cookies li.cookie-name-only {
  float: left;
  box-sizing: border-box;
  width: 200px;
  word-break: break-all;
}
@media (max-width: 1199px) {
  .cookie-element .cookies li.cookie-name-only {
    width: 49%;
  }
}
.cookie-element .cookies li.cookie-name-only.left {
  clear: left;
  padding-right: 20px;
}
.cookie-element .cookies li .cookie-link {
  display: inline;
  text-decoration: underline;
  word-break: break-all;
}
@media (max-width: 1199px) {
  .cookie-element .cookies li .cookie-link {
    display: block;
    margin-bottom: 35px;
  }
}
@media (min-width: 1200px) {
  .cookie-element .cookies li .cookie-link {
    position: absolute;
  }
}
.cookie-element .cookies li .cookie-info {
  color: #015256;
  display: inline;
}
@media (max-width: 1199px) {
  .cookie-element .cookies li .cookie-info {
    display: block;
    margin-bottom: 35px;
  }
}
@media (min-width: 1200px) {
  .cookie-element .cookies li .cookie-info {
    position: absolute;
  }
}

.flip-element {
  overflow: hidden;
  background-color: #faf9f8;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .flip-element {
    margin-top: 90px;
  }
}
@media (max-width: 480px) {
  .flip-element {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.flip-element .title {
  margin-top: 70px;
  margin-bottom: 30px;
}
.flip-element .scrolling-area {
  overflow-x: auto;
  overflow-y: hidden;
}
.flip-element .scrolling-area .flipper-area {
  margin-top: 40px;
}
.flip-element .scrolling-area .flipper-area .flip-container {
  width: 210px;
  height: 390px;
  margin-left: 25px;
  display: inline-block;
  perspective: 1000px;
  -ms-transform: perspective(1000px);
  transform-style: preserve-3d;
}
.flip-element .scrolling-area .flipper-area .flip-container:first-child {
  margin-left: 0;
}
@media (max-width: 1199px) {
  .flip-element .scrolling-area .flipper-area .flip-container {
    height: auto;
  }
}
@media (min-width: 1200px) {
  .flip-element .scrolling-area .flipper-area .flip-container:hover .back {
    transform: rotateY(0deg);
    z-index: 3;
  }
  .flip-element .scrolling-area .flipper-area .flip-container:hover .front {
    transform: rotateY(180deg);
  }
}
.flip-element .scrolling-area .flipper-area .flip-container .flipper {
  width: 100%;
  height: 100%;
  position: relative;
}
@media (min-width: 1200px) {
  .flip-element .scrolling-area .flipper-area .flip-container .flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    -ms-transform: perspective(1000px);
  }
}
.flip-element .scrolling-area .flipper-area .flip-container .front,
.flip-element .scrolling-area .flipper-area .flip-container .back {
  width: 100%;
}
@media (min-width: 1200px) {
  .flip-element .scrolling-area .flipper-area .flip-container .front,
  .flip-element .scrolling-area .flipper-area .flip-container .back {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    transition: 0.6s;
    transform-style: preserve-3d;
  }
}
@media (max-width: 1199px) {
  .flip-element .scrolling-area .flipper-area .flip-container .front,
  .flip-element .scrolling-area .flipper-area .flip-container .back {
    width: 210px;
  }
}
.flip-element .scrolling-area .flipper-area .flip-container .front {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
}
@media (min-width: 1200px) {
  .flip-element .scrolling-area .flipper-area .flip-container .front {
    z-index: 2;
    transform: rotateY(0deg);
  }
}
@media (max-width: 1199px) {
  .flip-element .scrolling-area .flipper-area .flip-container .front {
    height: 390px;
    display: block;
  }
}
@media (max-width: 1199px) {
  .flip-element .scrolling-area .flipper-area .flip-container .front {
    width: 210px;
  }
}
.flip-element .scrolling-area .flipper-area .flip-container .back {
  background-color: #015256;
  color: #fff;
  text-align: center;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (min-width: 1200px) {
  .flip-element .scrolling-area .flipper-area .flip-container .back {
    padding-top: 140px;
    transform: rotateY(-180deg);
  }
}
@media (max-width: 1199px) {
  .flip-element .scrolling-area .flipper-area .flip-container .back {
    height: 140px;
    width: 210px;
    display: block;
    margin-top: -12px;
    padding-top: 12px;
  }
}
.flip-element .scrolling-area .flipper-area .flip-container .back .element-title {
  word-break: break-all;
}
.flip-element .scrolling-area .flipper-area .flip-container .back .element-subtitle {
  padding-left: 37px;
  padding-right: 37px;
}
@media (max-width: 1199px) {
  .flip-element .scrolling-area .flipper-area .flip-container .back .element-subtitle {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.flip-element .link-container {
  text-align: right;
  margin-bottom: 25px;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .flip-element .link-container {
    margin-top: 30px;
  }
}

.two-blocks {
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .two-blocks {
    padding-bottom: 5px;
    padding-top: 8px;
  }
}
@media (max-width: 480px) {
  .two-blocks {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.two-blocks .title {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .two-blocks .title {
    margin-bottom: 22px;
  }
}
.two-blocks .block-wrapper {
  margin-bottom: 30px;
}
.two-blocks .blocks-container {
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  .two-blocks .blocks-container {
    display: flex;
  }
}
.two-blocks .blocks-container .block {
  padding: 48px 32px 40px 32px;
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.321);
  border-radius: 24px;
  text-align: left;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.two-blocks .blocks-container .block.has-bkg-bper {
  min-height: 311px;
  padding-right: 80px;
}
@media (max-width: 767px) {
  .two-blocks .blocks-container .block.has-bkg-bper {
    padding: 36px 63px 32px 22px;
    min-height: inherit;
  }
}
.two-blocks .blocks-container .block.background-verde1 {
  background: var(--primary-600);
  color: #fff;
}
.two-blocks .blocks-container .block.background-verde1 h3 {
  color: #fff;
}
.two-blocks .blocks-container .block.background-verde2 {
  background: var(--primary-400);
  color: #fff;
}
.two-blocks .blocks-container .block.background-verde2 h3 {
  color: #fff;
}
.two-blocks .blocks-container .block.background-bianco {
  background: #fff;
}
.two-blocks .blocks-container .block .link-wrapper {
  margin-top: 1em;
}
.two-blocks .blocks-container .block .bkg-bper {
  height: 223px;
  width: 102px;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 48px;
  right: 0;
  transform: translateX(30%);
}
@media (max-width: 767px) {
  .two-blocks .blocks-container .block .bkg-bper {
    height: 174px;
    width: 80px;
  }
}
.two-blocks .blocks-container .block h3 {
  font-family: "Din-Bold", sans-serif;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 36px;
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .two-blocks .blocks-container .block h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 15px;
  }
}
.two-blocks .blocks-container .block h3 * {
  margin: 0;
}
.two-blocks .blocks-container .block .text {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 30px;
}
.two-blocks .blocks-container .block .text p {
  font: inherit;
  margin: 0;
  letter-spacing: inherit;
  line-height: inherit;
}
.two-blocks .blocks-container .block .link-container {
  width: 100%;
  position: relative;
  text-align: left;
  display: flex;
  align-items: center;
  margin-top: auto;
}
.two-blocks .blocks-container .block .link-container .block-link.link-cta {
  font-family: "Din-Bold", sans-serif;
  color: #fff;
}

.brainstorming {
  overflow: hidden;
  color: #fff;
  padding-bottom: 0;
  margin-bottom: 60px;
  opacity: 0;
}
@media (max-width: 767px) {
  .brainstorming {
    margin-bottom: 50px;
  }
}
@media (max-width: 480px) {
  .brainstorming {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.brainstorming.block-per-line-3 .block-wrapper:not(.slick-slider) .single-block-wrapper {
  width: calc(33.33% - 20px);
  margin-left: 30px;
}
.brainstorming.block-per-line-3 .block-wrapper:not(.slick-slider) .single-block-wrapper:nth-child(3n+1) {
  margin-left: 0;
  clear: both;
}
.brainstorming.block-per-line-2 .block-wrapper:not(.slick-slider) .single-block-wrapper {
  width: calc(50% - 15px);
  margin-left: 30px;
}
.brainstorming.block-per-line-2 .block-wrapper:not(.slick-slider) .single-block-wrapper:nth-child(2n+1) {
  margin-left: 0;
  clear: both;
}
.brainstorming .slick-dots {
  bottom: -35px;
}
@media (max-width: 767px) {
  .brainstorming .slick-dots {
    bottom: -7px;
  }
}
.brainstorming .wc-title {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .brainstorming .wc-title {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 40px !important;
  }
}
.brainstorming .row-element {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: inherit;
}
@media (max-width: 991px) {
  .brainstorming .row-element {
    display: block;
  }
}
.brainstorming .single-block-wrapper {
  float: left;
}
@media (max-width: 767px) {
  .brainstorming .single-block-wrapper {
    padding: 0 15px;
  }
}
.brainstorming .block {
  background-color: var(--primary-400);
  width: 100%;
  padding-bottom: 30px;
  margin-bottom: 32px;
  padding-left: 25px;
  padding-right: 25px;
  float: left;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0px 16px 14px rgba(126, 140, 141, 0.32);
}
.brainstorming .block .image-container {
  height: 140px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  background-size: cover;
  background-position: center;
  margin: 0 -25px;
}
.brainstorming .block .block-title {
  padding: 0;
  margin: 32px 0 16px 0;
  box-sizing: border-box;
  font-size: 28px;
  line-height: 36px;
  font-family: "Din-Bold", sans-serif;
}
.brainstorming .block .link-wrapper a {
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  font-family: "Din-Bold", sans-serif;
}
.brainstorming .block .link-wrapper a.link-cta.link-cta-top-right-arrow:after {
  background-image: url("../images/png/arrow-top-right-white.png");
}
.brainstorming .block .link-wrapper a.link-cta.link-cta-top-right-arrow:hover::after {
  background-image: url("../images/png/arrow-top-right-white.png");
}
.brainstorming .block .description {
  padding-top: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 26px;
}
.brainstorming .block .description + .link-wrapper {
  margin-top: 24px !important;
}
.brainstorming .block .description b,
.brainstorming .block .description strong {
  font-family: "Din-Bold", sans-serif;
}
@media (max-width: 991px) {
  .brainstorming .block .description {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
.brainstorming .block .description p {
  margin-bottom: 0;
}
.brainstorming.tipo-type1 .block-title {
  color: var(--white);
}
.brainstorming.tipo-type2 {
  color: var(--neutral-100);
}
.brainstorming.tipo-type2 .block {
  background: none;
  padding-left: 0;
  padding-right: 0;
  box-shadow: none;
}
.brainstorming.tipo-type2 .block .image-container {
  margin-left: 0;
  margin-right: 0;
  border-radius: 24px;
  height: 185px;
}
.brainstorming.tipo-type2 .block .block-title {
  font-size: 24px;
  line-height: 32px;
  color: var(--primary-400);
}
.brainstorming.tipo-type2 .block .link-wrapper a {
  color: var(--secondary-80);
  font-size: 18px;
  line-height: 26px;
  font-family: "Din-Bold", sans-serif;
}
.brainstorming.tipo-type2 .block .link-wrapper a:hover {
  color: var(--secondary-80);
}
.brainstorming.tipo-type2 .block .link-wrapper a.link-cta.link-cta-top-right-arrow:after {
  background-image: url("../images/png/arrow-top-right-green.png");
}
.brainstorming.tipo-type2 .block .link-wrapper a.link-cta.link-cta-top-right-arrow:hover:after {
  background-image: url("../images/png/arrow-top-right-green.png");
}
.brainstorming.tipo-type2 .block .link-wrapper a.link-cta.link-cta-right-arrow.white:after {
  background-image: url("../images/png/arrow-right-green.png");
}
.brainstorming.tipo-type2 .block .link-wrapper a.link-cta.link-cta-right-arrow.white:hover:after {
  background-image: url("../images/png/arrow-right-green.png");
}
.brainstorming.tipo-type2 .block .description ul {
  padding-left: 17px;
  margin: 0;
}

.launch-two-links {
  overflow: hidden;
  padding-top: 60px;
  padding-bottom: 55px;
}
@media (max-width: 1199px) {
  .launch-two-links {
    padding-top: 20px;
    padding-bottom: 15px;
  }
}
@media (max-width: 480px) {
  .launch-two-links {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.launch-two-links.link-right {
  margin-top: 0;
}
.launch-two-links.link-right .bper-wrapper .link-area {
  padding-top: 0;
}
@media (max-width: 1199px) {
  .launch-two-links.link-right {
    padding-top: 0;
  }
  .launch-two-links.link-right .bper-wrapper .link-area {
    padding-top: 0;
  }
}
.launch-two-links.green {
  background-color: #015256;
  color: #fff;
}
.launch-two-links .element-container.green {
  background-color: #005D44;
  color: #fff;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
.launch-two-links .element-container.white {
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
.launch-two-links .element-container .title {
  padding-bottom: 10px;
  margin-top: 0;
  line-height: 1;
}
.launch-two-links .element-container .flexable {
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .launch-two-links .element-container .flexable {
    display: flex;
    align-items: flex-end;
  }
}
@media (max-width: 991px) {
  .launch-two-links .element-container .flexable .description {
    margin-bottom: 65px;
  }
}
.launch-two-links .element-container .flexable .description p {
  margin-bottom: 0;
}
.launch-two-links .element-container .link-area {
  text-align: right;
  padding-top: 75px;
}
@media (max-width: 1199px) {
  .launch-two-links .element-container .link-area {
    padding-top: 25px;
  }
}
.launch-two-links .element-container .link-area.col-md-5 {
  padding-top: 0;
}
.launch-two-links .element-container .link-area.col-md-5 .link-container {
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .launch-two-links .element-container .link-area.col-md-5 .link-container {
    padding-top: 25px;
  }
  .launch-two-links .element-container .link-area.col-md-5 .link-container:first-child {
    padding-top: 0;
  }
}
.launch-two-links .element-container .link-area .link-container {
  margin-left: 45px;
  margin-bottom: 0;
  display: inline-block;
  margin-bottom: 25px;
}
.launch-two-links .element-container .link-area .link-container p {
  margin: 0;
  line-height: 1;
}

.work-with-us-slider-item {
  margin-top: 0;
  outline: 0;
  margin-bottom: 60px;
  float: left;
  width: 100%;
  position: relative;
}
.work-with-us-slider-item.allineamento-orizzontale .item-info {
  top: -60px !important;
}
.work-with-us-slider-item .item-img {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 24px;
}
@media (max-width: 768px) {
  .work-with-us-slider-item .item-img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .work-with-us-slider-item .item-img {
    height: 200px;
    border-radius: 24px;
  }
}
.work-with-us-slider-item .item-info {
  box-shadow: 0 12px 24px rgba(126, 140, 141, 0.0016);
  padding: 32px;
  border-radius: 24px;
}
.work-with-us-slider-item .item-info .title {
  margin-bottom: 16px;
  font-family: "Din-Bold", sans-serif;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0px;
}
.work-with-us-slider-item .item-info .title a {
  font: inherit;
  color: inherit;
  text-decoration: underline;
}
.work-with-us-slider-item .item-info .title a:hover {
  text-decoration: none;
}
.work-with-us-slider-item .item-info .title * {
  font: inherit !important;
  line-height: inherit;
  color: inherit !important;
}
.work-with-us-slider-item .item-info .title > p {
  margin: 0;
}
.work-with-us-slider-item .item-info .description {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 26px;
}
.work-with-us-slider-item .item-info .description + .wrapper-link-content {
  margin-top: 32px;
}
.work-with-us-slider-item .item-info .description p,
.work-with-us-slider-item .item-info .description ul,
.work-with-us-slider-item .item-info .description li,
.work-with-us-slider-item .item-info .description a {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0;
}
.work-with-us-slider-item .item-info.green {
  background-color: var(--primary-400);
  color: #fff;
}
.work-with-us-slider-item .item-info.light {
  background-color: #fff;
}
.work-with-us-slider-item .item-info.light .title {
  color: var(--primary-400);
}
.work-with-us-slider-item .item-info.light .description {
  color: var(--green-100);
}
.work-with-us-slider-item .item-info.light .description a {
  color: var(--secondary-80);
  text-decoration: underline;
  cursor: pointer;
}
.work-with-us-slider-item .item-info.light .description a:hover {
  text-decoration: none;
}
.work-with-us-slider-item.allineamento-verticale .item-img {
  width: 100%;
  height: auto;
}
.work-with-us-slider-item.allineamento-verticale .item-img:after {
  padding-top: 71.3%;
  content: "";
  display: block;
}
.work-with-us-slider-item.allineamento-verticale .item-info {
  position: relative;
  top: -60px;
  width: calc(100% - 26px);
  margin: 0 13px;
}
@media (max-width: 767px) {
  .work-with-us-slider-item.allineamento-verticale .item-info {
    padding: 32px 24px;
    width: calc(100% - 30px);
  }
}
.work-with-us-slider-item.allineamento-verticale.standard .item-info {
  float: left;
  margin-left: 0;
  margin-right: -4%;
}
@media (max-width: 767px) {
  .work-with-us-slider-item.allineamento-verticale.standard .item-info {
    margin-right: 0;
    left: 15px;
  }
}
.work-with-us-slider-item.allineamento-verticale.inverse .item-info {
  float: right;
  margin-left: -4%;
  margin-right: 0;
}
@media (max-width: 767px) {
  .work-with-us-slider-item.allineamento-verticale.inverse .item-info {
    margin-left: 0;
    right: 15px;
  }
}
.work-with-us-slider-item.allineamento-orizzontale .item-img {
  width: 58.4%;
  height: auto;
  max-height: 400px;
}
.work-with-us-slider-item.allineamento-orizzontale .item-img:after {
  content: "";
  display: block;
  padding-top: 58.4%;
}
.work-with-us-slider-item.allineamento-orizzontale .item-info {
  bottom: auto;
  top: 80px;
  position: absolute;
  width: 56.57%;
}
.work-with-us-slider-item.allineamento-orizzontale.standard .item-img {
  float: right;
}
.work-with-us-slider-item.allineamento-orizzontale.standard .item-info {
  float: left;
}
.work-with-us-slider-item.allineamento-orizzontale.inverse .item-img {
  float: left;
}
.work-with-us-slider-item.allineamento-orizzontale.inverse .item-info {
  float: right;
  right: 0;
}
.work-with-us-slider-item .bper-wrapper {
  padding: 0;
}
@media (max-width: 767px) {
  .work-with-us-slider-item {
    padding: 0 25px;
  }
  .work-with-us-slider-item .item-info .title {
    font-size: 24px;
  }
  .work-with-us-slider-item.allineamento-orizzontale .item-info {
    width: calc(100% - 30px);
    margin: 0 13px;
    padding: 32px 24px;
    position: relative;
    top: -60px;
    z-index: 10;
    margin-bottom: -65px;
  }
  .work-with-us-slider-item.allineamento-orizzontale .item-img {
    width: 100%;
    height: auto;
    max-height: 200px;
    z-index: 9;
  }
  .work-with-us-slider-item.allineamento-orizzontale .item-img:after {
    padding-top: 71.3%;
    content: "";
    display: block;
  }
}
.work-with-us-slider-item .btn.btn-default {
  white-space: normal;
  text-align: left;
}

.portlet-nested-portlets .work-with-us-slider-item {
  margin-bottom: 0;
}

.work-with-us-slider {
  margin-bottom: 130px;
  margin-top: 40px;
  padding-top: 15px;
}
@media (max-width: 767px) {
  .work-with-us-slider {
    margin-bottom: 70px;
    margin-top: 5px;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .work-with-us-slider {
    padding: 0 25px;
  }
}
.work-with-us-slider .slider .slick-dots {
  bottom: -50px;
  width: 40%;
  left: 30%;
}
@media (min-width: 768px) and (max-width: 1399px) {
  .work-with-us-slider .container {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .work-with-us-slider .container {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .work-with-us-slider .container > .row {
    margin: 0;
  }
}
.work-with-us-slider .slick-slide {
  outline: none;
}
.work-with-us-slider .slick-arrow.slick-prev {
  left: -7%;
  background-image: url(../images/arrow-previous-green.png);
}
.work-with-us-slider .slick-arrow.slick-next {
  right: -7%;
  background-image: url(../images/arrow-next-green.png);
}
.work-with-us-slider .slick-dots {
  bottom: -75px;
}
@media (max-width: 767px) {
  .work-with-us-slider .slick-dots {
    bottom: -40px;
  }
}
.work-with-us-slider .slick-dots li button::before {
  color: #005D44;
}
.work-with-us-slider .slick-dots li.slick-active button::before {
  color: #64B054;
}

.satisfaction {
  overflow: hidden;
  background-color: var(--primary-20);
  color: var(--primary-400);
  padding-top: 64px;
  padding-bottom: 65px;
  float: left;
  width: 100%;
  margin-bottom: 60px;
  font-size: 18px;
  line-height: 26px;
}
.satisfaction p {
  font-size: 18px;
  line-height: 26px;
  margin: 0;
}
@media (max-width: 1199px) {
  .satisfaction {
    padding-top: 0;
    padding-bottom: 50px;
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .satisfaction .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 480px) {
  .satisfaction .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.satisfaction .wc-title {
  margin-top: 0;
  text-align: left;
}
.satisfaction .wc-title h4 {
  text-align: left;
}
.satisfaction .element-container {
  padding: 30px 95px 0 95px;
  display: flex;
  gap: 75px;
  position: relative;
}
@media (max-width: 767px) {
  .satisfaction .element-container {
    flex-direction: column;
    padding: 0;
    gap: 30px;
  }
}
.satisfaction .element-container .line-01 {
  display: none;
}
.satisfaction .element-container .line-02 {
  display: none;
}
.satisfaction .element-container .satisfaction-area {
  width: 208px;
  display: inline-block;
}
@media (max-width: 1199px) {
  .satisfaction .element-container .satisfaction-area {
    display: block;
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .satisfaction .element-container .satisfaction-area {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 20px;
  }
}
.satisfaction .element-container .satisfaction-area .circle {
  margin-left: 7px;
  margin-bottom: 30px;
  display: block;
}
.satisfaction .element-container .satisfaction-area .circle.circle-mobile {
  display: none;
}
@media (max-width: 767px) {
  .satisfaction .element-container .satisfaction-area .circle {
    margin-left: 0;
    margin-bottom: 20px;
    width: 130px;
    height: 130px;
    overflow: hidden;
    display: none;
  }
  .satisfaction .element-container .satisfaction-area .circle.circle-mobile {
    display: block;
  }
}
@media (max-width: 767px) {
  .satisfaction .element-container .satisfaction-area .circle .circle-wrp {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 130px;
    z-index: 100;
  }
  .satisfaction .element-container .satisfaction-area .circle .circle-wrp svg,
  .satisfaction .element-container .satisfaction-area .circle .circle-wrp path {
    max-width: 130px;
    max-height: 130px;
  }
}
.satisfaction .element-container .satisfaction-area .circle .circle-wrp .light-line {
  stroke-width: 7;
  fill: var(--primary-20);
}
.satisfaction .element-container .satisfaction-area .circle .circle-wrp .bold-line {
  fill: var(--primary-20);
  stroke-width: 16px;
}
@media (max-width: 767px) {
  .satisfaction .element-container .satisfaction-area .circle .circle-wrp .bold-line {
    stroke-width: 12px;
  }
}
.satisfaction .element-container .satisfaction-area .circle .circle-wrp .circle-text {
  font-size: 48px !important;
  font-family: "Din-Bold", sans-serif;
}
@media (max-width: 767px) {
  .satisfaction .element-container .satisfaction-area .circle .circle-wrp .circle-text {
    max-width: 130px;
    font-size: 36px !important;
    max-height: 130px;
  }
}
.satisfaction .element-container .satisfaction-area .circle .circle-wrp .circle-text .symbol {
  font-size: 28px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .satisfaction .element-container .satisfaction-area .circle .circle-wrp .circle-text .symbol {
    font-size: 28px;
  }
}
.satisfaction .element-container .satisfaction-area .chart-text {
  font-size: 18px;
  line-height: 26px;
  width: 100%;
  text-align: center;
}
@media (max-width: 767px) {
  .satisfaction .element-container .satisfaction-area .chart-text {
    max-width: calc(100% - 150px);
  }
}
.satisfaction .element-container .opinion-area {
  display: inline-block;
  width: 100%;
}
@media (max-width: 1199px) {
  .satisfaction .element-container .opinion-area {
    display: block;
  }
}
.satisfaction .element-container .opinion-area .opinion-container {
  display: flex;
  padding-top: 40px;
}
.satisfaction .element-container .opinion-area .opinion-container:first-child {
  padding-top: 0;
}
.satisfaction .element-container .opinion-area .opinion-container .line-div {
  display: none;
}
.satisfaction .element-container .opinion-area .opinion-container .opinion-element-wrapper {
  display: block;
  float: left;
  width: 100%;
}
.satisfaction .element-container .opinion-area .opinion-container .opinion-box {
  width: 100%;
}
.satisfaction .element-container .opinion-area .opinion-container .opinion-box .opinion-text {
  font-size: 1.25rem;
  margin-bottom: 25px;
}
.satisfaction .element-container .opinion-area .opinion-container .opinion-box .opinion-element {
  display: flex;
  width: calc(33.33% - 20px);
  margin-left: 30px;
  float: left;
  gap: 16px;
  align-items: center;
  margin-bottom: 10px;
}
.satisfaction .element-container .opinion-area .opinion-container .opinion-box .opinion-element:nth-child(3n+1) {
  margin-left: 0;
}
@media (max-width: 1199px) {
  .satisfaction .element-container .opinion-area .opinion-container .opinion-box .opinion-element {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0;
  }
}
.satisfaction .element-container .opinion-area .opinion-container .opinion-box .opinion-element .element-text {
  display: inline-block;
  width: 100%;
  margin: 0;
}

.products-and-services {
  overflow: hidden;
  padding-bottom: 15px;
  opacity: 1 !important;
}
@media (max-width: 767px) {
  .products-and-services {
    padding: 0 25px;
  }
  .products-and-services .bper-wrapper, .products-and-services.bper-wrapper {
    padding: 0;
  }
}
.products-and-services.textOverCover {
  overflow: visible;
  float: left;
  width: 100%;
}
.products-and-services.textOverCover .product-info {
  top: 80px;
  bottom: auto;
  transform: translate(0) !important;
}
.products-and-services .wrapper-product-and-service {
  float: left;
  position: relative;
  width: 100%;
}
.products-and-services .product-highlight {
  background-color: #005D44;
}
.products-and-services .product-cover {
  width: 58.4%;
  float: left;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 24px;
  margin-top: 0 !important;
}
@media (max-width: 767px) {
  .products-and-services .product-cover {
    height: 200px;
  }
  .products-and-services .product-cover:after {
    display: none;
  }
}
.products-and-services .product-cover:after {
  padding-top: 62%;
  display: block;
  content: "";
}
.products-and-services .product-cover .keyword {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5.8%;
  z-index: 1;
}
.products-and-services .product-cover .keyword > span {
  float: right;
  line-height: 60px;
  color: white;
  font-size: 100px;
  font-family: "Din-Bold", sans-serif;
  text-align: right;
  margin-right: 40px;
}
@media (max-width: 1199px) {
  .products-and-services .product-cover .keyword > span {
    font-size: 70px;
  }
}
.products-and-services .product-cover .keyword > img {
  float: right;
  height: 60px;
  vertical-align: text-bottom;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) translateX(50%);
}
@media (max-width: 991px) {
  .products-and-services .product-cover .keyword > img {
    right: 10px;
  }
}
.products-and-services.left .product-info {
  padding: 30px 40px 26px 40px;
  padding-top: 32px;
  padding-bottom: 32px;
}
@media (max-width: 767px) {
  .products-and-services.left .product-info.has-keyword {
    padding-top: 40px !important;
  }
}
.products-and-services.left .product-info .keyword-icona {
  right: -40px;
  left: auto;
}
.products-and-services.left .product-cover {
  float: right;
}
.products-and-services.left .product-cover .keyword {
  left: 5.8%;
}
.products-and-services.left .product-cover .keyword > span {
  float: left;
  text-align: left;
  margin-right: 0;
  margin-left: 40px;
}
.products-and-services.left .product-cover .keyword > img {
  left: 15px;
  transform: translateY(-50%) translateX(-50%);
}
@media (max-width: 991px) {
  .products-and-services.left .product-cover .keyword > img {
    left: 10px;
  }
}
.products-and-services.left .product-info {
  float: left;
  margin-left: 0;
  left: 0;
}
.products-and-services .product-info {
  font: inherit;
  color: var(--primary-400);
  min-height: 50px;
  width: 56.57%;
  margin-top: 0;
  padding: 30px 40px 26px 40px;
  padding-top: 32px;
  padding-bottom: 32px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) !important;
  border-radius: 24px;
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.24);
  /*.title * {
  	font-size: $font-size-h3;
  	font-weight: $font-weight-h3;
  	line-height: 1.2;
  }*/
}
@media (max-width: 767px) {
  .products-and-services .product-info {
    padding: 45px 25px 35px 25px;
  }
}
@media (max-width: 767px) {
  .products-and-services .product-info.has-keyword {
    padding-top: 40px !important;
  }
}
.products-and-services .product-info .btn {
  max-width: 100%;
}
.products-and-services .product-info .btn:after {
  content: "";
  background-image: url("../images/icone-bper-2022/Icon-24pt-Arrow-Right-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  position: relative;
  transform: translateX(0);
  transition: all 0.2s ease;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -3px;
}
.products-and-services .product-info .btn:hover::after {
  transform: translateX(5px);
}
@media (max-width: 767px) {
  .products-and-services .product-info .btn {
    float: left !important;
  }
}
.products-and-services .product-info .keyword-icona {
  position: absolute;
  top: 30px;
  left: -40px;
  width: 64px;
  height: 64px;
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
  background: transparent linear-gradient(180deg, #9ECC95 0%, #64B054 100%) 0% 0% no-repeat padding-box;
  border-radius: 16px;
}
@media (max-width: 767px) {
  .products-and-services .product-info .keyword-icona {
    left: 25px !important;
    right: inherit !important;
    top: 0 !important;
    transform: translateY(-50%) !important;
  }
}
.products-and-services .product-info .keyword-icona img {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .products-and-services .product-info {
    transform: translate3d(0, 0, 0) !important;
  }
}
@media (max-width: 1199px) {
  .products-and-services .product-info .row.hidden-xs {
    display: flex;
    align-items: baseline;
  }
}
@media (max-width: 767px) {
  .products-and-services .product-info {
    transform: translate3d(0, 0, 0) !important;
    bottom: 50px;
    top: auto;
    position: relative;
    margin: 0 13px !important;
    width: calc(100% - 26px) !important;
  }
}
.products-and-services .product-info > .row p {
  color: var(--neutral-100);
  text-align: left;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
}
.products-and-services .product-info > .row p a {
  color: var(--secondary-80);
  text-decoration: underline;
  font-family: "Din-Bold", sans-serif;
  font: inherit;
}
.products-and-services .product-info > .row ul {
  color: var(--neutral-100);
}
.products-and-services .product-info .product-title img.image-link,
.products-and-services .product-info .product-title svg.image-link {
  max-width: 30px;
  max-height: 30px;
}
.products-and-services .product-info .product-title .col-xs-12 {
  display: flex;
  align-items: center;
  padding: 0 15px;
}
.products-and-services .product-info .product-title .product-image {
  max-width: 30px;
  max-height: 30px;
  vertical-align: top;
}
.products-and-services .product-info .product-title .product-image {
  max-width: 30px;
  max-height: 30px;
  vertical-align: baseline;
}
.products-and-services .product-info .product-title h4 {
  margin-top: 5px;
  margin-bottom: 12px;
  vertical-align: middle;
  display: inline-block;
  margin-left: 0px;
  vertical-align: text-bottom;
  color: var(--secondary-80);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 16px;
  line-height: 19px;
  height: 19px;
  letter-spacing: 0px;
}
.products-and-services .product-info .title {
  letter-spacing: var(--unnamed-character-spacing--0-03);
  color: var(--primary-400);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0px;
}
@media (max-width: 767px) {
  .products-and-services .product-info .title {
    font-size: 24px;
  }
}
.products-and-services .product-info .title a {
  font: inherit;
  color: inherit;
  text-decoration: underline;
}
.products-and-services .product-info .title a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .products-and-services .product-info .title {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.products-and-services .product-info .title * {
  font: inherit !important;
  line-height: inherit;
  color: inherit !important;
}
.products-and-services .product-info .title > p {
  margin: 0;
}
.products-and-services .product-info .subtitle {
  margin-top: 10px;
}
.products-and-services .product-info .subtitle > p {
  margin: 0;
}
.products-and-services .product-info .col-specifications {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
  margin-top: 26px;
}
.products-and-services .product-info .button-wrapper {
  margin-top: 18px;
}
.products-and-services.green .product-info {
  background-color: #005D44;
}
.products-and-services.green .product-info .product-title h4,
.products-and-services.green .product-info .title,
.products-and-services.green .product-info .subtitle p {
  color: #fff;
}
@media (max-width: 767px) {
  .products-and-services .product-cover {
    width: 100%;
    float: none;
  }
  .products-and-services .product-cover img {
    width: 100%;
  }
  .products-and-services .product-cover .keyword {
    display: none;
  }
  .products-and-services .product-info {
    min-height: 0;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-top: 0;
    padding: 45px 24px !important;
    padding-top: 32px !important;
    padding-bottom: 30px !important;
  }
  .products-and-services .product-info .keyword-icona {
    position: absolute;
    top: 30px;
    left: -40px;
    width: 64px;
    height: 64px;
    background-color: var(--secondary-70);
  }
  .products-and-services .product-info .keyword-icona img {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.products-and-services-adt.product-highlight .products-and-services {
  background-color: #005D44;
}

.products-and-services-adt.product-standard .products-and-services {
  background-color: #fff;
}

.products-and-services-adt.left .product-cover {
  float: right;
  margin-left: -50px;
}
.products-and-services-adt.left .product-cover .keyword {
  left: 5.8%;
}
.products-and-services-adt.left .product-cover .keyword > span {
  float: left;
  text-align: left;
  margin-right: 0;
  margin-left: 40px;
}
.products-and-services-adt.left .product-cover .keyword > img {
  left: 15px;
  transform: translateY(-50%) translateX(-50%);
}
@media (max-width: 991px) {
  .products-and-services-adt.left .product-cover .keyword > img {
    left: 10px;
  }
}
.products-and-services-adt.left .product-info {
  float: left;
  margin-left: 0;
}

.products-and-services-adt.right .product-cover {
  width: 47%;
  float: left;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 24px;
}
.products-and-services-adt.right .product-cover .keyword {
  display: none !important;
}
@media (max-width: 767px) {
  .products-and-services-adt.right .product-cover {
    margin-top: 0 !important;
    width: 100%;
  }
}
.products-and-services-adt.right .product-cover::after {
  padding-top: 100%;
  display: block;
  content: "";
}
.products-and-services-adt.right .product-cover .keyword {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5.8%;
  z-index: 1;
}
.products-and-services-adt.right .product-cover .keyword > span {
  float: right;
  line-height: 60px;
  color: #fff;
  font-size: 100px;
  font-family: "Din-Bold", sans-serif;
  text-align: right;
  margin-right: 40px;
}
@media (max-width: 1199px) {
  .products-and-services-adt.right .product-cover .keyword > span {
    font-size: 70px;
  }
}
.products-and-services-adt.right .product-cover .keyword > img {
  float: right;
  height: 60px;
  vertical-align: text-bottom;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) translateX(50%);
}
@media (max-width: 991px) {
  .products-and-services-adt.right .product-cover .keyword > img {
    right: 10px;
  }
}

.products-and-services-simple {
  overflow: hidden;
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
@media (max-width: 767px) {
  .products-and-services-simple {
    margin-bottom: 0px !important;
  }
}
@media (max-width: 767px) {
  .products-and-services-simple {
    padding-top: 10px !important;
    padding-bottom: 15px !important;
  }
}
.products-and-services-simple.textOverCover {
  overflow: visible;
}
@media (max-width: 767px) {
  .products-and-services-simple.textOverCover {
    margin-top: 40px !important;
  }
}
.products-and-services-simple.textOverCover .product-info {
  top: 80px;
  bottom: auto;
  transform: translate(0) !important;
}
@media (max-width: 767px) {
  .products-and-services-simple.textOverCover .product-info {
    top: -40px;
  }
}
.products-and-services-simple .product-info.green {
  font: inherit;
  background-color: #005D44;
  color: #fff;
  padding-bottom: 30px !important;
  /*&.hasbutton {
  	padding-bottom: 90px !important;
  }*/
}
.products-and-services-simple .product-info.green .title {
  color: inherit !important;
}
.products-and-services-simple .product-info.green .subtitle * {
  color: #fff;
}
.products-and-services-simple .product-info .title * {
  font-size: 48px;
  font-weight: 100;
  margin: 0;
  letter-spacing: 0;
  line-height: 1;
}
@media (max-width: 767px) {
  .products-and-services-simple .product-info__text br {
    display: none;
  }
}
@media (max-width: 767px) {
  .products-and-services-simple .spec-list {
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .products-and-services-simple .spec-list {
    width: 100%;
    float: left;
    position: relative;
  }
}
.products-and-services-simple .specification {
  /*padding-left: 0 !important;
  height: auto !important;
  margin-top: 20px;
  text-align: left !important;
  display: flex;
  align-items: center;

  @media (min-width: $screen-sm-min) {
  	display: block !important;
  	width: 25%;
  	list-style-type: none;
  	text-align: center !important;
  	float: left;
  }

  @media (max-width: $screen-xs-max) {
  	margin-top: 10px;
  	text-align: left !important;
  	display: list-item !important;

  	.img {
  		display: none !important;
  	}
  }*/
}
.products-and-services-simple .specification .image-link {
  height: 40px !important;
  position: static !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .products-and-services-simple .specification .image-link {
    margin: 10px 0;
  }
}
.products-and-services-simple .specification .image-link * {
  stroke: initial !important;
}
.products-and-services-simple .specification span {
  margin-left: 0 !important;
  position: static !important;
  display: block;
}
@media (max-width: 767px) {
  .products-and-services-simple .specification span {
    display: inline !important;
  }
  .products-and-services-simple .specification span:nth-child(3):before {
    content: " - ";
  }
}
.products-and-services-simple.left .btn {
  margin-top: 32px;
}
.products-and-services-simple.right .btn {
  margin-top: 32px;
}

.contacts-expanded {
  margin-bottom: 30px;
}
.contacts-expanded .loan-contacts {
  text-align: center;
  background: none;
  overflow: inherit;
  padding: 50px 0 20px;
}
@media (max-width: 480px) {
  .contacts-expanded .loan-contacts {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.contacts-expanded .loan-contacts .bds-wrapper {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
  padding: 0;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .contacts-expanded .loan-contacts .bds-wrapper {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  .contacts-expanded .loan-contacts .bds-wrapper {
    width: 100%;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area {
  width: 100%;
  display: flex !important;
}
@media (max-width: 995px) {
  .contacts-expanded .loan-contacts .bds-wrapper .contacts-area {
    display: grid !important;
    gap: 32px;
    grid-template-columns: calc(50% - 16px) calc(50% - 16px);
  }
}
@media (max-width: 767px) {
  .contacts-expanded .loan-contacts .bds-wrapper .contacts-area {
    grid-template-columns: 100%;
    gap: 24px;
  }
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-link-element {
  margin-bottom: 0;
  width: 100%;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 995px) {
  .contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-link-element {
    display: block;
    text-align: left;
    height: auto;
  }
}
@media (max-width: 767px) {
  .contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-link-element {
    display: flex !important;
    flex-direction: row;
    align-items: center;
  }
  .contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-link-element .contenuto-testuale {
    margin-left: 16px;
  }
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-link-element img {
  min-width: 24px;
  min-height: 24px;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container {
  width: 100%;
  display: block;
  background: #fff;
  box-shadow: 0px 8px 16px var(#7e8c8d);
  border: 1px solid #7b8e85;
  border-radius: 24px;
  padding: 0;
  border: 1px solid #caf0de;
  box-shadow: rgba(126, 140, 141, 0.08) 0px 8px 16px 0px;
  position: relative;
  height: 100%;
}
@media (max-width: 995px) {
  .contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container {
    max-width: 100%;
    width: 100%;
  }
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container + .contact-container {
  margin-left: 32px;
}
@media (max-width: 995px) {
  .contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container + .contact-container {
    margin-left: 0;
  }
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container > a:hover .name {
  color: #64B054;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container > a:hover .logo {
  display: none;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container > a:hover .logo.hover {
  display: block;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container.active > a:before {
  content: "";
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  display: block;
  bottom: -8px;
  left: 50%;
  background: #fff;
  z-index: -1;
  border: 1px solid #caf0de;
  transform: translateX(-50%) rotate(45deg);
}
@media (max-width: 995px) {
  .contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container.active > a:before {
    display: none;
  }
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container.active > a:after {
  content: "";
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  display: block;
  bottom: -5px;
  left: 50%;
  background: #fff;
  z-index: 1;
  border: none;
  transform: translateX(-50%) rotate(45deg);
}
@media (max-width: 995px) {
  .contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container.active > a:after {
    display: none;
  }
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container.active .name {
  color: #64B054;
  position: relative !important;
  left: 0 !important;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container.active .logo {
  display: none;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container.active .logo.hover {
  display: block;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container .logo {
  margin-left: 0 !important;
  vertical-align: middle;
  margin-bottom: 10px;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container .logo.hover {
  display: none;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container .contact-link {
  color: var(--primary-500);
  text-align: left;
  font-weight: 400;
  display: block;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container p {
  margin: 0;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container h5.tel {
  display: none;
  padding-left: 10px;
}
.contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container .name {
  color: #005D44;
  text-align: left;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #005D44;
  margin: 0;
  padding: 0;
  position: relative !important;
  left: 0 !important;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .contacts-expanded .loan-contacts .bds-wrapper .contacts-area .contact-container .name {
    position: relative;
    left: inherit;
    display: block;
  }
}
.contacts-expanded .loan-contacts .bds-wrapper .loan-title h3 {
  margin: 0;
  color: var(--primary-500);
  text-align: center;
  font-weight: 400;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -0.07px;
}
@media (max-width: 767px) {
  .contacts-expanded .loan-contacts .bds-wrapper .loan-title h3 {
    text-align: left;
  }
}
.contacts-expanded .loan-contacts .bds-wrapper .loan-title h3 b,
.contacts-expanded .loan-contacts .bds-wrapper .loan-title h3 strong {
  color: var(--secondary-90);
  text-align: center;
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -0.07px;
}
.contacts-expanded .loan-contacts .bds-wrapper .loan-title + .contacts-area {
  margin-top: 55px;
}
.contacts-expanded .loan-contacts .bds-wrapper .loan-subtitle {
  display: none;
}
.contacts-expanded .loan-contacts .bds-wrapper .loan-subtitle h4 {
  font-weight: normal;
  font-size: 20px;
}
.contacts-expanded .contacts-expanded-close-btn {
  display: none;
}
@media (max-width: 767px) {
  .contacts-expanded .contacts-expanded-close-btn {
    display: block;
    position: absolute;
    top: 25px;
    right: 25px;
  }
}
.contacts-expanded .contacts-expanded-slide {
  display: flex;
  flex-direction: column;
  height: auto;
  position: relative;
  margin: 0;
  margin-top: 64px;
}
.contacts-expanded .contacts-expanded-slide .second-row {
  justify-content: space-between;
  display: flex;
}
@media (max-width: 767px) {
  .contacts-expanded .contacts-expanded-slide .second-row {
    flex-direction: column;
  }
  .contacts-expanded .contacts-expanded-slide .second-row .contacts-expanded-slide-left {
    width: 100% !important;
  }
  .contacts-expanded .contacts-expanded-slide .second-row .contacts-expanded-slide-right {
    width: 100% !important;
  }
}
.contacts-expanded .contacts-expanded-slides {
  position: relative;
}
.contacts-expanded .contacts-expanded-slides .bds-wrapper {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
  padding: 0;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .contacts-expanded .contacts-expanded-slides .bds-wrapper {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  .contacts-expanded .contacts-expanded-slides .bds-wrapper {
    width: 100%;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
@media (max-width: 995px) {
  .contacts-expanded .contacts-expanded-slides {
    display: block;
    position: fixed;
    background: rgba(4, 63, 66, 0.7);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    margin: 0;
  }
  .contacts-expanded .contacts-expanded-slides .contacts-expanded-slide {
    position: absolute;
    background: #fff;
    top: 50%;
    width: 100%;
    left: 50%;
    overflow-y: auto;
    padding: 25px;
    transform: translateX(-50%) translateY(-50%);
    margin: 0;
    max-height: calc(100% - 50px);
    max-width: calc(100% - 50px);
    border-radius: 24px;
    box-shadow: 0 16px 24px rgba(7, 29, 31, 0.32);
    padding-top: 75px;
  }
}
.contacts-expanded .contacts-expanded-slide-right {
  background: none;
  color: var(--primary-500);
}
.contacts-expanded .contacts-expanded-slide-right .inner-padding {
  display: flex;
  flex-direction: column;
}
.contacts-expanded .contacts-expanded-slide-right .title-right {
  color: var(--secondary-90);
  text-align: left;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}
.contacts-expanded .contacts-expanded-slide-right .title {
  color: var(--secondary-90);
  text-align: left;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}
.contacts-expanded .contacts-expanded-slide-right .paragraph-right {
  color: var(--primary-500);
  text-align: left;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
}
.contacts-expanded .contacts-expanded-slide-right .bold-right {
  color: var(--primary-500);
  text-align: left;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
}
.contacts-expanded .contacts-expanded-slide-right .link-cta {
  margin-top: 32px;
}
.contacts-expanded .contacts-expanded-slide-left {
  padding-right: 30px;
  padding-left: 0;
  padding-top: 0;
}
.contacts-expanded .free-html-ul {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  margin-top: 33px;
}
.contacts-expanded .free-html-ul li {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
  color: var(--primary-500);
}
.contacts-expanded .free-html-ul li span {
  display: block;
  text-decoration: none;
}
.contacts-expanded .free-html-ul li p {
  margin: 0;
  text-decoration: none;
}
.contacts-expanded .free-html-ul li img {
  max-width: 21px;
  max-height: 21px;
  margin-right: 10px;
  text-decoration: none;
}
.contacts-expanded .free-html-ul li a {
  color: var(--accent-90);
  text-decoration: underline;
  font-weight: 700;
}
.contacts-expanded .free-html-ul li a:hover {
  color: var(--accent-90);
  text-decoration: none;
}
.contacts-expanded .free-html-ul li + li {
  margin-top: 20px;
}
.contacts-expanded .contacts-expanded-slide-title {
  padding: 0;
  margin: 0;
  line-height: 1;
  color: var(--primary-500);
  text-align: left;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: -0.03px;
  margin-bottom: 24px;
}
.contacts-expanded .contacts-expanded-slide-logo {
  display: none;
}
.contacts-expanded .contacts-expanded-slide-text {
  color: var(--primary-500);
  text-align: left;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
}

.hidden {
  display: none !important;
}

.branch-images-block {
  color: var(--primary-400);
}
@media (max-width: 480px) {
  .branch-images-block .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.branch-images-block img {
  width: 100%;
}
.branch-images-block .image {
  margin-top: 64px;
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .branch-images-block .image {
    margin-top: 110px;
    margin-bottom: 50px;
  }
}
.branch-images-block .image img {
  border-radius: 24px;
}
.branch-images-block .html-text {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}
.branch-images-block .html-text b,
.branch-images-block .html-text strong {
  font-family: "Din-Bold", sans-serif;
}
.branch-images-block .html-text p {
  margin: 0;
}
.branch-images-block .citazione {
  font-size: 28px;
  line-height: 36px;
  font-weight: 400;
  margin-top: 32px;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .branch-images-block .citazione {
    margin-top: 50px;
    margin-bottom: 36px;
    font-size: 24px;
    line-height: 32px;
  }
}
.branch-images-block .blocco-sotto {
  margin-top: 185px;
  background-color: var(--neutral-5);
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  .branch-images-block .blocco-sotto {
    margin-top: 230px;
  }
}
.branch-images-block .blocco-sotto .bper-wrapper-content {
  position: relative;
}
.branch-images-block .blocco-sotto .bper-wrapper-content .images-left {
  width: 51%;
  position: relative;
  float: left;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .branch-images-block .blocco-sotto .bper-wrapper-content .images-left {
    width: 100%;
    margin-top: -170px;
    margin-bottom: 50px;
  }
}
.branch-images-block .blocco-sotto .bper-wrapper-content .images-left .image-middle {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translateY(-115px);
  border-radius: 24px;
}
@media (max-width: 767px) {
  .branch-images-block .blocco-sotto .bper-wrapper-content .images-left .image-middle {
    transform: none;
  }
}
.branch-images-block .blocco-sotto .bper-wrapper-content .images-left .image-middle:after {
  content: "";
  display: block;
  padding-top: 106%;
}
.branch-images-block .blocco-sotto .bper-wrapper-content .image-bottom {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 99;
  width: 78.5%;
  transform: translateX(37px) translateY(52px);
  border-radius: 24px;
}
@media (max-width: 767px) {
  .branch-images-block .blocco-sotto .bper-wrapper-content .image-bottom {
    transform: none;
    width: 100%;
    margin-top: 112px;
    display: none;
  }
}
.branch-images-block .blocco-sotto .bper-wrapper-content .image-bottom:after {
  content: "";
  display: block;
  padding-top: 56%;
}
.branch-images-block .blocco-sotto .bper-wrapper-content .image-bottom-2 {
  display: none;
}
@media (max-width: 767px) {
  .branch-images-block .blocco-sotto .bper-wrapper-content .image-bottom-2 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    border-radius: 24px;
    margin-top: 100px;
    margin-bottom: 50px;
    display: block;
  }
}
.branch-images-block .blocco-sotto .bper-wrapper-content .image-bottom-2:after {
  content: "";
  display: block;
  padding-top: 56%;
}
.branch-images-block .blocco-sotto .bper-wrapper-content .text-4 {
  margin-top: 70px;
  width: 40.5%;
  float: right;
}
@media (max-width: 767px) {
  .branch-images-block .blocco-sotto .bper-wrapper-content .text-4 {
    width: 100%;
    margin-top: 0 !important;
    float: left;
  }
}

.social-sharing {
  overflow: hidden;
  float: left;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
}
.social-sharing .social-share-icons {
  text-align: right;
  transition: transform 0.5s ease-in;
  float: right;
  width: auto;
}
.social-sharing .social-share-icons.active {
  transform: translateX(0) !important;
}
.social-sharing .social-share-icons.active .arrow {
  transform: rotate(180deg);
}
.social-sharing .social-share-icons .hidden-logo {
  display: block;
  border-left: none;
  float: left;
  margin-right: 30px;
}
.social-sharing .social-share-icons .arrow {
  width: 30px;
  height: 60px;
  background-position: center;
  background-image: url(../images/arrow-share.png);
  background-size: 15px;
  float: left;
  background-repeat: no-repeat;
  margin-right: 15px;
  cursor: pointer;
  transition: all 0.5s ease-in;
  transform: rotate(0);
}
.social-sharing .social-share-icons .arrow + .social-btn {
  border-left: solid 1px #ddd;
}
.social-sharing .social-share-icons .social-btn {
  padding: 0;
  margin-left: 0px;
  display: block;
  float: left;
  cursor: pointer;
  text-decoration: none;
  width: 50px;
  height: 50px;
  border-radius: 0;
  border: solid 1px #ddd;
  border-left: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}
.social-sharing .social-share-icons .social-btn:first-child {
  border-left: solid 1px #ddd;
}
@media (max-width: 767px) {
  .social-sharing .social-share-icons .social-btn {
    display: block;
    text-align: right;
    width: 42px;
    margin-left: auto;
  }
  .social-sharing .social-share-icons .social-btn:first-child {
    border-left: none;
  }
}
.social-sharing .social-share-icons .social-btn.email {
  background-image: url(../images/mail.png);
}
.social-sharing .social-share-icons .social-btn.facebook {
  background-image: url(../images/facebook.png);
}
.social-sharing .social-share-icons .social-btn.twitter {
  background-image: url(../images/twitter.png);
}
.social-sharing .social-share-icons .social-btn.messenger {
  background-image: url(../images/messenger.png);
}
.social-sharing .social-share-icons .social-btn.more {
  background-image: url(../images/more.png);
}
.social-sharing .social-share-icons .social-btn.share {
  border: none;
  line-height: 60px;
  width: inherit;
  margin-right: 0px;
}
.social-sharing .social-share-icons .social-btn .arrow {
  display: inline-block;
  margin-right: -3px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #bcb6af;
}
.social-sharing .social-share-icons .social-btn .icon-fixed-width {
  background-color: #bcb6af;
  color: #7E8C8D;
  width: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  transition: color 0.5s ease-in;
  display: none;
}
.social-sharing .social-share-icons .social-btn .icon-fixed-width:hover {
  color: #ea862c;
}
.social-sharing .social-share-icons .social-btn .text {
  display: none;
  font-size: 18px;
}
.social-sharing .social-share-icons .social-btn .hidden-logo .social-btn:first-child {
  display: none;
}
@media (max-width: 767px) {
  .social-sharing .social-share-icons .social-btn:first-child {
    display: inline-block;
    width: auto;
  }
}
.social-sharing .social-share-icons .social-btn:first-child:hover .icon,
.social-sharing .social-share-icons .social-btn:first-child:hover .text {
  color: #ea862c;
}
.social-sharing .social-share-icons .social-btn:first-child .icon {
  background-color: transparent;
  color: #CFE6CA;
  font-size: 36px;
  width: auto;
  padding: 0;
  vertical-align: middle;
  margin-right: 10px;
  transition: color 0.5s ease-in;
}
.social-sharing .social-share-icons .social-btn:first-child .text {
  display: inline-block;
  color: #CFE6CA;
  transition: color 0.5s ease-in;
  /* font-weight: 400;
                 padding-right: 10px;
  */
  display: none;
}
@media (max-width: 767px) {
  .social-sharing .social-share-icons .social-btn:nth-child(2) {
    display: inline;
  }
}
.social-sharing .social-share-popup {
  display: block;
  position: fixed;
  top: -120%;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.6s ease-in;
}
.social-sharing .social-share-popup.show {
  top: 0;
  display: block;
}
.social-sharing .social-share-popup .social-share-wrapper {
  width: 40vw;
  position: absolute;
  height: 50vh;
  top: 25%;
  left: 30%;
  z-index: 10000;
  background-color: #fff;
  padding: 30px;
  border: solid 1px #ddd;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 1199px) {
  .social-sharing .social-share-popup .social-share-wrapper {
    width: 60%;
    height: 60%;
    top: 20%;
    left: 20%;
  }
}
@media (max-width: 991px) {
  .social-sharing .social-share-popup .social-share-wrapper {
    width: 70%;
    height: 70%;
    top: 15%;
    left: 15%;
  }
}
@media (max-width: 767px) {
  .social-sharing .social-share-popup .social-share-wrapper {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 15px;
  }
}
.social-sharing .social-share-popup .title {
  text-align: center;
  margin-bottom: 30px;
}
.social-sharing .social-share-popup .social-btn {
  padding: 0;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  width: 49%;
  text-align: left;
}
.social-sharing .social-share-popup .social-btn:hover .icon-fixed-width,
.social-sharing .social-share-popup .social-btn:hover .text {
  color: #ea862c;
}
@media (max-width: 767px) {
  .social-sharing .social-share-popup .social-btn {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
.social-sharing .social-share-popup .social-btn.email .text:before {
  background-image: url(../images/mail.png);
}
.social-sharing .social-share-popup .social-btn.print .text:before {
  background-image: url(../images/mail.png);
}
.social-sharing .social-share-popup .social-btn.facebook .text:before {
  background-image: url(../images/facebook.png);
}
.social-sharing .social-share-popup .social-btn.twitter .text:before {
  background-image: url(../images/twitter.png);
}
.social-sharing .social-share-popup .social-btn.messenger .text:before {
  background-image: url(../images/messenger.png);
}
.social-sharing .social-share-popup .social-btn.googleplus .text:before {
  background-image: url(../images/google.png);
}
.social-sharing .social-share-popup .social-btn.linkedin .text:before {
  background-image: url(../images/linkedin.png);
}
.social-sharing .social-share-popup .social-btn .text {
  padding-left: 60px;
  line-height: 60px;
  position: relative;
}
.social-sharing .social-share-popup .social-btn .text:before {
  position: absolute;
  content: "";
  display: block;
  left: 0px;
  width: 60px;
  height: 60px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px;
}
.social-sharing .social-share-popup .social-btn .icon-fixed-width {
  color: #7E8C8D;
  font-size: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  vertical-align: sub;
  padding-left: 50px;
  padding-right: 50px;
  transition: color 0.5s;
}
@media (max-width: 767px) {
  .social-sharing .social-share-popup .social-btn .icon-fixed-width {
    padding-left: 30px;
  }
}
.social-sharing .social-share-popup .social-btn .text {
  display: inline-block;
  color: #005D44;
  transition: color 0.5s;
}
.social-sharing .social-share-popup .close {
  position: absolute;
  top: 15px;
  right: 15px;
  opacity: 1;
  transition: opacity 0.5s ease-in;
  cursor: pointer;
}
@media (max-width: 767px) {
  .social-sharing .social-share-popup .close {
    right: 30px;
  }
}
.social-sharing .social-share-popup .close:hover {
  opacity: 0.5;
}

.sub-cover.bper-wrapper.bper-wrapper-inverse {
  min-width: 100%;
  background-color: #015256;
  padding-top: 88px;
  padding-bottom: 91px;
}
@media (max-width: 768px) {
  .sub-cover.bper-wrapper.bper-wrapper-inverse {
    padding-top: 56px;
    padding-bottom: 45px;
  }
}
.sub-cover.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
  max-width: 1170px;
  min-width: 1px;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .sub-cover.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 480px) {
  .sub-cover.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}
.sub-cover .sub-cover-title {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  padding-bottom: 18px;
}
@media (max-width: 768px) {
  .sub-cover .sub-cover-title {
    padding-bottom: 30px;
    font-size: 50px;
  }
}

.info-value-1.bper-wrapper {
  padding-top: 43px;
  padding-bottom: 60px;
}
@media (max-width: 768px) {
  .info-value-1.bper-wrapper {
    padding-bottom: 0;
  }
}
.info-value-1 .info-value-1-img {
  float: right;
  width: 50%;
}
@media (max-width: 768px) {
  .info-value-1 .info-value-1-img {
    width: 100%;
    float: left;
  }
}
.info-value-1 .info-value-1-img .bkg {
  min-height: 100%;
  height: 700px;
  background-repeat: no-repeat;
  background-position: center;
  left: -50px;
  background-size: contain;
}
@media (max-width: 768px) {
  .info-value-1 .info-value-1-img .bkg {
    height: 350px;
    display: none;
    right: 0;
  }
}
.info-value-1 .info-value-1-content {
  padding-left: 0;
  padding-top: 106px;
  float: left;
  width: 50%;
}
@media (max-width: 768px) {
  .info-value-1 .info-value-1-content {
    padding-top: 0;
    width: 100%;
  }
}
.info-value-1 .info-value-1-number {
  font-size: 200px;
  line-height: 1;
  font-family: "Din-Bold", sans-serif;
  margin-bottom: -20px;
}
@media (max-width: 768px) {
  .info-value-1 .info-value-1-number {
    font-size: 170px;
  }
}
@media (max-width: 376px) {
  .info-value-1 .info-value-1-number {
    font-size: 130px;
  }
}
.info-value-1 .info-value-1-title {
  font-size: 64px;
  line-height: 1;
  font-family: "Din-Bold", sans-serif;
  margin-bottom: 46px;
}
@media (max-width: 768px) {
  .info-value-1 .info-value-1-title {
    font-size: 50px;
  }
}

.info-value-2.bper-wrapper {
  padding-top: 30px;
  padding-bottom: 60px;
}
@media (max-width: 768px) {
  .info-value-2.bper-wrapper {
    padding-bottom: 0;
    padding-top: 5px;
  }
}
.info-value-2 .info-value-2-content {
  float: left;
  width: 50%;
}
@media (max-width: 768px) {
  .info-value-2 .info-value-2-content {
    width: 100%;
  }
}
.info-value-2 .info-value-2-img {
  min-height: 100%;
  height: 700px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  float: right;
  width: 50%;
}
@media (max-width: 768px) {
  .info-value-2 .info-value-2-img {
    height: 350px;
    float: left;
    width: 100%;
  }
}
.info-value-2 .info-value-2-first-container {
  padding-left: 0;
  padding-top: 108px;
}
@media (max-width: 768px) {
  .info-value-2 .info-value-2-first-container {
    padding-top: 66px;
  }
}
.info-value-2 .info-value-2-first-container .info-value-2-percentage {
  font-size: 100px;
  line-height: 1;
  font-family: "Din-Bold", sans-serif;
}
@media (max-width: 768px) {
  .info-value-2 .info-value-2-first-container .info-value-2-percentage {
    line-height: 50px;
  }
}
.info-value-2 .info-value-2-first-container .info-value-2-gender {
  font-size: 64px;
  line-height: 1;
  font-family: "Din-Bold", sans-serif;
}
.info-value-2 .info-value-2-first-container .info-value-2-text {
  margin-bottom: 43px;
  min-height: 120px;
}
.info-value-2 .info-value-2-second-container {
  padding-left: 0;
}
.info-value-2 .info-value-2-second-container .info-value-2-percentage {
  font-size: 200px;
  line-height: 155px;
  font-family: "Din-Bold", sans-serif;
}
@media (max-width: 768px) {
  .info-value-2 .info-value-2-second-container .info-value-2-percentage {
    font-size: 150px;
  }
}
.info-value-2 .info-value-2-second-container .info-value-2-gender {
  font-size: 64px;
  line-height: 1;
  font-family: "Din-Bold", sans-serif;
}
.info-value-2 .info-value-2-second-container .info-value-2-text {
  padding-top: 12px;
}

.info-value-3.bper-wrapper {
  padding-top: 30px;
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .info-value-3.bper-wrapper {
    padding-top: 5px;
    padding-bottom: 60px;
  }
}
.info-value-3 .info-value-3-content {
  float: left;
  width: 50%;
  padding-top: 118px;
}
@media (max-width: 768px) {
  .info-value-3 .info-value-3-content {
    padding-top: 0;
    width: 100%;
  }
}
.info-value-3 .info-value-3-text {
  padding-bottom: 38px;
}
.info-value-3 .info-value-3-title {
  font-size: 64px;
  line-height: 1;
  font-family: "Din-Bold", sans-serif;
  padding-bottom: 22px;
}
@media (max-width: 768px) {
  .info-value-3 .info-value-3-title {
    font-size: 60px;
  }
}
.info-value-3 .info-value-3-img {
  min-height: 100%;
  height: 700px;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  background-size: contain;
  float: right;
  width: 50%;
}
@media (max-width: 768px) {
  .info-value-3 .info-value-3-img {
    height: 350px;
    width: 100%;
    float: left;
  }
}
.info-value-3 .info-value-3-container {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
}
@media (max-width: 768px) {
  .info-value-3 .info-value-3-container {
    font-size: 40px;
  }
}
.info-value-3 .info-value-3-container .info-value-3-first-percentage {
  line-height: 1;
  font-family: "Din-Bold", sans-serif;
}
.info-value-3 .info-value-3-container .info-value-3-second-percentage {
  font-size: 100px;
  line-height: 1;
  font-family: "Din-Bold", sans-serif;
}
@media (max-width: 768px) {
  .info-value-3 .info-value-3-container .info-value-3-second-percentage {
    font-size: 70px;
  }
}
.info-value-3 .info-value-3-container .info-value-3-second-percent {
  margin-right: -15px;
}
.info-value-3 .info-value-3-sign {
  vertical-align: 5px;
  font-size: 0.9em;
  font-weight: normal;
}
.info-value-3 .info-value-3-label {
  font-size: 64px;
  line-height: 1;
  font-family: "Din-Bold", sans-serif;
  margin-left: 155px;
}
@media (max-width: 768px) {
  .info-value-3 .info-value-3-label {
    margin-left: 0;
    font-size: 40px;
  }
}
.info-value-3 .info-value-3-caption {
  margin-left: 158px;
}
@media (max-width: 768px) {
  .info-value-3 .info-value-3-caption {
    margin-left: 0;
    margin-top: 2px;
  }
}

.clock-block {
  overflow: hidden;
}
@media (max-width: 480px) {
  .clock-block {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}
.clock-block .clock-block-img {
  width: 100%;
  max-width: 600px !important;
  display: block;
  margin: auto;
}
.clock-block .row-flex {
  display: flex;
  position: relative;
  align-items: start;
}
@media (max-width: 991px) {
  .clock-block .row-flex {
    display: block;
  }
}
.clock-block video {
  float: left;
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
}
.clock-block.bper-wrapper-inverse {
  min-width: 100%;
  width: 100%;
  padding-top: 124px;
  padding-bottom: 121px;
  color: #fff;
  background-color: #005D44;
}
.clock-block.bper-wrapper-inverse .title {
  color: #64B054;
}
@media (max-width: 992px) {
  .clock-block.bper-wrapper-inverse {
    padding-top: 49px;
    padding-bottom: 72px;
  }
}
@media (max-width: 992px) {
  .clock-block-img {
    padding-bottom: 44px;
  }
}
.clock-block-content {
  padding-top: 5px;
}
.clock-block-content2 {
  padding-top: 30px;
}
.clock-block-title {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  padding-bottom: 26px;
}
@media (max-width: 768px) {
  .clock-block-title {
    font-size: 55px;
  }
}
.clock-block-text {
  padding-bottom: 40px;
}
@media (max-width: 992px) {
  .clock-block-text {
    padding-bottom: 12px;
  }
}
.clock-block-value {
  font-size: 100px;
  font-family: "Din-Bold", sans-serif;
  line-height: 64px;
}
@media (max-width: 768px) {
  .clock-block-value {
    font-size: 85px;
  }
}
.clock-block-values {
  padding-top: 40px;
}
.clock-block-label {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  line-height: 50px;
  display: block;
}
.clock-block-caption {
  padding-top: 5px;
  text-align: left;
}

@media (max-width: 480px) {
  .sustainability-video {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.sustainability-video .sustainability-video-content {
  position: absolute;
  z-index: 1;
  padding-top: 138px;
}
@media (max-width: 991px) {
  .sustainability-video .sustainability-video-content {
    position: relative;
    padding-top: 56px;
  }
}
.sustainability-video .sustainability-video-simple-title {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
}
@media (max-width: 768px) {
  .sustainability-video .sustainability-video-simple-title {
    font-size: 40px;
  }
}
.sustainability-video .sustainability-video-simple-title p {
  line-height: inherit;
}
.sustainability-video .sustainability-video-quantity-title-value {
  font-size: 100px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
}
@media (max-width: 992px) {
  .sustainability-video .sustainability-video-quantity-title-value {
    font-size: 75px;
  }
}
@media (max-width: 768px) {
  .sustainability-video .sustainability-video-quantity-title-value {
    font-size: 50px;
  }
}
.sustainability-video .sustainability-video-quantity-title-unit {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
}
@media (max-width: 768px) {
  .sustainability-video .sustainability-video-quantity-title-unit {
    font-size: 50px;
  }
}
.sustainability-video .sustainability-video-quantity-title-label {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
}
@media (max-width: 768px) {
  .sustainability-video .sustainability-video-quantity-title-label {
    font-size: 50px;
  }
}
.sustainability-video .sustainability-video-text {
  padding-top: 16px;
}
.sustainability-video .sustainability-video-background {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.sustainability-video .sustainability-video-display {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .sustainability-video .sustainability-video-display {
    z-index: 2;
  }
}
.sustainability-video .overlay {
  width: 100%;
  height: 100%;
  z-index: 1;
}

.two-columns-value-1.bper-wrapper.bper-wrapper-inverse {
  min-width: 100%;
  padding: 124px 0 98px;
}
@media (max-width: 768px) {
  .two-columns-value-1.bper-wrapper.bper-wrapper-inverse {
    padding-top: 92px;
  }
}
.two-columns-value-1.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
  min-width: 1px;
  max-width: 1170px;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .two-columns-value-1.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 480px) {
  .two-columns-value-1.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
  .two-columns-value-1.bper-wrapper.bper-wrapper-inverse .bper-wrapper .container {
    padding-left: 0;
    padding-right: 0;
  }
}
.two-columns-value-1 .two-columns-value-1-title {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  padding-bottom: 15px;
}
@media (max-width: 992px) {
  .two-columns-value-1 .two-columns-value-1-title {
    padding-bottom: 45px;
  }
}
@media (max-width: 768px) {
  .two-columns-value-1 .two-columns-value-1-title {
    font-size: 50px;
  }
}
.two-columns-value-1 .two-columns-value-1-title p {
  line-height: inherit;
}
.two-columns-value-1 .two-columns-value-1-text {
  padding-bottom: 22px;
}
@media (max-width: 992px) {
  .two-columns-value-1 .two-columns-value-1-list {
    padding-bottom: 58px;
  }
}
.two-columns-value-1 .two-columns-value-1-list .col-xs-6:nth-of-type(2n + 1) {
  margin-right: -25px;
}
@media (max-width: 992px) {
  .two-columns-value-1 .two-columns-value-1-list .col-xs-6:nth-of-type(2n + 1) {
    margin-right: 0;
  }
}
.two-columns-value-1 .two-columns-value-1-list-value {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
}

.two-columns-value-2.bper-wrapper.bper-wrapper-inverse {
  min-width: 100%;
  width: 100%;
  padding: 114px 0 128px;
}
@media (max-width: 768px) {
  .two-columns-value-2.bper-wrapper.bper-wrapper-inverse {
    padding-top: 60px;
  }
}
.two-columns-value-2.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
  min-width: 1px;
  max-width: 1170px;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .two-columns-value-2.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 480px) {
  .two-columns-value-2.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
  .two-columns-value-2.bper-wrapper.bper-wrapper-inverse .bper-wrapper .container {
    padding-left: 0;
    padding-right: 0;
  }
}
.two-columns-value-2 .two-columns-value-2-img {
  text-align: center;
}
.two-columns-value-2 .two-columns-value-2-img-mobile {
  width: 100px;
  top: -40px;
  position: absolute;
}
.two-columns-value-2 .two-columns-value-2-img-mobile img {
  position: absolute;
  left: -50%;
}
.two-columns-value-2 .two-columns-value-2-title {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  padding-top: 8px;
  padding-bottom: 18px;
}
.two-columns-value-2 .two-columns-value-2-title p {
  line-height: inherit;
}
@media (max-width: 768px) {
  .two-columns-value-2 .two-columns-value-2-title {
    font-size: 50px;
  }
}
.two-columns-value-2 .two-columns-value-2-text {
  padding-bottom: 70px;
}
.two-columns-value-2 .two-columns-value-2-amount {
  font-size: 150px;
  font-family: "Din-Bold", sans-serif;
  line-height: 0.733;
}
@media (max-width: 1300px) {
  .two-columns-value-2 .two-columns-value-2-amount {
    font-size: 100px;
  }
}
@media (max-width: 768px) {
  .two-columns-value-2 .two-columns-value-2-amount {
    font-size: 50px;
  }
}
.two-columns-value-2 .two-columns-value-2-label {
  font-size: 50px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  padding-bottom: 18px;
}

.numbers {
  float: left;
  width: 100%;
  overflow: hidden;
  margin-bottom: 230px;
}
@media (max-width: 992px) {
  .numbers {
    margin-bottom: 0;
  }
}
.numbers .container {
  padding: 150px 0 100px;
}
@media (max-width: 992px) {
  .numbers .container {
    padding-top: 38px;
    padding-bottom: 42px;
    width: 100%;
  }
}
.numbers .numbers-number {
  font-size: 200px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
}
@media (max-width: 1600px) {
  .numbers .numbers-number {
    font-size: 160px;
  }
}
@media (max-width: 1100px) {
  .numbers .numbers-number {
    float: left;
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .numbers .numbers-number {
    font-size: 85px;
  }
}
@media (max-width: 1300px) {
  .numbers .numbers-number {
    font-size: 130px;
  }
}
@media (max-width: 992px) {
  .numbers .numbers-number {
    font-size: 85px;
  }
}
@media (max-width: 768px) {
  .numbers .numbers-number {
    font-size: 40px;
  }
}
.numbers .numbers-number.small {
  font-size: 170px;
}
@media (max-width: 767px) {
  .numbers .numbers-number.small {
    font-size: 52px;
  }
}
@media (max-width: 768px) {
  .numbers .numbers-number.small {
    font-size: 40px;
  }
}
.numbers .numbers-label {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  padding-bottom: 46px;
}
@media (max-width: 1100px) {
  .numbers .numbers-label {
    font-size: 55px;
  }
}
@media (min-width: 992px) {
  .numbers .numbers-label {
    padding-left: 146px;
  }
}
@media (max-width: 768px) {
  .numbers .numbers-label {
    font-size: 40px;
  }
}
.numbers .numbers-text-container {
  min-height: 0;
  padding-bottom: 0;
  position: relative;
}
@media (max-width: 992px) {
  .numbers .numbers-text-container {
    min-height: 0;
  }
}
.numbers .numbers-text-container img {
  right: 0;
  position: absolute;
  width: auto;
  max-width: 50%;
}
@media (max-width: 992px) {
  .numbers .numbers-text-container img {
    position: relative;
    right: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.numbers .numbers-text {
  float: left;
}
@media (min-width: 992px) {
  .numbers .numbers-text {
    padding-left: 148px;
  }
}
.numbers .numbers-amount {
  font-size: 174px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  letter-spacing: 0;
}
@media (max-width: 992px) {
  .numbers .numbers-amount {
    font-size: 52px;
  }
}
.numbers .numbers-amount-label {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  text-align: center;
  padding-bottom: 198px;
}
@media (max-width: 992px) {
  .numbers .numbers-amount-label {
    font-size: 50px;
    text-align: left;
    padding-bottom: 0;
  }
}

.our-numbers {
  max-width: 100%;
  overflow: hidden;
}
.our-numbers.bper-wrapper.bper-wrapper-inverse {
  min-width: 100%;
}
.our-numbers.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
  max-width: 1170px;
  min-width: 1px;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .our-numbers.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 480px) {
  .our-numbers.bper-wrapper.bper-wrapper-inverse .bper-wrapper {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}
.our-numbers .container {
  padding: 126px 0 146px;
}
@media (min-width: 992px) {
  .our-numbers .container {
    float: left;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .our-numbers .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .our-numbers .container {
    padding-top: 72px;
    padding-bottom: 52px;
  }
}
.our-numbers .our-numbers-title {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
}
.our-numbers .our-numbers-text {
  padding-top: 22px;
  width: 71%;
}
@media (max-width: 991px) {
  .our-numbers .our-numbers-text {
    width: 100%;
  }
}
.our-numbers .our-numbers-list {
  padding-top: 70px;
}
@media (max-width: 991px) {
  .our-numbers .our-numbers-list {
    font-size: 40px;
  }
}
.our-numbers .our-numbers-item {
  font-size: 75px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  text-align: right;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .our-numbers .our-numbers-item {
    font-size: 60px;
  }
}
@media (max-width: 991px) {
  .our-numbers .our-numbers-item {
    font-size: 40px;
  }
}
.our-numbers .our-numbers-item-label {
  text-align: right;
  font-size: 32px;
  line-height: 1;
  padding-bottom: 55px;
  margin-top: -5px;
}
@media (max-width: 991px) {
  .our-numbers .our-numbers-item-label {
    font-size: 20px;
    margin-top: 0;
  }
}

.trasparency .trasparency__title {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  margin-bottom: 47px;
}
.trasparency .trasparency__separator {
  border-top: 1px solid #ddd;
  margin: 55px 0;
}
.trasparency .trasparency__subtitle {
  font-size: 42px;
  font-weight: 100;
  line-height: 1.1;
}
.trasparency .trasparency__link {
  padding: 6px 0px;
}
.trasparency .trasparency__link a p {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  margin: 0;
}
.trasparency .trasparency__link a svg {
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 13px;
  stroke-width: 1px;
  margin-left: 14px;
}
.trasparency .trasparency__link a svg path {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: none;
  stroke: #64B054;
  stroke-miterlimit: 10;
}
.trasparency .trasparency__link a img {
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 13px;
  stroke-width: 1px;
  margin-left: 14px;
}
.trasparency .trasparency__links {
  margin: 25px 0 0;
  list-style: none;
  padding: 0;
}
.trasparency iframe {
  border: none;
  overflow: hidden;
  width: 100%;
  margin-top: 50px;
}
@media (max-width: 799px) {
  .trasparency .bper-wrapper {
    padding: 0 12px;
  }
  .trasparency .trasparency__title {
    font-size: 55px;
  }
  .trasparency .trasparency__separator {
    margin: 45px 0;
  }
}

.join-us {
  overflow: hidden;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .join-us {
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .join-us {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.join-us.bper-wrapper.bper-wrapper-inverse {
  padding: 0;
}
.join-us .join-us-cta {
  background: #faf9f8;
  color: #005D44;
  padding: 40px 24px 63px 48px;
}
@media (max-width: 768px) {
  .join-us .join-us-cta {
    padding: 40px 24px 63px 30px;
  }
}
@media (max-width: 480px) {
  .join-us .join-us-cta {
    padding-left: 0;
    padding-right: 0;
  }
}
.join-us .join-us-cta::after {
  content: ""; /* Required to display content */
  position: absolute; /* Sets the position absolute to the top div */
  bottom: 2px;
  left: 50%;
  margin-bottom: -20px;
  margin-left: -20px; /* Set margin equal to border px */
  width: 0;
  z-index: 1;
  height: 0;
  border-top: solid 20px #faf9f8; /* Creates the notch */
  border-left: solid 20px transparent; /* Creates triangle effect */
  border-right: solid 20px transparent; /* Creates triangle effect */
}
.join-us .join-us-cta-title {
  font-size: 42px;
  line-height: 1;
  font-weight: lighter;
  margin-bottom: 26px;
}
.join-us .join-us-cta-description {
  padding-bottom: 48px;
}
.join-us .join-us-list {
  background: #005D44;
  float: left;
  width: 100%;
  padding-top: 48px;
}
@media (max-width: 768px) {
  .join-us .join-us-list {
    padding-top: 33px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .join-us .join-us-list .join-us-list-links .row {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.join-us .join-us-list-title {
  font-size: 42px;
  line-height: 1;
  font-weight: lighter;
  padding-left: 43px;
  padding-bottom: 26px;
  color: #fff;
}
@media (max-width: 768px) {
  .join-us .join-us-list-title {
    padding-left: 0;
    padding-bottom: 21px;
  }
}
.join-us .join-us-list-description {
  padding-left: 43px;
  color: #fff;
}
@media (max-width: 768px) {
  .join-us .join-us-list-description {
    padding-left: 0;
    margin-bottom: -5px;
  }
}
.join-us .join-us-list-links {
  padding-top: 20px;
  padding-bottom: 48px;
}
@media (max-width: 768px) {
  .join-us .join-us-list-links {
    padding-top: 0;
  }
}
.join-us .join-us-list-links .row {
  padding: 0 70px;
}
@media (max-width: 768px) {
  .join-us .join-us-list-links .row {
    padding: 0 12px;
  }
}
.join-us .join-us-list-links a {
  border-bottom: 2px solid white;
}
.join-us .join-us-list-links-elem {
  display: flex;
  align-items: center;
  border-bottom: 2px solid #ddd;
  min-height: 135px;
  transition: all 0.5s ease-in-out;
  font-size: 24px;
  padding-top: 38px;
  padding-bottom: 38px;
}
@media (max-width: 768px) {
  .join-us .join-us-list-links-elem {
    padding: 0;
  }
}
.join-us .join-us-list-links-elem .join-us-list-links-elem-title {
  transition: all 0.5s ease-in-out;
}
.join-us .join-us-list-links-elem .join-us-list-links-elem-arrow-img {
  transition: all 0.5s ease-in-out;
}
.join-us .join-us-list-links-elem:hover {
  border-color: #ea862c;
}
.join-us .join-us-list-links-elem:hover .join-us-list-links-elem-arrow-img {
  background-position: right;
}
.join-us .join-us-list-links-elem:hover .join-us-list-links-elem-title {
  color: #ea862c;
}
.join-us .join-us-list-links-elem .join-us-list-links-elem-img {
  width: 19.42%;
  margin-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .join-us .join-us-list-links-elem .join-us-list-links-elem-img {
    padding-left: 0;
    padding-right: 16px;
    width: 34.86%;
    margin-right: 0;
  }
}
.join-us .join-us-list-links-elem .join-us-list-links-elem-img img {
  max-height: 90px;
  max-width: 140px;
}
.join-us .join-us-list-links-elem .join-us-list-links-elem-title {
  color: #fff;
  width: 70.87%;
  font-weight: normal;
}
@media (max-width: 768px) {
  .join-us .join-us-list-links-elem .join-us-list-links-elem-title {
    width: 57.72%;
  }
  .join-us .join-us-list-links-elem .join-us-list-links-elem-title > span:first-child {
    font-size: 1.25rem;
  }
  .join-us .join-us-list-links-elem .join-us-list-links-elem-title > span:last-child {
    font-size: 1.125rem;
    margin-top: 10px;
  }
}
.join-us .join-us-list-links-elem .join-us-list-links-elem-title .join-us-list-links-elem-title-pipeline {
  margin: 0 2px;
}
@media (max-width: 768px) {
  .join-us .join-us-list-links-elem .join-us-list-links-elem-title .join-us-list-links-elem-title-pipeline {
    display: none;
  }
  .join-us .join-us-list-links-elem .join-us-list-links-elem-title .join-us-list-links-elem-title-pipeline + span {
    display: block;
  }
}
.join-us .join-us-list-links-elem .join-us-list-links-elem-arrow {
  width: 9.71%;
  position: relative;
  height: 20px;
}
@media (max-width: 768px) {
  .join-us .join-us-list-links-elem .join-us-list-links-elem-arrow {
    width: 7.42%;
  }
}
.join-us .join-us-list-links-elem .join-us-list-links-elem-arrow .join-us-list-links-elem-arrow-img {
  position: absolute;
  right: 0;
  width: 11px;
  height: 20px;
  background-image: url(../images/join-us-arrow-right.png);
}
.join-us .join-us-external-link {
  line-height: 1;
  padding-bottom: 69px;
  padding-right: 34px;
}
@media (max-width: 768px) {
  .join-us .join-us-external-link {
    padding-right: 0;
  }
}
.join-us .join-us-external-link .link-cta.link-cta-top-right-arrow {
  line-height: 1.2;
}

@media (max-width: 768px) {
  html.ie .join-us-list-links-elem {
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 0;
  }
}

.video-parallax {
  margin-bottom: 60px;
}
@media (min-width: 769px) {
  .video-parallax .container {
    padding: 0;
  }
}
.video-parallax .img-wrap {
  position: relative;
  margin-top: 60px;
}
.video-parallax .img-wrap .img-full {
  width: 100%;
  height: 750px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  background-color: rgba(0, 99, 105, 0.6);
  z-index: 1;
  overflow-y: auto;
  max-height: 100%;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .video-parallax .img-wrap .img-full {
    height: 621.8px;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .video-parallax .img-wrap .img-full {
    height: 480.77px;
  }
}
.video-parallax .img-wrap .img-full a {
  cursor: pointer;
}
.video-parallax .img-wrap .img-full > h3 {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
@media (max-width: 768px) {
  .video-parallax .img-wrap .img-full > h3 {
    margin: 0;
  }
}
.video-parallax .img-wrap .img-full > h3 > * {
  line-height: 1;
}
@media (max-width: 768px) {
  .video-parallax .img-wrap .img-full > h3 > *:first-child {
    display: none;
  }
}
@media (max-width: 768px) {
  .video-parallax .img-wrap .img-full > h3 a.popup {
    display: block;
  }
}
.video-parallax .img-wrap .img-full > h3 a.popup .play {
  width: 80px;
  height: 80px;
  background-image: url("../images/play.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 50px auto 0 auto;
  display: block;
}
@media (max-width: 768px) {
  .video-parallax .img-wrap .img-full > h3 a.popup .play {
    margin: auto;
  }
}
.video-parallax .img-wrap .parallax {
  width: 50%;
  height: 750px;
  /*background-size: cover;*/
  background-repeat: no-repeat;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .video-parallax .img-wrap .parallax {
    height: 621.8px;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .video-parallax .img-wrap .parallax {
    height: 480.77px;
  }
}
@media (max-width: 768px) {
  .video-parallax .img-wrap .parallax {
    height: 325px;
  }
}
.video-parallax .img-wrap .parallax.img-parallax {
  background-position: left center;
  position: absolute;
  transform: translateY(750px);
}
@media (max-width: 768px) {
  .video-parallax .img-wrap .parallax.img-parallax {
    display: none;
  }
}
.video-parallax .img-wrap .parallax.img-fixed {
  background-position: right center;
  position: relative;
  float: right;
}
@media (max-width: 768px) {
  .video-parallax .img-wrap .parallax.img-fixed {
    width: 100%;
  }
}
.video-parallax .img-wrap .parallax.img-fixed > .dots {
  top: 50%;
  width: 94px;
  height: 229px;
  position: absolute;
  display: block;
  transform: translate(-50%, -50%);
}
.video-parallax .img-wrap .parallax.img-fixed > .dots .dot {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 0;
  height: 94px;
  width: 94px;
}
.video-parallax .img-wrap .parallax.img-fixed > .dots .dot.dot1 {
  top: 0;
}
.video-parallax .img-wrap .parallax.img-fixed > .dots .dot.dot2 {
  bottom: 0;
}
@media (max-width: 768px) {
  .video-parallax .img-wrap .parallax.img-fixed > .dots {
    display: none;
  }
}
.video-parallax.video-link .img-full {
  display: block;
}
@media (max-width: 768px) {
  .video-parallax.video-link .img-full {
    display: none;
  }
}
.video-parallax.video-link .img-full a {
  cursor: pointer;
}
.video-parallax.video-link .img-wrap .parallax.img-fixed > .dots {
  display: none;
}
.video-parallax.video-parallax-inverse .img-wrap .parallax.img-fixed {
  background-position: left center;
  position: relative;
  float: left;
}
.video-parallax.video-parallax-inverse .img-wrap .parallax.img-fixed > .dots {
  right: 0;
  transform: translate(50%, -50%);
}
.video-parallax.video-parallax-inverse .img-wrap .parallax.img-parallax {
  background-position: right center;
  right: 0;
}

#breadcrumbs {
  opacity: 0;
  width: 100%;
  color: var(--primary-400);
  position: relative !important;
}
#breadcrumbs.overlay {
  z-index: 2;
}
#breadcrumbs.show-breadcrumb {
  opacity: 1;
  width: 100%;
}
@media (max-width: 1100px) {
  #breadcrumbs {
    display: none;
  }
  #breadcrumbs.show-mobile {
    display: block;
    float: left;
    width: 100%;
    margin-top: 0 !important;
    z-index: 9;
    position: relative;
  }
  #breadcrumbs.show-mobile.overlay {
    position: absolute;
  }
  #breadcrumbs .portlet-topper {
    display: none !important;
  }
}
#breadcrumbs .portlet-boundary {
  float: none !important;
}
#breadcrumbs .back-to {
  display: none;
}
@media (max-width: 1100px) {
  #breadcrumbs .back-to {
    /*display: block;
    float: left;
    color: $bper-green;
    padding: 16px 15px;
    background-color: var(--neutral-5);
    padding-right: 0;
    margin-right: 0.2em;
    padding-left: 20px;
    font-weight: normal;
    margin-top: 6px;

    &::before {
    	content: "\f105";
    	font-family: fontawesome-alloy;
    	padding-left: 10px;
    	position: relative;
    	left: 0;
    	transition: all 1s ease;
    	transform: translateX(0px) rotate(180deg);
    	vertical-align: baseline;
    	display: inline-block;
    }
    */
  }
}
@media (max-width: 1100px) {
  #breadcrumbs .portlet-boundary {
    float: left !important;
    width: 100%;
  }
  #breadcrumbs .portlet-boundary .portlet-title-text {
    display: none;
  }
}

.breadcrumb-wrapper {
  width: 100%;
  background-color: var(--primary-10);
}
@media (max-width: 1100px) {
  .breadcrumb-wrapper {
    background: none;
    width: 100%;
  }
  .breadcrumb-wrapper .breadcrumb li {
    /*
    ddisplay: none;
    float: left;
    padding-left: 0;

    &:before {
    	//display: none;
    }

    a {
    	color: var(--primary-400) !important;
    }

    &:nth-last-child(2) {
    	display: block;
    }*/
  }
}
.breadcrumb-wrapper .breadcrumb {
  background: none;
  border-radius: 0;
  max-width: 100%;
  width: 1170px;
  padding: 16px 0;
  background-color: var(--primary-10);
  margin: 0 50px;
  opacity: 1;
  transition: opacity 0.6s ease;
  flex-wrap: nowrap;
  font-size: 18px;
}
@media (max-width: 1100px) {
  .breadcrumb-wrapper .breadcrumb {
    padding-left: 24px;
    width: 100% !important;
    margin-left: 0 !important;
    padding-right: 0;
    opacity: 1;
    overflow: auto;
    display: flex;
    float: left;
  }
  .breadcrumb-wrapper .breadcrumb li {
    float: left;
  }
}
.breadcrumb-wrapper .breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb-wrapper .breadcrumb > li:first-child {
  display: none;
}
.breadcrumb-wrapper .breadcrumb > li:first-child + li {
  padding-left: 0;
}
.breadcrumb-wrapper .breadcrumb > li:first-child + li:before {
  display: none;
}
.breadcrumb-wrapper .breadcrumb > li {
  position: relative;
  font-weight: normal;
  color: var(--primary-400);
  font-size: 18px;
}
@media (max-width: 1100px) {
  .breadcrumb-wrapper .breadcrumb > li {
    display: inline-table;
  }
}
.breadcrumb-wrapper .breadcrumb > li a {
  font-weight: normal;
  color: var(--primary-400) !important;
}
.breadcrumb-wrapper .breadcrumb > li + li:before {
  background-image: url(../images/icone-bper-2022/icon-caret-left-gark-green.svg);
  height: 10px;
  width: 6px;
  top: 0;
  left: -7px;
  margin: 7px 9px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: inherit;
}
.breadcrumb-wrapper .breadcrumb > li:last-child {
  /* FIXED
  a {
  */
}
.breadcrumb-wrapper .breadcrumb > li:last-child span {
  font-family: "Din-Bold";
  color: var(--secondary-80) !important;
}
.breadcrumb-wrapper .breadcrumb > li:last-child span:hover {
  color: var(--secondary-80) !important;
  text-decoration: none;
}

.news-events-element {
  overflow: hidden;
  margin-bottom: 56px;
}
@media (max-width: 768px) {
  .news-events-element {
    margin-bottom: 0px;
  }
}
.news-events-element .bper-wrapper {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0;
  height: 100%;
  width: 100%;
}
.news-events-element .bper-wrapper .popup {
  width: 80px;
  height: 80px;
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 110px);
  transition: 1s;
}
.news-events-element .bper-wrapper .popup:hover {
  opacity: 0.7;
}
.news-events-element .bper-wrapper .popup .play {
  height: 100%;
  width: 100%;
}
.news-events-element .bper-wrapper .img {
  height: 100%;
}
.news-events-element .bper-wrapper .img .preview {
  width: 100vw;
  height: 300px;
  margin-bottom: 85px;
  margin-left: calc((100vw - 1170px) / -2);
  background-size: cover;
  background-position: center;
  position: relative;
}
.news-events-element .bper-wrapper .img .preview.bkg {
  display: block;
}
.news-events-element .bper-wrapper .img .preview.bkg-mobile {
  display: none;
}
.news-events-element .bper-wrapper .img .preview.video-overlay::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--primary-400);
  opacity: 0.6;
}
@media (max-width: 1199px) {
  .news-events-element .bper-wrapper .img .preview {
    margin-left: 0;
  }
  .news-events-element .bper-wrapper .img .preview.bkg-sub {
    background-size: 125%;
  }
}
.news-events-element .bper-wrapper .news-title-wrapper {
  background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
  box-shadow: 0px 16px 24px rgba(126, 140, 141, 0.16);
  padding: 48px 40px 58px 40px;
  border-radius: 24px;
  color: #fff;
  margin-top: -180px;
  position: relative;
}
.news-events-element .bper-wrapper .news-title-wrapper h1.title {
  font-size: 48px;
  font-family: "Din-Bold", sans-serif;
  margin: 0;
  color: #fff;
}
.news-events-element .bper-wrapper .date-and-share-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 56px;
  margin-bottom: 56px;
}
@media (max-width: 768px) {
  .news-events-element .bper-wrapper .date-and-share-wrapper {
    margin-top: 0;
    margin-bottom: 30px;
  }
}
.news-events-element .bper-wrapper .date-and-share-wrapper .date {
  color: #7e8c8d;
}
.news-events-element .bper-wrapper .social-share-icons {
  display: flex;
  align-items: center;
}
@media (max-width: 600px) {
  .news-events-element .bper-wrapper .social-share-icons {
    transform: translateX(0) !important;
  }
}
.news-events-element .bper-wrapper .social-share-icons .share {
  margin-right: 0;
}
.news-events-element .bper-wrapper .social-share-icons .buttons-container {
  display: flex;
  margin-right: 0;
  padding-left: 30px;
}
@media (max-width: 600px) {
  .news-events-element .bper-wrapper .social-share-icons .buttons-container {
    display: none;
  }
}
.news-events-element .bper-wrapper .social-share-icons .buttons-container .arrow {
  display: none !important;
}
.news-events-element .bper-wrapper .article-container {
  color: #005D44;
}
@media (max-width: 768px) {
  .news-events-element .bper-wrapper {
    padding: 0 25px;
  }
  .news-events-element .bper-wrapper .popup {
    top: calc(50% - 95px);
  }
  .news-events-element .bper-wrapper .img {
    margin: 0 -25px;
  }
  .news-events-element .bper-wrapper .img .preview {
    margin-left: 0;
  }
  .news-events-element .bper-wrapper .img .preview.bkg.mobile-preview {
    display: none;
  }
  .news-events-element .bper-wrapper .img .preview.bkg-mobile.mobile-preview {
    display: block;
  }
  .news-events-element .bper-wrapper .news-title-wrapper {
    padding: 48px 24px 56px 24px;
    border-radius: 24px;
    color: #fff;
    margin-top: -180px;
    margin-bottom: 40px;
  }
  .news-events-element .bper-wrapper .news-title-wrapper h1.title {
    font-size: 36px;
    margin: 0;
  }
}

.news-events {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 480px) {
  .news-events {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1199px) {
  .news-events .bper-wrapper {
    width: 95%;
  }
}
@media (max-width: 480px) {
  .news-events .bper-wrapper {
    width: 100%;
  }
}
.news-events .bper-wrapper .no-news {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .news-events .bper-wrapper .no-news {
    font-size: 22px;
    margin-bottom: 30px;
  }
}
.news-events .bper-wrapper .image-container {
  width: 100%;
  background-size: cover;
  background-position-x: 50%;
  background-position-y: 50%;
  margin-bottom: 30px;
  background-image: url(../images/no-image-available.jpg);
}
.news-events .bper-wrapper .image-container::after {
  content: "";
  display: block;
  padding-top: 65%;
}
.news-events .bper-wrapper .info-container {
  overflow: hidden;
}
@media (min-width: 992px) {
  .news-events .bper-wrapper .info-container .category {
    margin-right: -15px;
  }
}
.news-events .bper-wrapper .info-container .date {
  text-align: right;
}
@media (min-width: 992px) {
  .news-events .bper-wrapper .info-container .date {
    margin-left: -15px;
  }
}
.news-events .bper-wrapper .link-cta {
  clear: both;
  display: block;
  border-top: 1px solid #7E8C8D;
  margin-bottom: 80px;
  padding-top: 10px;
}
@media (max-width: 991px) {
  .news-events .bper-wrapper .link-cta {
    margin-bottom: 50px;
  }
}

.news-selector {
  overflow: hidden;
  margin-bottom: 50px;
}
@media (max-width: 1199px) {
  .news-selector {
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .news-selector {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1199px) {
  .news-selector .bper-wrapper {
    width: 95%;
  }
}
@media (max-width: 480px) {
  .news-selector .bper-wrapper {
    width: 100%;
  }
}
.news-selector .bper-wrapper .title {
  font-size: 56px;
  font-weight: 700;
}
@media (min-width: 1200px) {
  .news-selector .bper-wrapper .categories {
    margin-top: 34px;
    float: right;
  }
}
.news-selector .bper-wrapper .categories .category-button {
  color: #015256;
  border: 1px solid #015256;
  text-align: center;
  padding: 12px 25px 8px;
  margin-bottom: 10px;
  margin-right: 5px;
  display: inline-block;
  font-weight: normal;
  transition: background-color 0.5s ease-in, border-color 0.5s ease-in;
}
.news-selector .bper-wrapper .categories .category-button:hover, .news-selector .bper-wrapper .categories .category-button.active {
  border-color: #ea862c;
  color: #fff;
  background-color: #ea862c;
}
.news-selector .bper-wrapper .categories .category-button p {
  margin: 0;
}
@media (min-width: 1200px) {
  .news-selector .bper-wrapper .categories .category-button {
    margin-left: 5px;
    margin-right: 0;
  }
}

.wrapper-video {
  height: 500px;
  margin-left: calc((100vw - 1170px) / -2);
  margin-right: calc((100vw - 1170px) / -2);
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .wrapper-video {
    position: relative;
    width: auto;
    height: 235px;
    margin-left: -30px;
    margin-right: -30px;
  }
}
.wrapper-video .play {
  background: url(../images/bperPlay.png);
  width: 80px;
  height: 80px;
  position: absolute;
  left: calc(50% - 40px);
  top: calc(32% - 40px);
}
@media (max-width: 1199px) {
  .wrapper-video .play {
    top: calc(50% - 40px);
  }
}
.wrapper-video .video-thumb {
  width: 100%;
  height: 95%;
}
@media (max-width: 1199px) {
  .wrapper-video .video-thumb {
    height: 100%;
  }
}
.wrapper-video .img {
  height: 100%;
}
.wrapper-video .img .bkg {
  height: 100%;
  background-size: cover;
  background-position-x: 50%;
  background-position-y: 40%;
  cursor: pointer;
}
.wrapper-video #video-zoom {
  display: none;
}
.wrapper-video #video-zoom.show {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2000;
}
.wrapper-video #video-zoom .video-class {
  height: 100%;
}
.wrapper-video #video-zoom .video-class iframe {
  width: 100%;
  height: 100%;
}
.wrapper-video #video-zoom .close {
  position: absolute;
  top: 100px;
  left: 10px;
  font-size: 47px;
  line-height: 0.9;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50%;
  background: white;
  color: black;
  z-index: 1;
  opacity: 1;
  text-shadow: none;
}
.wrapper-video #video-zoom .close:hover, .wrapper-video #video-zoom .close:focus {
  background: #005D44;
}

.youtube-video-modal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10000;
  background: black;
  transition: opacity 300ms, visibility 0ms linear 300ms;
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
}
.youtube-video-modal.open {
  transition: opacity 300ms, visibility 300ms linear 0ms;
  visibility: visible;
  opacity: 1;
  transform: scale(1) !important;
}
.youtube-video-modal iframe {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.youtube-video-modal .close {
  position: absolute;
  top: 40px;
  right: 25px;
  z-index: 1;
  opacity: 1;
  float: right;
  font-size: 27px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  color: black;
  text-shadow: 0 1px 0 #fff;
  padding: 20px;
  background-color: #fff;
}
.youtube-video-modal .close img,
.youtube-video-modal .close .img {
  position: absolute;
  top: 8px;
  left: 8px;
  background-image: url(../images/icone-bper-2022/Icon-Close@2x.png);
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.youtube-video-modal .close:hover, .youtube-video-modal .close:focus {
  opacity: 0.5;
}
.youtube-video-modal .close .image-link {
  height: 24px;
  width: 24px;
  vertical-align: middle;
  z-index: 2;
}
.youtube-video-modal .close .image-link path {
  fill: #005D44;
  fill-rule: evenodd;
  clip-rule: evenodd;
}

.static-video-modal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10000;
  background: black;
  transition: opacity 300ms, visibility 0ms linear 300ms;
  visibility: visible;
  opacity: 1;
  transform: none;
}
@media (max-width: 991px) {
  .static-video-modal {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 991px) {
  .static-video-modal video {
    width: 100% !important;
    height: auto !important;
  }
}
.static-video-modal .close {
  position: absolute;
  top: 40px;
  right: 25px;
  z-index: 1;
  opacity: 1;
  float: right;
  font-size: 27px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  color: black;
  text-shadow: 0 1px 0 #fff;
  padding: 20px;
  background-color: #fff;
}
.static-video-modal .close img,
.static-video-modal .close .img {
  position: absolute;
  top: 8px;
  left: 8px;
  background-image: url(../images/icone-bper-2022/Icon-Close@2x.png);
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.static-video-modal .close:hover, .static-video-modal .close:focus {
  opacity: 0.5;
}
.static-video-modal .close .image-link {
  height: 24px;
  width: 24px;
  vertical-align: middle;
  z-index: 2;
}
.static-video-modal .close .image-link path {
  fill: #005D44;
  fill-rule: evenodd;
  clip-rule: evenodd;
}

#portlet_com_liferay_portal_search_web_portlet_SearchPortlet {
  opacity: 0;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .taglib-search-iterator-page-iterator-bottom {
  margin-bottom: 80px;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_searchContainer,
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .search-layout.menu-column {
  max-width: 1220px;
  margin: 0 auto !important;
  width: 100%;
  overflow: hidden;
  padding-left: 25px;
  padding-right: 25px;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .wrapper-search-container {
  padding-top: 60px;
  padding-bottom: 64px;
  background-color: var(--neutral-5);
}
@media (max-width: 799px) {
  #portlet_com_liferay_portal_search_web_portlet_SearchPortlet .wrapper-search-container {
    padding-top: 40px;
    padding-bottom: 50px;
  }
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .wrapper-search-container .search-for {
  margin-top: 0;
  margin-bottom: 64px;
  font-size: 48px;
  line-height: 56px;
}
@media (max-width: 799px) {
  #portlet_com_liferay_portal_search_web_portlet_SearchPortlet .wrapper-search-container .search-for {
    font-size: 36px;
    margin-bottom: 35px;
    line-height: 48px;
  }
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .wrapper-search-container .search-for .value {
  font-weight: 400;
}
@media (max-width: 799px) {
  #portlet_com_liferay_portal_search_web_portlet_SearchPortlet .wrapper-search-container .search-for .value {
    display: block;
    clear: left;
  }
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .wrapper-search-container .search-for + div {
  position: relative;
  width: 730px;
  max-width: 100%;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .wrapper-search-container .search-for + div .form-group {
  width: 100%;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .wrapper-search-container .search-for + div .lfr-ddm-field-group.lfr-ddm-field-group-inline.field-wrapper {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .wrapper-search-container .search-for + div .lfr-ddm-field-group.lfr-ddm-field-group-inline.field-wrapper button {
  background: none;
  height: 56px;
  width: 56px;
  margin: 0;
  text-indent: -999px;
  box-shadow: none;
  border-radius: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  overflow: hidden;
  background-image: url(../images/icone-bper-2022/Icon-24pt-Search.svg);
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .wrapper-search-container .form-group {
  margin-bottom: 0;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .header-search-result {
  padding-top: 14px;
  padding-bottom: 56px;
  display: flex;
}
@media (max-width: 799px) {
  #portlet_com_liferay_portal_search_web_portlet_SearchPortlet .header-search-result {
    flex-direction: column-reverse;
    padding-top: 0;
    padding-bottom: 40px;
  }
  #portlet_com_liferay_portal_search_web_portlet_SearchPortlet .header-search-result .n-result {
    margin-top: 30px;
  }
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .header-search-result .n-result {
  flex-grow: 2;
  display: flex;
  align-items: center;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .header-search-result .n-result span {
  margin-left: 0.5em;
  font-family: "Din-Bold", sans-serif;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .header-search-result .risultati {
  display: flex;
  align-items: center;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .header-search-result .risultati .risultati-dropdown {
  margin: 0 0.5em;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .header-search-result .risultati .dropdown-toggle {
  line-height: 48px;
  height: 48px;
  border-radius: 12px;
  border: solid 1px #b0cfd1;
  display: block;
  padding: 0 14px;
  padding-right: 52px;
  color: var(--primary-400);
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .header-search-result .risultati .dropdown-toggle .icon-sort {
  background-image: url(../images/icone-bper-2022/paginatore/Icon-24pt-Chevron-Down.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .header-search-result .risultati .dropdown-toggle .icon-sort:after, #portlet_com_liferay_portal_search_web_portlet_SearchPortlet .header-search-result .risultati .dropdown-toggle .icon-sort:before {
  display: none;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .search-layout.menu-column {
  padding-top: 56px;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .search-layout.menu-column #_com_liferay_portal_search_web_portlet_SearchPortlet_facetNavigation {
  display: none;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .search-layout.menu-column .dropdown-menu-top {
  bottom: 0;
  min-width: 100%;
  transform: translateY(100%);
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .search-layout.menu-column .result {
  width: 100%;
  padding: 0;
  margin: 0;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .portlet-icon-back {
  display: none;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .highlight {
  background: none;
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  padding: 0;
  margin: 0;
  font-family: "Din-Bold", sans-serif;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_keywords {
  box-shadow: none;
  padding: 0;
  border-radius: 28px;
  line-height: 48px;
  font-size: 36px;
  padding-left: 12px;
  padding-right: 60px;
  border: none;
  border-radius: 0;
  border-bottom: solid 1px;
  border-color: var(--neutral-40);
  color: var(--neutral-100);
  background: none !important;
  padding-bottom: 5px;
}
@media (max-width: 767px) {
  #portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_keywords {
    font-size: 28px;
    line-height: 36px;
  }
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_keywords:placeholder {
  font-size: 36px;
  color: var(--neutral-100);
  font-family: "Din-Regular", sans-serif;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_keywords + .input-group-inset-item svg.lexicon-icon-search {
  height: 33px;
  width: 33px;
  color: var(--secondary-80);
}
@media (max-width: 767px) {
  #portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_keywords + .input-group-inset-item svg.lexicon-icon-search {
    height: 25px;
    width: 25px;
  }
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_keywords + .input-group-inset-item {
  position: absolute;
  right: 0;
  top: 10px;
  transform: none;
  border: none;
  background: transparent;
}
@media (max-width: 767px) {
  #portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_keywords + .input-group-inset-item {
    top: 5px;
  }
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_scope button {
  margin: 0;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_searchContainer {
  margin-bottom: 95px;
  margin-left: 15px;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_searchContainer .lfr-ddm-field-group {
  margin-bottom: 15px;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_searchContainer .btn > .icon-search {
  display: none;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .search-layout .result .main-content-body {
  margin: 0;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item {
  display: block;
  height: auto;
  border: none;
  border-top: 1px solid #ddd;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item a {
  color: var(--primary-400);
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item a + a {
  display: none;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item .list-group-item-field {
  padding: 0;
  margin: 0;
  display: none;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item .list-group-item-content {
  max-width: 100%;
  border: none;
  padding-top: 22px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 22px;
  display: block;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item .list-group-item-content h6 {
  line-height: 26px;
  font-size: 18px;
  color: var(--neutral-100);
  font-size: 18px;
  line-height: 26px;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item .list-group-item-content h6.to-remove {
  display: none;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item .list-group-item-content h6 .lfr-portal-tooltip {
  display: none;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item .list-group-item-content h5 {
  display: block;
  margin-bottom: 8px;
  position: relative;
  background: none;
  font-size: 20px;
  line-height: 28px;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item .list-group-item-content h5 strong {
  font-size: 24px;
  font-weight: normal;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item .list-group-item-content h5 a:nth-of-type(2) {
  display: none;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet .tabular-list-group .list-group-item .list-group-item-content h5 a:hover {
  color: var(--secondary-80);
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_facetNavigation .panel-default {
  border: none;
  box-shadow: none;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_facetNavigation .panel-default > .panel-heading {
  border: none;
  background: none;
  padding-bottom: 0;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_facetNavigation .panel-default > .panel-heading .panel-title {
  border: none;
  box-shadow: none;
  color: #005D44;
  font-size: 24px;
  font-weight: normal;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_facetNavigation .panel-default .panel-body {
  padding-top: 0;
}
#portlet_com_liferay_portal_search_web_portlet_SearchPortlet #_com_liferay_portal_search_web_portlet_SearchPortlet_facetNavigation .panel-default .panel-body .search-facet a {
  font-weight: normal;
  color: #005D44;
}

#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom.pagination-bar {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom.pagination-bar:before, #_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom.pagination-bar:after {
  display: none;
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom.pagination-bar > .pagination-results {
  margin-right: auto;
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination-results {
  border: none;
  float: right;
  font-size: 18px;
  line-height: 26px;
  padding-bottom: 18px;
  padding-top: 18px;
  float: none !important;
  margin: auto !important;
  margin-top: auto;
  margin-bottom: auto;
  margin-bottom: 10px !important;
  margin-top: 20px !important;
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li:first-child > a {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li:last-child > a {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li a {
  font-weight: normal;
  border: none;
  background-color: initial;
  padding: 5px 15px;
  color: var(--green-60);
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li a span.icon-caret-right {
  color: var(--secondary-80) !important;
  width: 24px;
  height: 24px;
  background-image: url(../images/icone-bper-2022/paginatore/Icon-24pt-Chevron-Right-green.svg);
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li a span.icon-caret-left {
  color: var(--secondary-80) !important;
  width: 24px;
  height: 24px;
  background-image: url(../images/icone-bper-2022/paginatore/Icon-24pt-Chevron-Left-green.svg);
  background-size: contain;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li a:hover span.icon-caret-right {
  background-image: url(../images/icone-bper-2022/paginatore/Icon-24pt-Chevron-Right-green.svg);
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li a:hover span.icon-caret-left {
  background-image: url(../images/icone-bper-2022/paginatore/Icon-24pt-Chevron-Left-green.svg);
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li a span.icon-caret-left:before {
  content: "\f104";
  display: none;
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li a span.icon-caret-right:before {
  content: "\f105";
  display: none;
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li:hover a, #_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li:focus a {
  color: var(--secondary-80);
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li.active a {
  color: var(--secondary-80) !important;
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li.disabled span.icon-caret-right {
  color: var(--green-60) !important;
  background-image: url(../images/icone-bper-2022/paginatore/Icon-24pt-Chevron-Right-gray.svg);
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li.disabled span.icon-caret-left {
  color: var(--green-60) !important;
  background-image: url(../images/icone-bper-2022/paginatore/Icon-24pt-Chevron-Left-gray.svg);
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li.disabled:hover span.icon-caret-right {
  background-image: url(../images/icone-bper-2022/paginatore/Icon-24pt-Chevron-Right-gray.svg);
}
#_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom .pagination li.disabled:hover span.icon-caret-left {
  background-image: url(../images/icone-bper-2022/paginatore/Icon-24pt-Chevron-Left-gray.svg);
}

.pagination-items-per-page a {
  font-weight: normal;
  border: none !important;
  padding: 10px 16px;
}
.pagination-items-per-page a > .icon-sort::before {
  content: "";
  background-image: url(../images/search-select-green.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 22px;
  position: absolute;
  top: 20px;
}
.pagination-items-per-page a:hover > .icon-sort::before, .pagination-items-per-page a:focus > .icon-sort::before {
  background-image: url(../images/search-select-orange.png);
}
.pagination-items-per-page .dropdown-menu {
  border-radius: 16px;
  border-color: #EDF5EB;
  box-shadow: 0px 8px 16px rgba(126, 140, 141, 0.16);
  border-width: 1px;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  background-color: transparent;
  color: #64B054;
  font-weight: normal;
}

@media (max-width: 768px) {
  #_com_liferay_portal_search_web_portlet_SearchPortlet_searchPageIteratorBottom.pagination-bar {
    display: block;
  }
  .pagination {
    margin: 24px 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    width: auto;
  }
  .pagination-results {
    padding-right: 10px;
    padding-left: 10px;
    float: none;
  }
  .pagination-items-per-page {
    float: none;
  }
  .pagination-items-per-page a {
    padding: 18px 10px 18px 10px;
  }
}
body:after {
  display: none;
  content: url(../images/search-select-orange.png);
}

.history {
  float: left;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .history {
    margin-bottom: 75px;
  }
}
.history .history-paragraph {
  float: none;
  position: relative;
  margin: auto;
}
.history .history-paragraph .history-content-wrapper {
  float: left;
  width: 100%;
  margin-bottom: 120px;
}
@media (max-width: 768px) {
  .history .history-paragraph .history-content-wrapper {
    margin-bottom: 60px;
  }
}
.history .history-content {
  float: none;
  position: relative;
  margin: auto;
}
.history .history-content .history-content-wrapper {
  float: left;
  width: 100%;
  position: relative;
}
.history .history-content .history-content-wrapper > .container {
  margin-bottom: 200px;
}
@media (max-width: 768px) {
  .history .history-content .history-content-wrapper > .container {
    margin-bottom: 0;
  }
}
.history .history-content .ball {
  width: 7px;
  height: 7px;
  border-radius: 100%;
  margin-left: 0;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
}
.history .history-content .orangeBall {
  background-color: #ea862c;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  margin-left: 0;
  transform: translateX(-50%) translateY(0%);
  position: absolute;
  top: 0;
  left: 50%;
  transition: all 1s ease;
}
.history .history-content .date-bar {
  width: 50px;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 20px;
}
@media (max-width: 768px) {
  .history .history-content .date-bar {
    display: none;
  }
}
.history .history-content .date-bar .date {
  position: relative;
}
.history .history-content .date-bar .date a {
  cursor: pointer;
  transition: all 0.6s ease;
}
.history .history-content .date-bar .date.currentHistory .ripple {
  opacity: 0 !important;
}
.history .history-content .date-bar .date.currentHistory a {
  opacity: 0;
}
.history .history-content .date-bar .date-label {
  position: relative;
  display: block !important;
}
.history .history-content .date-bar .date-label .ripple {
  transition: all 0.6s ease;
  margin: 0;
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(204, 169, 44, 0.8);
  animation: ripple 3s infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
  opacity: 0;
}
.history .history-content .date-bar .date-label:hover .ripple {
  opacity: 1;
}
.history .history-content .date-bar .bar {
  width: 100%;
  height: 50px;
  margin-bottom: 15px;
  margin-top: 10px;
  position: relative;
  background: none;
}
.history .history-content .date-bar .bar::after {
  position: absolute;
  height: 100%;
  left: 50%;
  display: block;
  content: "";
  top: 0;
  width: 1px;
  background: #005D44;
}
@media (max-height: 800px) {
  .history .history-content .date-bar .bar {
    margin-bottom: 15px;
    margin-top: 10px;
  }
}
.history .history-content .date-bar a {
  font-weight: inherit;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}
.history .history-content .date-field {
  float: left;
  width: 100%;
  padding-bottom: 0;
}
.history .history-content .date-field .col-right {
  float: right;
  width: 40%;
  position: relative;
}
@media (max-width: 768px) {
  .history .history-content .date-field .col-right {
    width: 100%;
  }
}
@media (min-width: 799px) {
  .history .history-content .date-field .col-right .little-img {
    left: 37%;
  }
}
.history .history-content .date-field .col-left {
  float: left;
  width: 40%;
  position: relative;
}
@media (max-width: 768px) {
  .history .history-content .date-field .col-left {
    width: 100%;
  }
}
@media (min-width: 799px) {
  .history .history-content .date-field .col-left .little-img {
    left: -15%;
  }
}
.history .history-content .date-field:not(:last-child) {
  margin-bottom: 110px;
}
@media (max-width: 768px) {
  .history .history-content .date-field:not(:last-child) {
    margin-bottom: -30px;
  }
}
@media (max-width: 768px) {
  .history .history-content .date-field {
    padding-bottom: 0;
  }
}
.history .history-content .date-field:last-child {
  padding-bottom: 80px;
}
@media (max-width: 768px) {
  .history .history-content .date-field:last-child {
    padding-bottom: 0;
  }
}
.history .history-content .date-field .date-info {
  padding-top: 120px;
  position: relative;
}
@media (max-width: 768px) {
  .history .history-content .date-field .date-info {
    padding-top: 125px;
  }
  .history .history-content .date-field .date-info:before {
    content: "";
    display: block;
    position: absolute;
    height: 125px;
    width: 1px;
    top: 0;
    left: 50%;
    background: #005D44;
  }
}
@media (max-width: 768px) {
  .history .history-content .date-field:nth-child(1) .date-info {
    padding-top: 0;
  }
  .history .history-content .date-field:nth-child(1) .date-info:before {
    display: none;
  }
}
.history .history-content .date-field .big-img {
  width: 100%;
  background-image: url("../images/img1.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.history .history-content .date-field .big-img:after {
  content: "";
  display: block;
  padding-top: 100%;
}
@media (max-width: 768px) {
  .history .history-content .date-field .big-img {
    width: 87.14%;
  }
}
.history .history-content .date-field .little-img {
  width: 78.72%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  bottom: 0;
  position: relative;
  transform: translateY(-30px);
}
@media (max-width: 768px) {
  .history .history-content .date-field .little-img {
    width: 78.69%;
    left: initial !important;
    bottom: 0;
    right: -21%;
  }
}
.history .history-content .date-field .little-img:after {
  content: "";
  display: block;
  padding-top: 63%;
}
@media (min-width: 769px) {
  .history .history-content .date-field.img-inverse {
    padding-bottom: 0;
  }
  .history .history-content .date-field.img-inverse .col-left {
    top: 175px;
  }
  .history .history-content .date-field.img-inverse .little-img {
    transform: translateY(-290%);
  }
}

.cookie-settings-container {
  background-color: #faf9f8;
  color: #005D44;
  overflow: hidden;
  padding: 70px 0 60px;
}
.cookie-settings-container button {
  margin-top: -10px;
  padding: 13px 26px;
}
@media (max-width: 768px) {
  .cookie-settings-container button {
    margin-top: 20px;
  }
}
.cookie-settings-container .radio-inline input {
  margin-left: 6px;
}
.cookie-settings-container h6 {
  margin-bottom: 98px;
}

.cookie-bar {
  top: 0;
  left: 0;
  position: relative;
  width: 100%;
  z-index: 9999;
  background: #015256;
  padding: 20px;
  color: #fff;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1099px) {
  .cookie-bar {
    font-size: 14px;
    line-height: 20px;
  }
}
.cookie-bar * {
  font-size: inherit;
  line-height: inherit;
}
.cookie-bar p {
  margin-bottom: 0;
}
@media (max-width: 1099px) {
  .cookie-bar {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1099px) {
  .cookie-bar .desktop-cookie-policy {
    padding-left: 0;
  }
}
.cookie-bar .flexable {
  display: flex;
}
.cookie-bar .close-button {
  background-image: url("../images/close-white.png");
  background-size: cover;
  background-position: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
}
@media (min-width: 1100px) {
  .cookie-bar .close-button {
    right: 20px;
  }
}

.paragraphs {
  background: transparent;
  margin-bottom: 30px;
}
.paragraphs.green {
  background: #005D44;
}
.paragraphs.green .paragraph-title {
  color: white;
  font-weight: lighter;
  padding-bottom: 50px;
}
.paragraphs.green .paragraph-text {
  color: white;
}
.paragraphs.gray {
  background: #faf9f8;
}
.paragraphs .paragraphs-cnt.bper-wrapper {
  padding: 90px 0;
}
.paragraphs .paragraph-title {
  color: #005D44;
  font-weight: lighter;
  padding-bottom: 50px;
  font-size: 42px;
  margin: 0;
}
.paragraphs .paragraph-text {
  color: #005D44;
}

@media (max-width: 768px) {
  .paragraphs .paragraphs-cnt.bper-wrapper {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
.suggestions {
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 55px;
}
@media (max-width: 480px) {
  .suggestions {
    padding: 0 25px;
  }
}
@media (max-width: 991px) {
  .suggestions {
    margin-bottom: 0;
  }
}
.suggestions .suggestions-container {
  display: flex;
}
@media (max-width: 991px) {
  .suggestions .suggestions-container {
    display: block;
  }
}
.suggestions .suggestion {
  background: var(--primary-400);
  height: auto;
  border-radius: 24px;
  margin-bottom: 40px;
  position: relative;
  box-shadow: 0px 16px 24px rgba(126, 140, 141, 0.32);
  height: calc(100% - 40px);
}
.suggestions .suggestion-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  overflow: hidden;
}
.suggestions .suggestion-image:after {
  padding-top: 140px;
  content: "";
  display: block;
}
.suggestions .suggestion-text {
  color: #fff;
  font-size: 28px;
  font-family: "Din-Bold", sans-serif;
  line-height: 36px;
  margin-bottom: 24px;
}
.suggestions .suggestion-text-ctr {
  padding: 33px 25px 36px 25px;
  display: flex;
  flex-direction: column;
  height: calc(100% - 140px);
}
.suggestions .suggestion-link {
  position: relative;
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 18px;
  line-height: 26px;
  margin-top: auto;
}

.privacy-policy {
  overflow: hidden;
}
.privacy-policy .title {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  margin-bottom: 0;
}
.privacy-policy .subtitle {
  margin-top: 70px;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.1;
}
.privacy-policy .subtitle.first {
  margin-top: 50px;
  margin-bottom: 20px;
}
.privacy-policy .description {
  margin-bottom: 50px;
}
.privacy-policy .description p {
  text-align: justify;
  color: #005D44;
}
.privacy-policy .description a {
  font-weight: normal;
  text-decoration: underline;
}
.privacy-policy .description a.mail {
  text-decoration: none;
}
.privacy-policy .description .general-info {
  color: #005D44;
}
.privacy-policy iframe {
  border: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin-top: 70px;
  color: #005D44;
}

@media (max-width: 768px) {
  .certificates .keyword {
    margin-top: 0 !important;
  }
}
@media (max-width: 768px) {
  .certificates .product-cover {
    display: block !important;
  }
}
.certificates .icons-block {
  width: 90%;
  margin-right: 22%;
  margin-left: 0;
  margin-top: 45px;
}
@media (max-width: 1199px) {
  .certificates .icons-block {
    margin-right: 10%;
  }
}
@media (max-width: 991px) {
  .certificates .icons-block {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
}
.certificates .icons-block .certificate-icon {
  max-height: 115px;
  max-width: calc(32% - 30px);
  margin-right: 0;
  margin-left: 30px;
  vertical-align: baseline;
}
@media (min-width: 376px) and (max-width: 991px) {
  .certificates .icons-block .certificate-icon {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(32% - 30px);
    max-height: initial;
  }
}
@media (max-width: 375px) {
  .certificates .icons-block .certificate-icon {
    display: block;
    margin: auto;
    max-width: 100%;
    margin-bottom: 30px;
  }
}
.certificates.right .product-info {
  padding-left: 55px !important;
  padding-right: 30px !important;
}
@media (max-width: 1199px) {
  .certificates.right .product-info {
    padding-left: 30px !important;
  }
}
@media (min-width: 1200px) {
  .certificates.right .icons-block {
    margin-left: 22%;
    margin-right: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .certificates.right .icons-block {
    margin-left: 10%;
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .certificates.right .icons-block .certificate-icon {
    margin-right: 30px;
    margin-left: 0;
  }
}

.recommended-pages > h3 {
  margin-top: 0;
  margin-bottom: 34px;
  padding-top: 62px;
}
.recommended-pages .recommended-pages-item-cover {
  height: 250px;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.recommended-pages .recommended-pages-item-content {
  background: #faf9f8;
  *margin: 0 20px;
  position: relative;
  width: 90%;
  bottom: 3.3em;
  padding: 31px 23px 18px 31px;
  min-height: 170px;
}
@media (max-width: 768px) {
  .recommended-pages .recommended-pages-item-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.recommended-pages .recommended-pages-item-content h5 {
  margin-top: -3px;
}
.recommended-pages .recommended-pages-item-content p {
  height: 2em;
  overflow: hidden;
  margin-bottom: 31px;
  line-height: 1;
}
.recommended-pages .recommended-pages-item-content a {
  float: none;
  position: absolute;
  right: 25px;
  bottom: 10px;
}

#map {
  width: 100%;
  height: 500px;
  margin: 0 auto;
}
#map .gm-style-iw {
  padding: 9px 16px 10px 16px;
}
#map .gm-style-iw + div {
  background-image: url(../images/icn_close.png);
  width: 20px !important;
  height: 20px !important;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  top: 22px !important;
  right: 16px !important;
}
#map .gm-style-iw + div img {
  display: none;
}
#map .gm-style-iw h2 {
  color: #64B054;
  margin-top: 0;
  line-height: 1;
}
#map .gm-style-iw .subsidiary-icon {
  background-repeat: no-repeat;
  background-position: left;
  background-size: 15px;
  padding-left: 25px;
  margin: 0;
}
#map .gm-style-iw .subsidiary-url {
  margin-top: 16px;
}
#map .gm-style-iw .subsidiary-address {
  background-image: url(../images/subsidiary/icn-pointer-green-dark.png);
}
#map .gm-style-iw .subsidiary-phone {
  background-image: url(../images/subsidiary/icn-call-green-dark.png);
}
#map .gm-style-iw .subsidiary-fax {
  background-image: url(../images/subsidiary/icn-fax-green-dark.png);
}
#map .gm-style-iw .subsidiary-distance {
  background-image: url(../images/subsidiary/icn-indication-green.png);
  color: #64B054;
  font-family: "Din-Bold", sans-serif;
}

.new-subsidiary {
  /*background-color: $bper-grey;*/
  padding-top: 20px;
  padding-bottom: 20px;
}
.new-subsidiary .new-subsidiary-label {
  padding-left: 30px;
  background-image: url(../images/subsidiary/icn-pointer-green.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}

.search-subsidiary-header {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
  float: none;
  padding: 0;
  padding-top: 60px;
  padding-bottom: 45px;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .search-subsidiary-header {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  .search-subsidiary-header {
    width: 100%;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
.search-subsidiary-header h1 {
  margin: 0;
}
.search-subsidiary-header h2 {
  margin-top: 0;
  margin-bottom: 20px;
}

.get-position-wrapper {
  text-align: right;
  padding: 30px;
}
.get-position-wrapper a {
  cursor: pointer;
  font-weight: normal;
  vertical-align: top;
}
.get-position-wrapper a:hover .get-position-icon {
  background-image: url(../images/subsidiary/icn-geolocation-orange.png);
}
.get-position-wrapper .get-position-icon {
  height: 26px;
  width: 26px;
  display: inline-block;
  background-image: url(../images/subsidiary/icn-geolocation-green.png);
  margin-right: 10px;
  background-size: contain;
}

#pac-input {
  width: 100%;
  padding: 24px 27px;
  line-height: 1;
  border-radius: 45px;
  border: 1px solid #bcb6af;
  background-image: url(../images/icn-search.png);
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 20px;
}
#pac-input::placeholder {
  color: #005D44;
}
#pac-input:focus {
  outline: none;
}

.new-subsidiary {
  float: left;
  width: 100%;
}
.new-subsidiary .container {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
  float: none;
  padding: 0;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .new-subsidiary .container {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  .new-subsidiary .container {
    width: 100%;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}

.subsidiary-list {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
.subsidiary-list .subsidiary-list-wrapper {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
  float: none;
  padding: 0;
  padding-top: 60px;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .subsidiary-list .subsidiary-list-wrapper {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  .subsidiary-list .subsidiary-list-wrapper {
    width: 100%;
    padding-left: 35px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  .subsidiary-list .subsidiary-list-wrapper .subsidiary-item-header .subsidiary-item-icn {
    padding-left: 30px;
  }
}
.subsidiary-list .subsidiary-item-distance {
  text-align: right;
}
@media (max-width: 768px) {
  .subsidiary-list .subsidiary-item-distance {
    text-align: left;
  }
}
.subsidiary-list .subsidiary-item-distance p {
  font-size: 24px;
}
.subsidiary-list .subsidiary-item-header h3 {
  margin-top: 0;
  color: #64B054;
  line-height: 1;
}
.subsidiary-list .subsidiary-item-content {
  margin-top: 18px;
  display: flex;
}
@media (max-width: 991px) {
  .subsidiary-list .subsidiary-item-content {
    display: block;
    margin-top: 0;
  }
}
.subsidiary-list .subsidiary-item-content > div:last-child {
  align-self: flex-end;
}
@media (max-width: 991px) {
  .subsidiary-list .subsidiary-item-content > div {
    margin-top: 35px;
  }
}
.subsidiary-list .subsidiary-item-content .link-cta.link-cta-icon {
  display: inline-block;
  margin-bottom: 10px;
  padding-right: 12px;
}
@media (min-width: 768px) {
  .subsidiary-list .subsidiary-item-content .link-cta.link-cta-icon {
    padding-right: 20px;
  }
}
.subsidiary-list .subsidiary-item-icn {
  padding-left: 40px;
  background-size: 20px;
  background-position: left top;
  background-repeat: no-repeat;
}
.subsidiary-list .subsidiary-item-icn.subsidiary-item-icn-call {
  background-image: url(../images/subsidiary/icn-call-green-dark.png);
}
.subsidiary-list .subsidiary-item-icn.subsidiary-item-icn-fax {
  background-image: url(../images/subsidiary/icn-fax-green-dark.png);
}
.subsidiary-list .subsidiary-item-icn.subsidiary-item-icn-address {
  background-image: url(../images/subsidiary/icn-pointer-green-dark.png);
}
.subsidiary-list .subsidiary-item-icn.subsidiary-item-icn-distance {
  background-image: url(../images/subsidiary/icn-indication-green.png);
}
.subsidiary-list .subsidiary-item-icn.subsidiary-item-icn-clock {
  background-image: url(../images/subsidiary/icn-clock-green-dark.png);
  background-position: top left;
}
.subsidiary-list hr {
  margin-top: 50px;
  margin-bottom: 50px;
}

.new-subsidiary-list-wrapper {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.new-subsidiary-header {
  padding-bottom: 58px;
  padding-top: 0;
  display: flex;
  align-items: flex-end;
}
.new-subsidiary-header h3 {
  margin-bottom: 0;
}
.new-subsidiary-header .new-subsidiary-filter {
  -webkit-appearance: none;
  border: none;
  margin-bottom: 5px;
  border-bottom: 1px solid #005D44;
  background-image: url(../images/subsidiary/icn-select.png);
  background-repeat: no-repeat;
  background-position: center right 5px;
  background-size: 10px;
  padding-right: 45px;
  padding-left: 5px;
  color: #005D44;
}
@media (max-width: 768px) {
  .new-subsidiary-header .new-subsidiary-filter {
    margin-top: 20px;
  }
}
.new-subsidiary-header .new-subsidiary-filter:focus {
  outline: none;
}
@media (max-width: 768px) {
  .new-subsidiary-header {
    display: block;
  }
}

.map-info h6 {
  color: #64B054;
}
@media (max-width: 768px) {
  .map-info {
    padding-top: 14px;
    padding-bottom: 38px;
  }
}

@media (max-width: 991px) {
  .nearest-subsidiaries {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .nearest-subsidiaries .bper-wrapper {
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .nearest-subsidiaries .row {
    margin-left: 0;
    margin-right: 0;
  }
}
.nearest-subsidiaries .subtitle {
  display: none;
}
@media (max-width: 991px) {
  .nearest-subsidiaries .subtitle {
    display: block;
    margin-bottom: 0;
  }
}
.nearest-subsidiaries .nearest-subsidiaries-map {
  z-index: -1;
}
@media (max-width: 991px) {
  .nearest-subsidiaries .nearest-subsidiaries-map {
    display: none;
  }
}
.nearest-subsidiaries .subsidiary-info {
  background-color: #005D44;
  color: #fff;
  margin-top: -60px;
  width: 90%;
  margin-left: 5%;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 20px;
  padding-bottom: 15px;
  float: left;
}
.nearest-subsidiaries .subsidiary-info .link-cta-wrapper {
  text-align: right;
  margin-top: 16px;
  float: left;
  width: 100%;
}
@media (max-width: 991px) {
  .nearest-subsidiaries .subsidiary-info {
    margin-top: 20px;
    width: 100%;
    margin-left: 0;
  }
  .nearest-subsidiaries .subsidiary-info:nth-child(1) {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .nearest-subsidiaries .row-wrapper {
    overflow-x: scroll;
  }
  .nearest-subsidiaries .row-wrapper > .row > .nearest-subsidiaries-item {
    width: 331px;
    display: block;
    float: left;
    margin-left: 20px;
    padding: 0;
  }
  .nearest-subsidiaries .row-wrapper > .row > .nearest-subsidiaries-item:first-child {
    margin-left: 0;
  }
}
.nearest-subsidiaries .all-subsidiary-link {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .nearest-subsidiaries .all-subsidiary-link {
    margin-top: 30px;
    margin-bottom: 40px;
  }
}

.subsidiary-details .subsidiary-details-header {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
  float: none;
  padding: 0;
  padding-top: 60px;
  padding-bottom: 50px;
  word-break: break-all;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .subsidiary-details .subsidiary-details-header {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  .subsidiary-details .subsidiary-details-header {
    width: 100%;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
.subsidiary-details .subsidiary-details-header h1 {
  margin: 0;
}
.subsidiary-details .subsidiary-details-header h2 {
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 1;
}
.subsidiary-details .subsidiary-details-header a {
  font-weight: normal;
}
.subsidiary-details .subsidiary-details-header > .row {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 768px) {
  .subsidiary-details .subsidiary-details-header > .row {
    display: block;
  }
}
.subsidiary-details .subsidiary-details-header .subsidiary-details-header-distance {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .subsidiary-details .subsidiary-details-header {
    padding: 25px 10px 5px 10px;
  }
}
.subsidiary-details .subsidiary-details-content {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
  float: none;
  padding: 0;
  padding-top: 40px;
  padding-top: 60px;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .subsidiary-details .subsidiary-details-content {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  .subsidiary-details .subsidiary-details-content {
    width: 100%;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
.subsidiary-details .subsidiary-details-content > .row {
  float: left;
  width: calc(100% + 15px);
  margin-bottom: 30px;
}
.subsidiary-details .subsidiary-details-content h2 {
  line-height: 1;
}
@media (max-width: 768px) {
  .subsidiary-details .subsidiary-details-content .hour-section {
    margin-top: 30px;
  }
}
.subsidiary-details .subsidiary-item-icn {
  padding-left: 40px;
  background-size: 20px;
  background-position: left;
  background-repeat: no-repeat;
}
.subsidiary-details .subsidiary-item-icn.subsidiary-item-icn-call {
  background-image: url(../images/subsidiary/icn-call-green-dark.png);
  padding-top: 10px;
  margin: 0;
}
.subsidiary-details .subsidiary-item-icn.subsidiary-item-icn-fax {
  background-image: url(../images/subsidiary/icn-fax-green-dark.png);
  padding-top: 10px;
  margin: 0;
}
.subsidiary-details .subsidiary-item-icn.subsidiary-item-icn-address {
  background-image: url(../images/subsidiary/icn-pointer-green-dark.png);
}
.subsidiary-details .subsidiary-item-icn.subsidiary-item-icn-distance {
  background-image: url(../images/subsidiary/icn-indication-green.png);
}
.subsidiary-details .subsidiary-item-icn.subsidiary-item-icn-distance:hover {
  background-image: url(../images/subsidiary/icn-indication-orange.png);
}
.subsidiary-details .subsidiary-item-icn.subsidiary-item-icn-clock {
  background-image: url(../images/subsidiary/icn-clock-green-dark.png);
  background-position: top left;
}

.filiale-box {
  background: #faf9f8;
}
.filiale-box .filiale-box__wrapper {
  padding: 24px;
}
.filiale-box .filiale-box__header {
  font-family: "Din-Bold", sans-serif;
  font-size: 22px;
  margin: 12px 0 24px;
}
.filiale-box .filiale-box__description {
  font-weight: 100;
  line-height: 1;
  font-size: 40px;
  letter-spacing: 0;
}
.filiale-box .filiale-box__label {
  display: flex;
  padding: 10px 0;
  display: -webkit-box;
}
.filiale-box .filiale-box__label p {
  margin: 0;
}
.filiale-box .filiale-box__label:first-child {
  padding-top: 0;
}
.filiale-box .filiale-box__label:last-child {
  padding-bottom: 0;
}
.filiale-box .filiale-box__labels {
  margin-top: 40px;
}
.filiale-box .filiale-box__icon--full-address {
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: center;
  margin-right: 8px;
  background-size: contain;
  background-image: url("../images/png/filiali.png");
}
.filiale-box .filiale-box__icon--distance {
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: center;
  margin-right: 8px;
  background-size: contain;
  background-image: url("../images/png/directions.png");
}
.filiale-box .filiale-box__icon--phone {
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: center;
  margin-right: 8px;
  background-size: contain;
  background-image: url("../images/png/phone.png");
}
.filiale-box .filiale-box__map {
  height: 340px;
  width: 100%;
  margin: 0 auto;
}
.filiale-box .filiale-box__map#map {
  height: 340px;
}
.filiale-box .filiale-box__infowindow {
  min-width: 370px;
}
.filiale-box .filiale-box__infowindow__description {
  font-weight: 100;
  line-height: 1;
  font-size: 25px;
  letter-spacing: 0;
}
.filiale-box .filiale-box__infowindow .filiale-box__label {
  font-family: "kievit";
  padding: 3px 0;
}
.filiale-box .filiale-box__infowindow .gm-style-iw + div img {
  display: none;
}
.filiale-box .filiale-box__links {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 480px) {
  .filiale-box .filiale-box__links {
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px;
  }
}
@media (max-width: 374px) {
  .filiale-box .filiale-box__links {
    display: block;
  }
  .filiale-box .filiale-box__links a {
    display: block;
    clear: left;
  }
  .filiale-box .filiale-box__links a + a {
    line-height: 54px;
  }
}
.filiale-box #map .gm-style-iw + div img {
  display: inherit;
  display: none;
}

@media (min-width: 992px) {
  .fb-feed {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.fb-feed .fb-feed-post-container {
  padding: 30px 30px 35px;
  min-height: 500px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .fb-feed .fb-feed-post-container.bper-wrapper {
    padding: 30px 30px 35px !important;
  }
}
@media (max-width: 991px) {
  .fb-feed .fb-feed-post-container.bper-wrapper {
    padding: 12px 12px 15px 12px !important;
  }
}
.fb-feed .fb-feed-post-container .fb-feed-page-pic {
  padding: 0;
  float: left;
  margin-right: 30px;
}
@media (max-width: 991px) {
  .fb-feed .fb-feed-post-container .fb-feed-page-pic {
    margin-right: 12px;
  }
}
.fb-feed .fb-feed-post-container .fb-feed-page-pic img {
  max-height: 70px;
  max-width: 70px;
}
@media (max-width: 991px) {
  .fb-feed .fb-feed-post-container .fb-feed-page-pic img {
    max-height: 55px;
    max-width: 55px;
  }
}
.fb-feed .fb-feed-post-container .fb-feed-page-details {
  padding-top: 10px;
  float: left;
}
@media (max-width: 991px) {
  .fb-feed .fb-feed-post-container .fb-feed-page-details {
    padding-top: 7px;
  }
}
.fb-feed .fb-feed-post-container .fb-feed-page-details .fb-feed-page-details-page-name {
  font-size: 22px;
  font-family: "Din-Bold", sans-serif;
}
.fb-feed .fb-feed-post-container .fb-feed-follow-us {
  float: right;
  padding: 0;
}
.fb-feed .fb-feed-post-container .fb-feed-follow-us a {
  display: inline-block;
}
.fb-feed .fb-feed-post-container .fb-feed-follow-us-cta {
  display: inline-block;
  padding-right: 8px;
}
.fb-feed .fb-feed-post-container .fb-feed-fb-logo {
  height: 30px;
  width: 30px;
  background-image: url(../images/fb-feed-fb-logo.png);
}
.fb-feed .fb-feed-post-container .fb-feed-message {
  padding-top: 13px;
  padding-bottom: 12px;
  line-height: 1.2;
}
.fb-feed .fb-feed-post-container .fb-feed-media div {
  height: 510px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.fb-feed .fb-feed-post-container .fb-feed-media img {
  width: 100%;
  max-height: 600px;
}
.fb-feed .fb-feed-post-container .fb-feed-media .fb-feed-media-video-overlay {
  background-image: url(../images/fb-video-play-icon.png);
  background-position: center;
  background-size: 25%;
  background-repeat: no-repeat;
}

.chatbot-portlet {
  margin: 0 auto -168px;
  position: relative;
  float: left !important;
  height: 168px;
  width: 100%;
  margin-top: -170px;
}
.chatbot-portlet .chatbot-answers {
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
}
@media (max-width: 768px) {
  .chatbot-portlet {
    float: none !important;
    margin: 0;
    height: auto;
  }
  .chatbot-portlet > .portlet {
    position: relative !important;
  }
}
.chatbot-portlet .chatbot-container {
  float: left;
  width: 100%;
}
.chatbot-portlet .chatbot-main-column {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}
.chatbot-portlet .portlet-body {
  overflow-x: auto;
}
@media (max-width: 768px) {
  .chatbot-portlet .portlet-body {
    background-color: #fff;
    padding-top: 20px;
  }
}
.chatbot-portlet .portlet {
  float: left;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  margin: 0;
}
.chatbot-portlet .container {
  padding: 0px;
}
.chatbot-portlet .node {
  position: absolute;
  top: 0;
  width: 100%;
  background: none;
  height: 100%;
  /*left: 50%;
  transform: translateX(-50%);*/
}
.chatbot-portlet .chatbot-avatar {
  display: none;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.chatbot-portlet .main-content-body {
  width: 898px;
  margin: auto;
  float: none;
}
.chatbot-portlet .main-content-body .container {
  position: relative;
  height: 170px;
}
.chatbot-portlet .node .chatbot-message:last-of-type .chatbot-avatar {
  display: block;
}
.chatbot-portlet .node .chatbot-message-container {
  margin-bottom: 24px;
  width: 100%;
  float: left;
}
@media (max-width: 768px) {
  .chatbot-portlet .node .chatbot-message-container {
    overflow-x: auto;
  }
}
.chatbot-portlet .node .chatbot-message.row {
  display: flex !important;
}
@media (max-width: 768px) {
  .chatbot-portlet .node .chatbot-message.row {
    width: auto !important;
  }
}
.chatbot-portlet .chatbot-user-answer {
  padding: 20px 16px 30px;
  float: left;
  width: 100%;
}
.chatbot-portlet .chatbot-user-answer .chatbot-answer * {
  display: inline;
}
.chatbot-portlet .chatbot-user-answer .chatbot-answer p {
  background-color: #faf9f8;
  padding: 20px 30px;
  border-radius: 100px;
  margin-right: 5px;
  max-width: 90%;
}
.chatbot-portlet .chatbot-answers {
  text-align: center;
  overflow: hidden;
  width: 100%;
  height: 140px;
  background: none;
  margin-top: 0;
  padding: 42px 0 0;
  overflow-y: auto;
}
.chatbot-portlet .chatbot-answers span {
  display: inline-block;
}
.chatbot-portlet .chatbot-answers .chatbot-answer {
  display: inline-block;
  padding: 2px;
  width: auto;
}
.chatbot-portlet .chatbot-answers .chatbot-answer p {
  background-color: #64B054;
  display: inline-block;
  white-space: inherit;
}
.chatbot-portlet .chatbot-answers .chatbot-answer-home {
  display: inline;
  padding: 12px;
}
.chatbot-portlet .chatbot-answers .chatbot-answer-home p {
  display: inline-block;
}
.chatbot-portlet .chatbot-answers .chatbot-answer-home p + div {
  display: block;
  color: var(--primary-400);
}
.chatbot-portlet .chatbot-answers .chatbot-answer-home .btn {
  /*				border: solid 1px var(--primary-400);
  color: var(--primary-400);
  background: none;

  &:hover {
  	color: $bper-white;
  				background-color: $bper-orange;
  				border-color: $bper-white;
  }*/
}
.chatbot-portlet .chatbot-answers .chatbot-answer-home span {
  display: inline-block;
}
@media (max-width: 768px) {
  .chatbot-portlet .modal.in choices {
    z-index: 9999;
    position: fixed;
  }
}
.chatbot-portlet choices {
  float: left;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: #fff;
  z-index: 1;
}
.chatbot-portlet choices hr {
  margin: 0;
}
.chatbot-portlet .chatbot-message {
  margin-bottom: 0;
  padding-left: 20px;
  padding-top: 0;
  transition: border-radius 0s ease 0s;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
  background-image: url(/o/bper-theme-2022/images/icon-botper.png);
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: left;
  padding-left: 70px;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .chatbot-portlet .chatbot-message {
    float: left;
    width: 100%;
  }
}
.chatbot-portlet .chatbot-message .card {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .chatbot-portlet .chatbot-message .card {
    width: 260px;
    min-width: 260px;
    margin-left: 13px;
    margin-right: 2px;
  }
}
.chatbot-portlet .chatbot-message .aspect-ratio {
  padding-bottom: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.chatbot-portlet .chatbot-message .aspect-ratio::after {
  content: "";
  display: block;
  padding-top: 58%;
}
.chatbot-portlet .chatbot-message .card-row {
  height: auto;
}
.chatbot-portlet .chatbot-message .card-col-content {
  text-align: left !important;
  position: static;
}
.chatbot-portlet .chatbot-message .card-col-content div {
  margin-bottom: 60px;
}
.chatbot-portlet .chatbot-message .btn {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
}
.chatbot-portlet .chatbot-avatar {
  background-image: url(/o/bper-theme-2022/images/icon-botper.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 50px;
  width: 47px;
}
.chatbot-portlet .chatbot-message p {
  border-bottom-left-radius: 0;
  transition: border-radius 0s ease 0s;
  line-height: 1;
  margin-bottom: 0;
  padding: 20px 30px;
  width: auto;
  display: inline-block;
  max-width: 100%;
  border-radius: 100px;
  background: var(--primary-400);
  color: #fff;
  position: relative;
}
.chatbot-portlet .chatbot-message:last-of-type p {
  border-bottom-left-radius: 0px;
  transition: border-radius 0s ease 0s;
}
.chatbot-portlet .chatbot-message:last-of-type p::before {
  content: "";
  position: absolute;
  display: block;
  bottom: -10px;
  right: 100%;
  transform: translateX(50px) rotate(-45deg);
  transition: transform 0ms;
  width: 20px;
  height: 20px;
  border: 10px solid var(--primary-400);
  border-radius: 50%;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  transform-origin: 50% 50%;
  margin-right: -10px;
  box-sizing: content-box;
}
.chatbot-portlet .chatbot-message:last-of-type p::after {
  content: "";
  background: #fff;
  width: 100%;
  height: 12px;
  position: absolute;
  bottom: 1px;
  left: -13px;
  opacity: 1;
  transform: translateY(100%);
}
.chatbot-portlet .chatbot-message:last-of-type p::before {
  transform: translateX(0px) rotate(-45deg);
}
.chatbot-portlet .modal-body {
  overflow-y: scroll;
  padding-bottom: 0 !important;
}
@media (max-width: 767px) {
  .chatbot-portlet .modal-body {
    height: calc(100% - 123px) !important;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .chatbot-portlet .modal-body {
    bottom: 0;
    position: relative;
    top: 0;
  }
}
.chatbot-portlet .modal-body .bper-wrapper .chatbot-row {
  overflow-y: auto;
  height: calc(100vh - 275px);
}
@media (max-width: 1199px) {
  .chatbot-portlet .modal-body .bper-wrapper .chatbot-container {
    height: 100%;
  }
  .chatbot-portlet .modal-body .bper-wrapper .chatbot-row {
    height: 100%;
  }
  .chatbot-portlet .modal-body .bper-wrapper .chatbot-row::after {
    content: "";
    display: block;
    padding-top: 120px;
  }
  .chatbot-portlet .modal-body .bper-wrapper choices {
    position: absolute !important;
    bottom: 0 !important;
    padding: 0;
    width: 100vw !important;
    left: calc(-2.5% - 15px) !important;
  }
}
@media (max-width: 1199px) and (max-width: 767px) {
  .chatbot-portlet .modal-body .bper-wrapper choices {
    left: -15px !important;
  }
}
@media (max-width: 1199px) {
  .chatbot-portlet .modal-body .bper-wrapper .chatbot-answers {
    background-color: #fff;
  }
}
.chatbot-portlet .modal.in {
  z-index: 1201;
}
.chatbot-portlet .modal-dialog {
  position: relative;
  width: 100vw;
  height: 100vh;
  margin: 0;
}
@media (max-width: 767px) {
  .chatbot-portlet .modal-dialog {
    height: 100%;
  }
}
.chatbot-portlet .modal-dialog .modal-content {
  overflow: hidden;
  height: 100%;
}
.chatbot-portlet .modal-dialog .modal-content .modal-header {
  border: none;
  padding: 30px 40px 30px 40px;
}
.chatbot-portlet .modal-dialog .modal-content .modal-header .close {
  width: 20px;
  height: 20px;
  background-image: url(../images/icn_close.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: 10px;
}
.chatbot-portlet .modal-dialog .modal-content .modal-header .close:focus {
  outline: none;
}
.chatbot-portlet .modal-dialog .modal-content .modal-header .close svg {
  display: none;
}
.chatbot-portlet .modal-dialog .modal-content .modal-body {
  width: 100vw;
  height: calc(100vh - 123px);
  overflow: hidden;
  padding-bottom: 120px;
}
.chatbot-portlet .modal-dialog .modal-content .chatbot-user-answer .chatbot-answer * {
  display: inline-block;
}
.chatbot-portlet .modal-dialog .modal-content .container {
  height: 100%;
}
.chatbot-portlet .modal-dialog .modal-content .node-col {
  position: static;
}
.chatbot-portlet .modal-dialog .modal-content choices {
  display: block !important;
  position: fixed;
  bottom: 15px;
  left: 0;
  z-index: 99;
}
@media (min-width: 992px) {
  .chatbot-portlet .modal-dialog .modal-content choices {
    width: 83.33333%;
    left: 8.33%;
  }
}
@media (max-width: 768px) {
  .chatbot-portlet .modal-dialog .modal-content choices {
    width: calc(100% - 30px);
    left: 15px;
  }
}
.chatbot-portlet .modal-dialog .modal-content .node {
  top: inherit;
  left: 0;
  position: static;
  background: none;
  height: auto;
  float: left;
  width: 100%;
}
.chatbot-portlet .modal-dialog .modal-content .node .chatbot-message {
  position: relative;
  top: 0;
  float: left;
  width: 100%;
  background-image: url(/o/bper-theme-2022/images/icon-botper.png);
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: left;
  padding-left: 70px;
}
.chatbot-portlet .modal-dialog .modal-content .chatbot-answers {
  padding: 16px 0px 0;
  white-space: nowrap;
  overflow: auto;
  height: 120px;
}
.chatbot-portlet .modal-dialog .modal-content .chatbot-answers .chatbot-answer {
  margin-left: 5px;
  margin-right: 5px;
}
.chatbot-portlet .modal-dialog .modal-content .chatbot-message {
  margin-bottom: 10px;
}
.chatbot-portlet .wave {
  display: none;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.chatbot-portlet .wave .dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 3px;
  background: teal;
  animation: wave 1.3s linear infinite;
}
.chatbot-portlet .wave .dot:nth-child(2) {
  animation-delay: -1.1s;
}
.chatbot-portlet .wave .dot:nth-child(3) {
  animation-delay: -0.9s;
}
@keyframes wave {
  0%, 60%, 100% {
    transform: initial;
  }
  30% {
    transform: translateY(-15px);
  }
}

@media (max-width: 1199px) {
  html.safari .modal-body choices {
    transform: translateZ(0);
  }
}
.new-subsidiary-list-wrapper .nuove-filiali__box {
  margin-bottom: 70px;
}
.new-subsidiary-list-wrapper .nuove-filiali__map {
  width: 100%;
  height: 232px;
  margin: 0 auto;
}
.new-subsidiary-list-wrapper .nuove-filiali__agency-name {
  color: #64B054;
  font-size: 28px;
  margin: 30px 0 0;
}
.new-subsidiary-list-wrapper .nuove-filiali__agency-address {
  margin: 18px 0 0;
}
@media (max-width: 480px) {
  .new-subsidiary-list-wrapper .nuove-filiali__agency-address {
    margin-top: 0;
  }
}
.new-subsidiary-list-wrapper .nuove-filiali__button-container {
  margin-top: 16px;
  text-align: right;
}

.portlet-boundary_LeadFormWeb_ .show-next-step-2 .wizard > .actions > ul li + li a {
  color: #7E8C8D;
}
.portlet-boundary_LeadFormWeb_ .agreement-step-form .agreement-wrapper {
  float: left;
  width: 50%;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .agreement-step-form .agreement-wrapper {
    width: 100%;
  }
}
.portlet-boundary_LeadFormWeb_ .agreement-step-form .agreement-wrapper .lfr-ddm-field-group-inline {
  width: 100%;
  padding-left: 0;
  padding-right: 30px;
}
.portlet-boundary_LeadFormWeb_ .agreement-step-form .agreement-wrapper .lfr-ddm-field-group-inline .privacy-title + label {
  padding-left: 0;
}
.portlet-boundary_LeadFormWeb_ .bper-form-wrapper {
  float: left;
  width: 100%;
  padding-top: 35px;
  position: absolute;
  height: calc(100% - 35px);
  height: 100%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .bper-form-wrapper .bper-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.portlet-boundary_LeadFormWeb_ .bper-form-wrapper .header-form {
  display: none;
}
.portlet-boundary_LeadFormWeb_ .bper-form-wrapper #leadtype-choosen {
  margin: 0;
  padding: 0;
}
.portlet-boundary_LeadFormWeb_ .bper-form-wrapper .content {
  overflow: hidden;
}
@media (max-width: 1100px) {
  .portlet-boundary_LeadFormWeb_ .bper-form-wrapper .content {
    margin-top: 0 !important;
  }
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .bper-form-wrapper {
    height: 100%;
    padding-top: 0;
  }
  .portlet-boundary_LeadFormWeb_ .bper-form-wrapper form {
    height: 100%;
    padding-top: 0;
  }
}
.portlet-boundary_LeadFormWeb_ .bper-form-wrapper .row-three > div {
  float: left;
  width: 33.33%;
}
@media (max-width: 992px) {
  .portlet-boundary_LeadFormWeb_ .bper-form-wrapper .row-three > div {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .portlet-boundary_LeadFormWeb_ .bper-form-wrapper .row-three > div.address {
    width: 65%;
  }
  .portlet-boundary_LeadFormWeb_ .bper-form-wrapper .row-three > div.address .form-group {
    width: 100%;
  }
  .portlet-boundary_LeadFormWeb_ .bper-form-wrapper .row-three > div.address .form-group input {
    width: calc(100% - 10px);
  }
}
.portlet-boundary_LeadFormWeb_ .bper-form-wrapper .personaldata input {
  max-width: calc(100% - 10px);
}
.portlet-boundary_LeadFormWeb_ .lfr-ddm-field-group-inline {
  font-size: 0;
  margin-top: 40px;
  margin-left: 2px;
}
.portlet-boundary_LeadFormWeb_ h1 {
  margin: 0;
}
.portlet-boundary_LeadFormWeb_ .h2-header {
  margin-top: 0;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .h2-header {
    margin: auto;
    font-size: 32px;
    padding-bottom: 20px;
  }
}
.portlet-boundary_LeadFormWeb_ #answer-header-form {
  font-weight: normal;
  font-size: 32px;
  margin: 0;
}
.portlet-boundary_LeadFormWeb_ hr {
  margin-bottom: 22px;
  margin-top: 22px;
}
.portlet-boundary_LeadFormWeb_ .wizard > .content {
  margin: 0;
  padding: 0;
  min-height: 100px;
  height: calc(100% - 54px) !important;
  position: absolute;
  width: 100%;
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body {
  height: calc(100% - 60px);
  height: 100%;
  position: relative;
  padding: 0;
  overflow-y: auto;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .wizard > .content > .body {
    position: relative;
  }
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body input.error {
  border: 1px solid #bcb6af;
  background: initial;
}
.portlet-boundary_LeadFormWeb_ .wizard > .actions {
  margin-top: 0;
  position: absolute;
  bottom: 0;
  background: #fff;
  height: 55px;
  line-height: 55px;
}
.portlet-boundary_LeadFormWeb_ .wizard > .actions a {
  background: none;
  font-weight: normal;
  color: #005D44;
  font-size: 18px;
  padding: 0;
  border-radius: 0;
}
.portlet-boundary_LeadFormWeb_ .wizard > .actions a:hover {
  color: #ea862c;
}
.portlet-boundary_LeadFormWeb_ .wizard > .actions > ul {
  text-align: left;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.portlet-boundary_LeadFormWeb_ .wizard > .actions > ul li {
  float: none;
}
.portlet-boundary_LeadFormWeb_ .wizard > .actions > ul li.disabled {
  display: none !important;
}
.portlet-boundary_LeadFormWeb_ .wizard > .actions > ul li.disabled:first-child {
  display: block !important;
  opacity: 0;
}
.portlet-boundary_LeadFormWeb_ .wizard > .actions > ul li.disabled:first-child a {
  cursor: default;
}
.portlet-boundary_LeadFormWeb_ .wizard > .actions > ul li:nth-child(2) {
  position: absolute;
  right: 0;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .wizard {
    height: 100%;
    position: absolute;
  }
  .portlet-boundary_LeadFormWeb_ .wizard > .content {
    margin: 0;
    padding: 0;
    height: calc(100% - 40px);
    min-height: 1px;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .portlet-boundary_LeadFormWeb_ .wizard > .content > .title {
    display: none;
  }
  .portlet-boundary_LeadFormWeb_ .wizard > .content section.body {
    overflow-y: auto;
  }
}
.portlet-boundary_LeadFormWeb_ .wizard.step-0 .actions li > a {
  visibility: hidden;
}
.portlet-boundary_LeadFormWeb_ #topic-choosen input[type=radio]:checked + label, .portlet-boundary_LeadFormWeb_ #topic-choosen input[type=radio]:hover + label {
  background-image: none;
  background-color: #ea862c;
  border-color: transparent;
  color: #fff;
}
.portlet-boundary_LeadFormWeb_ #topic-choosen input[type=radio] + label {
  display: inline-block;
  cursor: pointer;
  background-color: #fff;
  margin-right: 40px;
  border: 1px solid #005D44;
  margin-top: 0;
  margin-bottom: 38px;
  padding: 23px 40px;
  border-radius: 40px;
  font-weight: normal;
  font-size: 20px;
}
.portlet-boundary_LeadFormWeb_ #privacyAgreementErr {
  display: block;
  clear: both;
  float: right;
  text-align: right;
}
.portlet-boundary_LeadFormWeb_ .agreement-step-form {
  float: left;
  width: 100%;
}
.portlet-boundary_LeadFormWeb_ .agreement-step-form .lfr-ddm-field-group-inline {
  margin: 0 !important;
  float: left;
  width: 50%;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .agreement-step-form .lfr-ddm-field-group-inline {
    width: 100%;
    padding: 0 !important;
  }
}
.portlet-boundary_LeadFormWeb_ .personaldata input[type=text] {
  height: 60px;
  width: 370px;
  margin-right: 30px;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .personaldata input[type=text] {
    max-width: calc(100% - 10px);
    margin-left: 5px;
  }
}
.portlet-boundary_LeadFormWeb_ .personaldata input[type=text].full-input {
  width: 100%;
}
.portlet-boundary_LeadFormWeb_ .personaldata .row {
  margin: 0;
}
.portlet-boundary_LeadFormWeb_ .personaldata .lfr-ddm-field-group-inline {
  font-size: 18px;
  padding: 0 0 30px 30px;
  vertical-align: top;
  margin: 0;
}
.portlet-boundary_LeadFormWeb_ .personaldata .lfr-ddm-field-group-inline p:first-child {
  margin-bottom: 15px;
}
.portlet-boundary_LeadFormWeb_ .personaldata .privacy-title {
  color: #64B054;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .wizard {
    position: relative;
  }
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > section {
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  .portlet-boundary_LeadFormWeb_ .wizard > .content > section .lead-content-wrapper {
    height: auto !important;
  }
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body label {
  display: inline-block;
  margin: 0 0 10px 30px;
  margin-right: 30px;
  font-weight: normal;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .wizard > .content > .body label.radio-inline {
    padding: 0 !important;
    margin-bottom: 6px !important;
  }
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body hr {
  margin-bottom: 42px;
  margin-top: 22px;
  margin-bottom: 22px;
  float: left;
  width: 100%;
  height: 2px;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .wizard > .content > .body hr {
    margin-top: 22px;
    margin-bottom: 22px;
  }
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body .container {
  float: left;
  width: 100%;
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body input {
  clear: both;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .wizard > .content > .body #topic-choosen div:first-child {
    margin-bottom: 30px;
  }
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body #topic-choosen label {
  float: none;
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body label {
  clear: both;
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body input.error {
  clear: both;
}
.portlet-boundary_LeadFormWeb_ .radio-inline,
.portlet-boundary_LeadFormWeb_ .checkbox-inline {
  margin: 0 !important;
  margin-right: 15px !important;
}
.portlet-boundary_LeadFormWeb_ .wizard > .actions a,
.portlet-boundary_LeadFormWeb_ .wizard > .actions a:hover,
.portlet-boundary_LeadFormWeb_ .wizard > .actions a:active {
  background: transparent;
  color: #005D44;
  display: block;
  padding: 0;
  text-decoration: none;
  border-radius: 0;
}
.portlet-boundary_LeadFormWeb_ .contact-column {
  float: left;
  width: 33%;
}
@media (max-width: 992px) {
  .portlet-boundary_LeadFormWeb_ .contact-column {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.portlet-boundary_LeadFormWeb_ .form-group-inline {
  float: left;
  vertical-align: top;
  margin-left: 0;
}
.portlet-boundary_LeadFormWeb_ .lfr-ddm-field-group-inline {
  float: left;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .lfr-ddm-field-group-inline.field-wrapper {
    margin-top: 15px;
    margin-left: 4px;
    float: none;
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .portlet-boundary_LeadFormWeb_ .lfr-ddm-field-group-inline.field-wrapper.contactchanel {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .portlet-boundary_LeadFormWeb_ .lfr-ddm-field-group-inline.field-wrapper label {
    margin: 0 !important;
    padding: 18px 40px !important;
    margin-right: 15px !important;
    margin-bottom: 20px !important;
  }
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body label.error {
  list-style: none;
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body label.error li {
  list-style: none;
}
.portlet-boundary_LeadFormWeb_ .wizard > .content > .body input.error {
  margin-bottom: 5px;
}
.portlet-boundary_LeadFormWeb_ .contactchanel {
  margin: 0 !important;
  vertical-align: top;
}
.portlet-boundary_LeadFormWeb_ .agreement-step-form .lfr-ddm-field-group-inline {
  margin: 0 30px 0 0;
}
.portlet-boundary_LeadFormWeb_ .wizard > .steps {
  position: absolute;
  z-index: 100;
  bottom: 0;
  font-size: 0;
  width: 40%;
  left: 30%;
  height: 55px;
}
.portlet-boundary_LeadFormWeb_ .wizard > .steps ul[role=tablist] {
  display: flex !important;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.portlet-boundary_LeadFormWeb_ .wizard > .steps ul[role=tablist] li {
  width: 15px;
  height: 10px;
}
.portlet-boundary_LeadFormWeb_ .wizard > .steps a,
.portlet-boundary_LeadFormWeb_ .wizard > .steps a:hover,
.portlet-boundary_LeadFormWeb_ .wizard > .steps a:active {
  display: block;
  width: 10px;
  text-decoration: none;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  height: 10px;
}
.portlet-boundary_LeadFormWeb_ .wizard > .steps .disabled a,
.portlet-boundary_LeadFormWeb_ .wizard > .steps .done a {
  background: #005D44;
}
.portlet-boundary_LeadFormWeb_ .wizard > .steps .disabled a:hover,
.portlet-boundary_LeadFormWeb_ .wizard > .steps .done a:hover {
  background: #005D44;
}
.portlet-boundary_LeadFormWeb_ .wizard > .steps .current a {
  background: #64B054;
}
.portlet-boundary_LeadFormWeb_ .wizard > .actions .disabled a,
.portlet-boundary_LeadFormWeb_ .wizard > .actions .disabled a:hover,
.portlet-boundary_LeadFormWeb_ .wizard > .actions .disabled a:active {
  background: transparent;
}
.portlet-boundary_LeadFormWeb_ .header-subtitle-final {
  font-size: 32px;
  font-weight: normal;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ .header-subtitle-final {
    font-size: 18px;
    letter-spacing: normal;
  }
}
.portlet-boundary_LeadFormWeb_ #leadtype-choosen .text-center {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ #leadtype-choosen .text-center {
    display: block;
  }
}
.portlet-boundary_LeadFormWeb_ #leadtype-choosen .text-center .col50 {
  float: left;
  width: calc(50% - 15px);
  position: relative;
}
.portlet-boundary_LeadFormWeb_ #leadtype-choosen .text-center .col50 + .col50 {
  margin-left: 30px;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ #leadtype-choosen .text-center .col50 {
    width: 100%;
    margin-bottom: 15px;
  }
  .portlet-boundary_LeadFormWeb_ #leadtype-choosen .text-center .col50 + .col50 {
    margin-left: 0;
  }
}
.portlet-boundary_LeadFormWeb_ #leadtype-choosen input[type=radio] + label {
  cursor: pointer;
  padding: 60px 40px;
  height: 100%;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ #leadtype-choosen input[type=radio] + label {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    height: auto !important;
  }
}
.portlet-boundary_LeadFormWeb_ #leadtype-choosen input[type=radio] + label h1 {
  font-weight: 100;
  font-size: 42px !important;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .portlet-boundary_LeadFormWeb_ #leadtype-choosen input[type=radio] + label h1 {
    margin-bottom: 0;
  }
}
.portlet-boundary_LeadFormWeb_ #leadtype-choosen input[type=radio]:checked + label {
  color: white;
}
.portlet-boundary_LeadFormWeb_ #steps-uid-0-p-0,
.portlet-boundary_LeadFormWeb_ #steps-uid-0-p-1,
.portlet-boundary_LeadFormWeb_ #steps-uid-0-p-2,
.portlet-boundary_LeadFormWeb_ #steps-uid-0-p-3 {
  width: 100%;
}
.portlet-boundary_LeadFormWeb_ .lead-content-wrapper {
  overflow: visible;
}

@media (max-width: 992px) {
  .portlet-boundary_LeadFormWeb_ .content {
    margin-top: 0 !important;
  }
  .portlet-boundary_LeadFormWeb_ .personaldata input[type=text] {
    display: block;
    border: 1px solid #bcb6af;
    margin-right: 0;
    width: calc(100% - 10px);
  }
  .portlet-boundary_LeadFormWeb_ .personaldata .row {
    margin: 0;
  }
  .portlet-boundary_LeadFormWeb_ .form-group-inline {
    vertical-align: top;
    width: 100%;
    margin: auto;
    display: block;
    padding-left: 0;
    padding-right: 0;
  }
  #leadtype-choosen .text-center {
    flex-direction: column;
  }
  #leadtype-choosen .text-justify {
    display: none;
  }
  #leadtype-choosen input[type=radio] + label {
    padding: 50px 40px;
  }
  #topic-choosen {
    overflow-x: auto;
    height: 200px;
    width: 100%;
    overflow-y: hidden;
  }
  #topic-choosen .lfr-ddm-field-group-inline {
    white-space: nowrap;
  }
  .sizeInformation,
  .contactchanel {
    padding: 0 13px;
    margin: 20px 0;
  }
}
@media (max-width: 992px) and (max-width: 768px) {
  .sizeInformation,
  .contactchanel {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .wizard > .content {
    min-height: 60em;
  }
  .agreement-step-form {
    padding: 0 13px;
  }
}
@media (max-width: 992px) and (max-width: 768px) {
  .agreement-step-form {
    float: left;
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 992px) {
  .agreement-step-form .lfr-ddm-field-group-inline {
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .personaldata {
    float: left;
    width: 100%;
    padding-top: 40px;
  }
  .personaldata .row {
    margin: 0;
    float: left;
    width: 100%;
  }
}
.modal {
  transform: translateZ(0);
}
.modal.modalFullSize {
  width: 100vw !important;
  height: 100vh !important;
  left: 0 !important;
  top: 0 !important;
}
@media (max-width: 768px) {
  .modal.modalFullSize {
    height: 100% !important;
    color: red;
  }
}
.modal.modalFullSize .logo img {
  height: 63px;
}
.modal.modalFullSize .custom-logo img {
  width: 85px;
}
.modal.modalFullSize .modal-content {
  border-radius: 0;
  box-shadow: none;
  border: none;
  -webkit-overflow-scrolling: touch;
}
.modal.modalFullSize .modal-title {
  display: none;
}
.modal.modalFullSize .modal-content {
  padding: 30px 40px 40px 38px;
}
@media (max-width: 768px) {
  .modal.modalFullSize .modal-content {
    padding: 13px;
  }
}
.modal.modalFullSize .modal-header {
  position: absolute;
  right: 30px;
  top: 25px;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
}
@media (max-width: 768px) {
  .modal.modalFullSize .modal-header {
    right: 0;
    top: 7px;
  }
}
.modal.modalFullSize .modal-header button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/close.png");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.2s ease;
}
.modal.modalFullSize .modal-header button:hover, .modal.modalFullSize .modal-header button:focus {
  opacity: 0.5;
}
.modal.modalFullSize .modal-header button svg {
  display: none;
}
.modal.modalFullSize .modal-body {
  overflow: hidden;
  height: calc(100% - 82px) !important;
  position: relative;
}
@media (max-width: 768px) {
  .modal.modalFullSize .modal-body {
    top: 15px;
  }
}
.modal.modalFullSize .modal-body iframe {
  height: 100% !important;
  width: 100% !important;
}

@media (max-width: 768px) {
  .dialog-iframe-root-node {
    padding: 0 !important;
  }
}
/*
html.safari.ios.mobile {
	.modal.modalFullSize .modal-body {
    	height: calc(100vh - 160px)!important;
	}
}
*/
.bper-separator hr.separator {
  border-top: 1px solid #ddd;
}

.login-form {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1200;
  background-color: #fff;
  opacity: 0;
  transition: all 0.2s ease;
  flex-direction: column;
}
.login-form.active {
  display: flex;
}
.login-form.active .wrapper-green-white-content {
  flex-grow: 2;
  overflow: auto;
}
@media (max-width: 768px) {
  .login-form.active .wrapper-green-white-content {
    overflow: auto;
  }
}
@media (max-height: 767px) {
  .login-form.active .wrapper-green-white-content {
    overflow: auto;
  }
}
.login-form .arrow-down-wrapper {
  padding: 40px 0;
  width: 100%;
  display: flex;
}
@media (max-width: 767px) {
  .login-form .arrow-down-wrapper {
    padding: 30px 0;
  }
}
.login-form .arrow-down-wrapper .arrow-down {
  cursor: pointer;
  display: block;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .login-form .arrow-down-wrapper .arrow-down {
    display: none;
  }
}
.login-form .arrow-down-wrapper .arrow-down:hover svg path {
  fill: var(--secondary-80);
}
.login-form.opacity {
  opacity: 1;
}
.login-form .digital-service .bper-wrapper .digital-service-solution {
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 1199px) {
  .login-form .digital-service .bper-wrapper .digital-service-solution {
    padding-bottom: 25px;
  }
}
.login-form .digital-service .bper-wrapper .digital-service-solution h3 {
  line-height: 44px;
  font-size: 42px;
}
.login-form .digital-service .bper-wrapper .digital-service-solution .description {
  padding-top: 0;
}
.login-form .digital-service .bper-wrapper .digital-service-solution .link-container {
  margin-top: 20px;
  float: left;
  width: 100%;
}
.login-form .digital-service .bper-wrapper .digital-service-solution .link-container .btn {
  padding-left: 49px;
  position: relative;
  overflow: hidden;
  font-size: 20px;
}
@media (max-width: 767px) {
  .login-form .digital-service .bper-wrapper .digital-service-solution .link-container .btn {
    padding-left: 42px;
    font-size: 20px;
  }
}
.login-form .digital-service .bper-wrapper .digital-service-solution .link-container .btn:before {
  background-image: url("../images/icn-lock.png");
  width: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  content: "";
  position: absolute;
  left: 30px;
  top: 0;
  height: 100%;
  margin-top: -3px;
}
@media (max-width: 767px) {
  .login-form .digital-service .bper-wrapper .digital-service-solution .link-container .btn:before {
    left: 25px;
  }
}
.login-form .blocchi-secondari.digital-service {
  margin-bottom: 0;
}
.login-form .blocchi-secondari .wp {
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  .login-form .blocchi-secondari .wp {
    height: auto !important;
  }
}
.login-form .blocchi-secondari .flexable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.login-form .hbs-100 .bper-wrapper {
  display: flex;
  flex-direction: column;
}
.login-form .hbs-100 .row.flexable {
  flex-grow: 1;
  display: flex;
}
@media (max-width: 767px) {
  .login-form .hbs-100 .row.flexable {
    display: block;
  }
}
.login-form .hbs-100 .title-container {
  margin-bottom: 0;
  padding-bottom: 20px;
}
.login-form .hbs-100 .service-container {
  margin-bottom: 0 !important;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .login-form .hbs-100 .service-container {
    margin-bottom: 15px !important;
    display: block;
  }
}
.login-form .hbs-100 .wrapper-service {
  flex-grow: 2;
}
@media (max-width: 767px) {
  .login-form .digital-service-solution {
    margin-bottom: 15px;
  }
}
.login-form .phone-container {
  display: inline-block;
}
.login-form .phone-container .phone-icon {
  vertical-align: middle;
  display: inline-block;
}
@media (max-width: 767px) {
  .login-form .phone-container .phone-icon {
    height: 25px;
  }
}
.login-form .phone-container .phone-number {
  margin-left: 10px;
  display: inline-block;
  font-size: 20px;
}
@media (max-width: 767px) {
  .login-form .phone-container .phone-number {
    font-size: 18px;
  }
}
.login-form .login-header {
  width: 100%;
  padding: 0;
  background: var(--primary-10);
  z-index: 1;
}
.login-form .login-header .login-header-wrapper {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  padding: 56px 0 40px 0;
}
@media (max-width: 799px) {
  .login-form .login-header .login-header-wrapper {
    padding: 25px 20px;
  }
}
@media (max-width: 767px) {
  .login-form .login-header .bper-logo {
    height: 30px;
  }
}
.login-form .login-header .close {
  position: relative;
  z-index: 1;
  opacity: 1;
  font-size: 27px;
  font-family: "Din-Bold", sans-serif;
  line-height: 1;
  text-shadow: none;
  padding: 0;
  width: 40px;
  height: 40px;
  background-image: url(../images/close.png);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  transition: none;
  transform: none;
  float: left;
}
.login-form .login-header .close:hover, .login-form .login-header .close:focus {
  opacity: 0.5;
}
.login-form .login-header .close .image-link {
  display: none !important;
  height: 24px;
  width: 24px;
  vertical-align: middle;
  z-index: 2;
}
@media (max-width: 767px) {
  .login-form .login-header .close .image-link {
    height: 20px;
    width: 20px;
  }
}
.login-form .login-header .close .image-link path {
  fill: #014246;
  fill-rule: evenodd;
  clip-rule: evenodd;
}
.login-form .white-section {
  float: left;
  width: 100%;
  padding: 10px 0;
}
@media (max-width: 768px) {
  .login-form .white-section {
    height: auto !important;
  }
}
@media (max-height: 767px) {
  .login-form .white-section {
    height: auto !important;
  }
}
.login-form .white-section .bper-wrapper-inner {
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 0px;
  padding-left: 0px;
  height: 100%;
}
.login-form .white-section .title-container {
  text-align: center;
  margin-bottom: 55px;
}
@media (max-width: 991px) {
  .login-form .white-section .title-container {
    margin-bottom: 25px;
  }
}
.login-form .white-section .title-container .title {
  font-size: 50px;
  font-weight: 700;
  line-height: 44px;
  margin-bottom: 0;
  margin-top: 0;
}
@media (max-width: 480px) {
  .login-form .white-section .title-container .title {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .login-form .white-section .title-container .title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 35px;
  }
}
.login-form .white-section .title-container .subtitle {
  margin-top: 0;
}
@media (max-width: 767px) {
  .login-form .white-section .title-container .subtitle {
    display: none;
  }
}
.login-form .white-section .title-container .title-mobile {
  display: none;
}
@media (max-width: 767px) {
  .login-form .white-section .title-container .title-mobile {
    display: block;
  }
}
@media (max-width: 767px) {
  .login-form .white-section .title-container {
    text-align: left;
  }
}
.login-form .white-section .service-container {
  background-color: #faf9f8;
  padding: 20px;
  height: 100%;
  margin-bottom: 30px;
  float: left;
  width: 100%;
}
@media (max-width: 1199px) {
  .login-form .white-section .service-container {
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .login-form .white-section .service-container {
    text-align: center;
    margin-bottom: 15px;
  }
}
.login-form .white-section .service-container .service-name {
  font-size: 50px;
  font-weight: 100;
  line-height: 1em;
}
@media (max-width: 1199px) {
  .login-form .white-section .service-container .service-name {
    font-size: 36px;
    text-align: left;
  }
}
.login-form .white-section .service-container .service-description {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .login-form .white-section .service-container .service-description {
    text-align: left;
    margin-bottom: 20px;
  }
}
.login-form .white-section .service-container .phone-number {
  padding-top: 10px;
  margin-top: 0;
}
@media (max-width: 1199px) {
  .login-form .white-section .service-container .phone-container {
    float: left;
    clear: both;
    display: block;
  }
}
@media (max-width: 767px) {
  .login-form .white-section .service-container .phone-container {
    display: block;
    float: left;
    clear: none;
  }
}
.login-form .white-section .service-container .service-button {
  float: right;
}
@media (max-width: 1100px) {
  .login-form .white-section .service-container .service-button {
    display: flex;
    align-items: center;
  }
  .login-form .white-section .service-container .service-button .button-label {
    font-size: 20px;
  }
}
@media (max-width: 1199px) {
  .login-form .white-section .service-container .service-button {
    float: left;
    clear: both;
    display: block;
  }
  .login-form .white-section .service-container .service-button .button-label {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .login-form .white-section .service-container .service-button {
    float: left;
  }
}
@media (max-width: 767px) {
  .login-form .white-section .service-container .service-button {
    float: right;
    display: inline-block;
    clear: none;
  }
}
.login-form .white-section .service-container .service-button .lock-icon {
  vertical-align: baseline;
}
.login-form .white-section .service-container .service-button .button-label {
  margin-left: 5px;
  font-size: 20px;
}
.login-form .white-section .service-download-container {
  width: 100%;
  float: left;
  padding: 23px;
  display: none;
  margin-bottom: 30px;
  background-color: #005D44;
  color: #fff;
}
@media (max-width: 767px) {
  .login-form .white-section .service-download-container {
    display: block;
  }
}
.login-form .white-section .service-download-container .row {
  position: relative;
}
.login-form .white-section .service-download-container .row:not(:first-child) {
  margin-top: 10px;
}
.login-form .white-section .service-download-container .row .text-left {
  position: static;
}
.login-form .white-section .service-download-container .row .text-left span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.login-form .white-section .service-download-container .row a > img {
  max-width: 120px;
  max-height: 40px;
}
.login-form .green-section {
  background-color: #64B054;
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 25px;
  padding-bottom: 30px;
}
@media (max-width: 768px) {
  .login-form .green-section {
    position: relative;
    margin-top: 30px;
  }
}
@media (max-height: 768px) {
  .login-form .green-section {
    position: relative;
    margin-top: 30px;
  }
}
@media (max-width: 991px) {
  .login-form .green-section {
    padding-top: 20px;
    padding-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .login-form .green-section .row > div {
    width: 100%;
  }
}
.login-form .green-section a {
  color: #fff;
}
.login-form .green-section a:hover {
  color: #ea862c;
}
.login-form .green-section .bper-wrapper {
  padding-left: 15px;
  padding-right: 15px;
}
.login-form .green-section .contact-container {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding: 5px 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .login-form .green-section .contact-container {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .login-form .green-section .contact-container {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .login-form .green-section .contact-container {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .login-form .green-section .contact-container .phone-name {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .login-form .green-section .contact-container .phone-name {
    width: 100%;
    margin: 0;
    position: relative;
    display: inline-block;
  }
  .login-form .green-section .contact-container .phone-name:after {
    position: relative;
    display: inline-block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
  }
}
.login-form .green-section .contact-container .phone-container {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .login-form .green-section .contact-container .phone-container {
    display: inline-block;
    width: 100%;
    margin: 15px 0 23px;
  }
}
.login-form .green-section .contact-container .phone-container h5 {
  margin: 0;
  margin-left: 10px;
}
.login-form .wrapper-green {
  background: var(--primary-10);
  padding-bottom: 80px;
  float: left;
  width: 100%;
}
.login-form .wrapper-white {
  padding-bottom: 80px;
  float: left;
  width: 100%;
  padding-top: 80px;
}
@media (max-width: 799px) {
  .login-form .wrapper-white {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
.login-form .wrapper-white .loan-blocks {
  margin-top: 0 !important;
}
.login-form .wrapper-white .loan-blocks .wc-title {
  padding-top: 0 !important;
  margin-top: 0 !important;
  padding-bottom: 60px;
}
@media (max-width: 799px) {
  .login-form .wrapper-white .loan-blocks .wc-title h4 {
    font-size: 36px;
    line-height: 48px;
  }
}
@media (max-width: 799px) {
  .login-form .wrapper-white .loan-blocks .wc-title {
    padding-bottom: 20px;
  }
}

.related-asset-document {
  float: left;
  width: 100%;
  background: var(--primary-10);
  padding-top: 45px;
  padding-bottom: 30px;
}
@media (max-width: 799px) {
  .related-asset-document {
    padding-top: 15px;
    padding-bottom: 5px;
  }
}
.related-asset-document .container {
  margin: 0;
  padding: 0;
}
.related-asset-document .document-carousel {
  background: #005D44;
  color: #fff;
  padding-bottom: 90px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .related-asset-document .document-carousel {
    padding-bottom: 60px;
  }
}
@media (max-width: 480px) {
  .related-asset-document .document-carousel {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.related-asset-document .document-carousel h3 {
  margin-top: 60px;
  margin-bottom: 40px;
}
.related-asset-document .doc-title {
  margin: 0 15px;
  color: var(--secondary-80);
  text-decoration: none;
  font-size: 18px;
  line-height: 26px;
  font-family: kievit;
  font-weight: bold;
}
.related-asset-document .slick-list.draggable {
  padding: 0;
}
.related-asset-document .item {
  padding: 15px;
  outline: none;
}
.related-asset-document .item .item-center {
  outline: none;
  background-size: cover;
  background-position: center;
}
.related-asset-document .item .item-center::before {
  padding-top: 65.2%;
  display: block;
  content: "";
}
.related-asset-document .slider {
  width: calc(100% + 30px);
  margin-left: -15px;
}
.related-asset-document .slick-next {
  right: -90px;
  background-image: url(../images/arrow-next.png);
  background-size: 23px;
  background-position: center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  transition: opacity 0.2s ease;
}
@media (max-width: 1400px) {
  .related-asset-document .slick-next {
    right: 15px;
  }
}
.related-asset-document .slick-next::before {
  display: none;
}
.related-asset-document .slick-next:hover {
  background-image: url(../images/arrow-next.png);
  opacity: 0.8;
  background-size: 23px;
  background-position: center;
  background-repeat: no-repeat;
}
.related-asset-document .slick-prev {
  left: -90px;
  background-image: url(../images/arrow-prev.png);
  background-size: 23px;
  background-position: center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  transition: opacity 0.2s ease;
}
@media (max-width: 1400px) {
  .related-asset-document .slick-prev {
    left: 15px;
  }
}
.related-asset-document .slick-prev::before {
  display: none;
}
.related-asset-document .slick-prev:hover {
  background-image: url(../images/arrow-prev.png);
  opacity: 0.8;
  background-size: 23px;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 480px) {
  .related-asset-document .documents-resource {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.related-asset-document .documents-resource h3 {
  margin-top: 30px;
  margin-bottom: 50px;
  font-size: 36px;
  line-height: 48px;
  font-weight: 400;
}
@media (max-width: 799px) {
  .related-asset-document .documents-resource h3 {
    font-size: 28px;
    line-height: 36px;
  }
}
.related-asset-document .documents-resource h3 + .row {
  padding-left: 90px;
  margin-top: 50px;
}
@media (max-width: 799px) {
  .related-asset-document .documents-resource h3 + .row {
    padding-left: 0;
    margin-top: 40px;
  }
}
.related-asset-document .documents-resource .related-item {
  padding-left: 65px;
  min-height: 40px;
  position: relative;
  margin: 0;
  margin: 0;
  display: flex;
  align-items: center;
  text-decoration: underline;
}
.related-asset-document .documents-resource .related-item:hover {
  text-decoration: none !important;
}
.related-asset-document .documents-resource .related-item::before {
  content: "";
  display: block;
  background-image: url(../images/icone-bper-2022/Icon-40pt-Document-green.svg);
  background-position: left center;
  background-repeat: no-repeat;
  left: 0;
  height: 100%;
  width: 40px;
  position: absolute;
  top: 0;
}
.related-asset-document .documents-resource .row > div {
  margin-bottom: 35px;
}
.related-asset-document .documents-resource .row > div:nth-child(2n+1) {
  clear: left;
}

#portlet_com_liferay_login_web_portlet_LoginPortlet {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
  padding: 0;
  margin-top: 60px;
  margin-bottom: 60px !important;
}
@media (max-width: 1199px) and (min-width: 376px) {
  #portlet_com_liferay_login_web_portlet_LoginPortlet {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  #portlet_com_liferay_login_web_portlet_LoginPortlet {
    width: 100%;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
#portlet_com_liferay_login_web_portlet_LoginPortlet form {
  float: left;
  width: 100%;
}
#portlet_com_liferay_login_web_portlet_LoginPortlet form .button-holder {
  text-align: left;
}

.portafoglio-etico {
  padding-top: 120px;
  float: left;
  width: 100%;
}
.portafoglio-etico h2 {
  margin-top: 30px;
  font-size: 56px;
  font-weight: 700;
  line-height: 1;
  float: left;
  width: 100%;
}
.portafoglio-etico ul {
  float: left;
  width: 100%;
  list-style: none;
  line-height: 1;
  padding: 0;
  margin: 0;
}
.portafoglio-etico .portafoglio-etico-item {
  height: 520px;
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.portafoglio-etico .portafoglio-etico-item-title {
  font-size: 64px;
  font-family: "Din-Bold", sans-serif;
  max-width: 50%;
}
.portafoglio-etico .portafoglio-etico-item-text {
  font-family: "Din-Bold", sans-serif;
  font-size: 100px;
}
.portafoglio-etico .portafoglio-etico-item-image {
  display: none;
}
@media (max-width: 480px) {
  .portafoglio-etico {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 991px) {
  .portafoglio-etico .portafoglio-etico-item {
    height: 340px;
  }
  .portafoglio-etico .portafoglio-etico-item-title {
    font-size: 52px;
    max-width: 50%;
  }
  .portafoglio-etico .portafoglio-etico-item-text {
    font-size: 82px;
  }
}
@media (max-width: 767px) {
  .portafoglio-etico {
    padding-top: 0;
  }
  .portafoglio-etico h2 {
    margin-bottom: 65px;
  }
  .portafoglio-etico .portafoglio-etico-item {
    background: none !important;
    height: auto;
    margin-bottom: 40px;
  }
  .portafoglio-etico .portafoglio-etico-item-title {
    font-size: 35px;
    font-family: "Din-Bold", sans-serif;
    max-width: 100%;
  }
  .portafoglio-etico .portafoglio-etico-item-text {
    font-family: "Din-Bold", sans-serif;
    font-size: 42px;
  }
  .portafoglio-etico .portafoglio-etico-item-image {
    display: block;
  }
}

.sostenibilita-socio-title-text {
  margin-bottom: 80px !important;
}
@media (max-width: 480px) {
  .sostenibilita-socio-title-text.bper-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.sostenibilita-socio-title-text h2 {
  font-size: 56px;
  font-weight: 700;
  line-height: 1;
}
.sostenibilita-socio-title-text p {
  font-weight: normal;
  font-size: 32px;
  line-height: 1;
}
@media (max-width: 767px) {
  .sostenibilita-socio-title-text {
    margin-bottom: 30px !important;
  }
  .sostenibilita-socio-title-text h2 {
    font-size: 46px;
    width: 87%;
  }
  .sostenibilita-socio-title-text p {
    width: 66%;
  }
}

.sostenibilita-societa-migliore {
  margin-top: 75px !important;
  margin-bottom: 45px !important;
}
@media (max-width: 480px) {
  .sostenibilita-societa-migliore.bper-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.sostenibilita-societa-migliore h2 {
  font-size: 56px;
  font-weight: 700;
  line-height: 1;
}
.sostenibilita-societa-migliore .sostenibilita-societa-migliore-image {
  max-width: 500px;
  max-height: 490px;
  margin-left: calc((100vw - 1170px) / -2);
  float: left;
}
.sostenibilita-societa-migliore .sostenibilita-societa-migliore-image img {
  max-height: inherit;
  max-width: inherit;
}
.sostenibilita-societa-migliore .sostenibilita-societa-migliore-text {
  width: 50%;
}
.sostenibilita-societa-migliore .sostenibilita-societa-migliore-text h2 {
  line-height: 1;
}
.sostenibilita-societa-migliore .sostenibilita-societa-migliore-text p {
  font-size: 18px;
}
.sostenibilita-societa-migliore .sostenibilita-societa-migliore-text-number {
  font-family: "Din-Bold", sans-serif;
  font-size: 150px;
  line-height: 120px;
  display: block;
  margin-top: 40px;
  margin-bottom: -15px;
}
.sostenibilita-societa-migliore .sostenibilita-societa-migliore-text-number-amount {
  font-size: 64px;
  line-height: 1;
  font-family: "Din-Bold", sans-serif;
}
.sostenibilita-societa-migliore .sostenibilita-societa-migliore-text-ctr {
  float: right;
  width: 58%;
}
.sostenibilita-societa-migliore .sostenibilita-societa-migliore-text-ctr p {
  width: 75%;
}
@media (max-width: 1199px) {
  .sostenibilita-societa-migliore {
    flex-direction: column;
  }
  .sostenibilita-societa-migliore .sostenibilita-societa-migliore-image {
    margin-left: -5%;
    float: none;
    margin-top: 25px;
    margin-bottom: -25px;
  }
}
@media (max-width: 1199px) and (max-width: 767px) {
  .sostenibilita-societa-migliore .sostenibilita-societa-migliore-image {
    max-height: 320px;
    margin-left: -10%;
  }
}
@media (max-width: 1199px) and (max-width: 320px) {
  .sostenibilita-societa-migliore .sostenibilita-societa-migliore-image {
    margin-left: -20%;
  }
}
@media (max-width: 1199px) {
  .sostenibilita-societa-migliore .sostenibilita-societa-migliore-text {
    width: 100%;
  }
}
@media (max-width: 1199px) and (max-width: 767px) {
  .sostenibilita-societa-migliore .sostenibilita-societa-migliore-text-number {
    margin-top: 0;
    font-size: 66px;
    line-height: 1.6;
  }
  .sostenibilita-societa-migliore .sostenibilita-societa-migliore-text-number strong {
    font-size: 100px;
    line-height: 85px;
  }
}
@media (max-width: 1199px) {
  .sostenibilita-societa-migliore .sostenibilita-societa-migliore-text-ctr {
    width: 100%;
    float: none;
  }
  .sostenibilita-societa-migliore .sostenibilita-societa-migliore-text-ctr p {
    width: 78%;
  }
}

.sostenibilita-numeri-statistiche {
  margin-top: 165px;
}
@media (max-width: 480px) {
  .sostenibilita-numeri-statistiche {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.sostenibilita-numeri-statistiche .animation-ctr {
  position: relative;
}
.sostenibilita-numeri-statistiche .sns-helper-div,
.sostenibilita-numeri-statistiche canvas {
  background-color: transparent;
  position: absolute;
  top: inherit;
  bottom: 0;
  left: inherit;
  right: 0;
  z-index: 0;
  width: 50%;
}
.sostenibilita-numeri-statistiche .sns-item {
  margin-bottom: 40px;
}
.sostenibilita-numeri-statistiche .sns-item-padding {
  padding-left: 100px;
}
.sostenibilita-numeri-statistiche .sns-item-title {
  font-size: 200px;
  line-height: 1;
  margin: 0;
  width: 50%;
}
.sostenibilita-numeri-statistiche .sns-item-title span {
  font-size: 64px;
}
.sostenibilita-numeri-statistiche .sns-item-subtitle {
  margin: 0;
  line-height: 1;
  width: 50%;
}
.sostenibilita-numeri-statistiche .sns-item-text {
  margin: 65px 0 280px;
  width: 50%;
}
.sostenibilita-numeri-statistiche .sns-text-ctr {
  position: relative;
  z-index: 1;
}
.sostenibilita-numeri-statistiche .sns-text {
  font-size: 32px;
  width: 50%;
  margin: 90px 0 0 0;
  line-height: 1;
}
.sostenibilita-numeri-statistiche .sns-text-bottom {
  margin: 95px 0 0 0;
  line-height: 1;
}
.sostenibilita-numeri-statistiche .sns-text-bottom .h1 {
  line-height: 1;
}
.sostenibilita-numeri-statistiche .sns-text-bottom p {
  margin: 5px 0 0;
  width: 50%;
}
.sostenibilita-numeri-statistiche .image-mobile {
  display: none;
}

@media (max-width: 768px) {
  .sostenibilita-numeri-statistiche {
    margin: 30px 0;
  }
  .sostenibilita-numeri-statistiche .sns-item-title {
    font-size: 120px;
    width: 100%;
  }
  .sostenibilita-numeri-statistiche .sns-item-padding {
    padding-left: 0px;
    width: 100%;
  }
  .sostenibilita-numeri-statistiche .sns-item-subtitle {
    width: 100%;
  }
  .sostenibilita-numeri-statistiche .sns-item-text {
    margin: 15px 0 60px;
    width: 85%;
  }
  .sostenibilita-numeri-statistiche .sns-text-bottom p {
    width: 100%;
  }
  .sostenibilita-numeri-statistiche .sns-text {
    margin-top: 45px;
    line-height: 1;
    width: 100%;
  }
  .sostenibilita-numeri-statistiche .sns-text-bottom {
    margin: 45px 0 0 0;
  }
  .sostenibilita-numeri-statistiche .image-mobile {
    text-align: center;
    display: block;
  }
  .sostenibilita-numeri-statistiche .image-mobile.first {
    margin-top: -110px;
  }
  .sostenibilita-numeri-statistiche canvas {
    display: none !important;
  }
}
.bper-asset-pagination {
  font-feature-settings: "lnum";
  text-align: center;
  margin-top: 20px;
  margin-bottom: 80px;
}
.bper-asset-pagination a.page {
  color: #ACB5B5;
  margin: 0 8px;
  font-weight: normal;
}
.bper-asset-pagination a.page.current-page {
  pointer-events: none;
  cursor: default;
  color: var(--secondary-80);
}

.product-list-categories {
  overflow: hidden;
  margin-bottom: 50px;
  text-align: right;
  position: relative;
}
@media (max-width: 991px) {
  .product-list-categories {
    margin-bottom: 30px;
  }
}
.product-list-categories .transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: none;
  display: none;
}
.product-list-categories .bper-wrapper {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0;
  height: 100%;
}
@media (max-width: 991px) {
  .product-list-categories .bper-wrapper {
    width: 95%;
  }
}
.product-list-categories .bper-wrapper .title {
  font-size: 56px;
  font-weight: 700;
}
.product-list-categories .bper-wrapper .categories {
  text-align: right;
}
@media (min-width: 1200px) {
  .product-list-categories .bper-wrapper .categories {
    margin-top: 34px;
    float: right;
  }
}
.product-list-categories .bper-wrapper .categories .category-button {
  color: #015256;
  border: 1px solid #015256;
  text-align: center;
  padding: 12px 25px 8px;
  margin-bottom: 10px;
  margin-right: 5px;
  display: inline-block;
  font-weight: normal;
  transition: background-color 0.5s ease-in, border-color 0.5s ease-in;
}
.product-list-categories .bper-wrapper .categories .category-button:hover, .product-list-categories .bper-wrapper .categories .category-button.active {
  border-color: #ea862c;
  color: #fff;
  background-color: #ea862c;
}
.product-list-categories .bper-wrapper .categories .category-button p {
  margin: 0;
}
@media (min-width: 1200px) {
  .product-list-categories .bper-wrapper .categories .category-button {
    margin-left: 5px;
    margin-right: 0;
  }
}

.rapporti-dormienti .title {
  margin-bottom: 30px;
}
.rapporti-dormienti .folder-container {
  display: block;
  margin-bottom: 15px;
}
.rapporti-dormienti .folder-container .entry-name {
  word-break: break-word;
  color: #015256;
  font-size: 24px;
  line-height: 1;
  display: flex;
  align-items: flex-end;
  cursor: pointer;
  transition: color 0.5s;
}
@media (max-width: 1199px) {
  .rapporti-dormienti .folder-container .entry-name {
    width: calc(100% - 48px);
    align-items: center;
  }
}
@media (max-width: 767px) {
  .rapporti-dormienti .folder-container .entry-name {
    font-size: 20px;
  }
}
.rapporti-dormienti .folder-container .entry-name::after {
  content: "";
  background-image: url(../images/arrow-next-green.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 24px;
  width: 48px;
  position: relative;
  right: 0;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 1199px) {
  .rapporti-dormienti .folder-container .entry-name::after {
    position: absolute;
    right: 5px;
  }
}
.rapporti-dormienti .folder-container .entry-name:hover {
  color: #ea862c;
}
.rapporti-dormienti .folder-container .entry-name:hover::after {
  right: -5px;
}
@media (max-width: 1199px) {
  .rapporti-dormienti .folder-container .entry-name:hover::after {
    right: 0;
  }
}
.rapporti-dormienti .folder-container .entry.active .entry-name {
  color: #ea862c;
}
.rapporti-dormienti .folder-container .entry.active .entry-name::after {
  transform: rotate(90deg);
}
.rapporti-dormienti .documents {
  margin-left: 15px;
}
.rapporti-dormienti .entry-container {
  display: block;
  margin-bottom: 30px;
}
.rapporti-dormienti .entry-container:first-child {
  margin-top: 25px;
}
.rapporti-dormienti .entry-container .entry-name {
  display: flex;
  align-items: center;
  word-break: break-word;
  margin-left: 48px;
}
.rapporti-dormienti .entry-container .entry-name::before {
  content: "";
  background-image: url(../images/related-asset-doc-icon.png);
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  height: 30px;
  width: 24px;
  position: absolute;
  left: 24px;
}

.title-and-text {
  float: left;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  color: var(--primary-400);
}
@media (max-width: 480px) {
  .title-and-text {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 767px) {
  .title-and-text {
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
.title-and-text .wrapper-text-and-link h3 {
  font-size: 28px;
  line-height: 36px;
}
.title-and-text .wrapper-text-and-link h3 + p {
  margin-top: 32px;
  font-size: 18px;
  line-height: 26px;
}
.title-and-text h3 {
  font-size: 28px;
  line-height: 36px;
  font-family: "Din-Bold", sans-serif;
  margin: 0;
}
.title-and-text h3 + p {
  margin-top: 18px;
  font-size: 18px;
  line-height: 26px;
}
.title-and-text .wrapper-text-and-link {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .title-and-text .wrapper-text-and-link {
    flex-direction: column;
    align-items: baseline;
  }
}
.title-and-text .wrapper-text-and-link .link {
  float: right;
  text-align: right;
  display: ruby;
  white-space: nowrap;
}
.title-and-text .wrapper-text-and-link .text {
  flex-grow: 2;
}
.title-and-text .wrapper-text-and-link .text + .link {
  margin-left: 180px;
}
@media (max-width: 768px) {
  .title-and-text .wrapper-text-and-link .text + .link {
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .title-and-text .wrapper-text-and-link .text + .link {
    margin-top: 30px;
    margin-left: 0;
  }
}

.product-navbar.fixed {
  position: fixed;
  width: 100%;
}
.product-navbar.mobile {
  display: none;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
  margin: 0 -15px 30px;
  padding: 0 15px;
  width: calc(100% + 30px);
  overflow: hidden;
}
@media (max-width: 991px) {
  .product-navbar.mobile {
    overflow-x: auto;
    display: block;
    margin: 0 -20px 20px;
    width: calc(100% + 40px);
  }
}
.product-navbar.mobile.fixed {
  left: 0;
  background-color: #fff;
  z-index: 1000;
}
.product-navbar.mobile .menu {
  padding-top: 0;
}
.product-navbar.mobile .link {
  margin-top: 5px;
  margin-bottom: 5px;
}
.product-navbar.bottom {
  position: relative;
  left: 0 !important;
}
@media (max-width: 991px) {
  .product-navbar {
    overflow-x: scroll;
    display: none;
  }
}
.product-navbar .menu {
  padding-top: 10px;
}
@media (max-width: 991px) {
  .product-navbar .menu {
    position: relative;
    width: 50em;
    display: inline-block;
  }
}
.product-navbar .menu .link-parent {
  display: block;
  cursor: pointer;
}
@media (max-width: 991px) {
  .product-navbar .menu .link-parent {
    display: inline-block;
    margin-left: 25px;
  }
}
@media (max-width: 991px) {
  .product-navbar .menu .link-parent:first-child {
    margin-left: 0;
  }
}
.product-navbar .menu .link-parent .link {
  color: #015256;
  line-height: 45px;
}
.product-navbar .menu .link-parent .link.active, .product-navbar .menu .link-parent .link:hover {
  color: #ea862c;
}

.documents-filter .link-back {
  float: left;
  width: 100%;
  margin-top: 20px;
  display: block;
  margin-bottom: 60px;
}

.sostenibilita-title-text-image {
  margin: 115px 0 36px;
}
@media (max-width: 480px) {
  .sostenibilita-title-text-image {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.sostenibilita-title-text-image .bper-wrapper {
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  height: 525px;
}
@media (max-width: 991px) {
  .sostenibilita-title-text-image .bper-wrapper {
    height: 340px;
  }
}
.sostenibilita-title-text-image figure {
  display: none;
  text-align: center;
  width: 100%;
}
.sostenibilita-title-text-image figure img {
  width: 100%;
}
.sostenibilita-title-text-image .stti-title {
  line-height: 1;
  margin: 0;
  padding-top: 135px;
}
.sostenibilita-title-text-image .stti-text {
  margin-top: 14px;
}
@media (max-width: 767px) {
  .sostenibilita-title-text-image {
    margin-top: 40px;
  }
  .sostenibilita-title-text-image figure {
    margin-top: 15px;
    display: block;
    width: 84%;
    margin-left: 8%;
  }
  .sostenibilita-title-text-image .bper-wrapper {
    height: auto;
    background: none !important;
  }
  .sostenibilita-title-text-image .stti-title {
    padding-top: 0;
  }
}

.faq-navigation-1 {
  margin-bottom: 100px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .faq-navigation-1 {
    margin-top: 0;
    margin-bottom: 20px;
  }
}
.faq-navigation-1 .category-name {
  font-weight: lighter;
}
.faq-navigation-1 .question-container {
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid #ddd;
}
.faq-navigation-1 .question-container:first-child {
  padding-top: 12px;
}
@media (max-width: 767px) {
  .faq-navigation-1 .question-container:first-child {
    padding-top: 0;
  }
}
.faq-navigation-1 .question-container:last-child {
  border-bottom: none;
}
.faq-navigation-1 .question-container .question {
  color: #015256;
  max-width: 90%;
  transition: all 0.5s ease-in-out;
  line-height: 1.2;
}
.faq-navigation-1 .question-container .question p {
  line-height: inherit;
  margin-bottom: 0;
}
.faq-navigation-1 .question-container .arrow {
  width: 9.71%;
  position: absolute;
  right: 0;
  height: 20px;
}
.faq-navigation-1 .question-container .arrow .arrow-img {
  transition: all 0.5s ease-in-out;
  position: absolute;
  right: 0;
  width: 11px;
  height: 20px;
  background-image: url(../images/join-us-arrow-right.png);
}
@media (max-width: 767px) {
  .faq-navigation-1 .question-container .arrow {
    display: none;
  }
}
.faq-navigation-1 .question-container:hover .question {
  color: #ea862c;
}
.faq-navigation-1 .question-container:hover .arrow-img {
  background-position: right;
}
.faq-navigation-1 .category-link {
  margin-top: 40px;
  margin-bottom: 10px;
  text-align: right;
}
@media (max-width: 767px) {
  .faq-navigation-1 .category-link {
    margin-top: 25px;
    margin-bottom: 80px;
  }
}

.faq-navigation-2 {
  margin-bottom: 100px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .faq-navigation-2 {
    width: 90%;
    float: right;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .faq-navigation-2.full {
    width: 100%;
    float: left;
  }
}
@media (max-width: 767px) {
  .faq-navigation-2 {
    margin-bottom: 20px;
  }
}
.faq-navigation-2 .category-name {
  color: #64B054;
}
.faq-navigation-2 .question-container {
  display: flex;
  align-items: center;
  padding-top: 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid #ddd;
}
.faq-navigation-2 .question-container:last-child {
  border-bottom: none;
}
.faq-navigation-2 .question-container .question {
  color: #015256;
  max-width: 90%;
  transition: all 0.5s ease-in-out;
  line-height: 1.2;
}
.faq-navigation-2 .question-container .question p {
  line-height: inherit;
  margin-bottom: 0;
}
.faq-navigation-2 .question-container .arrow {
  width: 9.71%;
  position: absolute;
  right: 0;
  height: 20px;
}
.faq-navigation-2 .question-container .arrow .arrow-img {
  transition: all 0.5s ease-in-out;
  position: absolute;
  right: 0;
  width: 11px;
  height: 20px;
  background-image: url(../images/join-us-arrow-right.png);
}
@media (max-width: 767px) {
  .faq-navigation-2 .question-container .arrow {
    display: none;
  }
}
.faq-navigation-2 .question-container:hover .question {
  color: #ea862c;
}
.faq-navigation-2 .question-container:hover .arrow-img {
  background-position: right;
}
.faq-navigation-2 .link-container {
  margin-top: 40px;
  margin-bottom: 10px;
  text-align: right;
}
@media (max-width: 767px) {
  .faq-navigation-2 .link-container {
    margin-top: 25px;
    margin-bottom: 80px;
  }
}

.faq-navigation-menu {
  position: relative;
  padding-top: 24px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .faq-navigation-menu {
    width: 125%;
  }
}
@media (max-width: 991px) {
  .faq-navigation-menu {
    display: none;
  }
}
.faq-navigation-menu.affix {
  position: fixed;
  top: 100px;
  width: 33%;
}
@media (min-width: 1100px) {
  .faq-navigation-menu.affix {
    top: 174px;
  }
}
.faq-navigation-menu.affix-bottom {
  position: absolute;
  top: auto;
}
.faq-navigation-menu .link-parent {
  display: block;
  margin-bottom: 35px;
  cursor: pointer;
}
.faq-navigation-menu .link-parent:last-child {
  margin-bottom: 0;
}
.faq-navigation-menu .link-parent .link {
  color: #015256;
  word-break: break-word;
  line-height: 1;
}
.faq-navigation-menu .link-parent .link.active, .faq-navigation-menu .link-parent .link:hover {
  color: #ea862c;
}

@media (max-width: 991px) {
  .bper-2-column-300 .faq-navigation-menu {
    display: block;
  }
}

.faq-simple {
  margin-bottom: 75px;
}
@media (max-width: 991px) {
  .faq-simple {
    margin-bottom: 50px;
  }
}

.back-link {
  margin-bottom: 50px;
}
.back-link .link-container {
  margin-top: 70px;
}
@media (max-width: 767px) {
  .back-link .link-container {
    margin-top: 0;
    padding: 0 15px;
  }
}

.loan-video-story-adt {
  margin-bottom: 75px;
}
@media (max-width: 991px) {
  .loan-video-story-adt {
    margin-bottom: 0;
  }
  .loan-video-story-adt .loan-video-story {
    margin-bottom: 0 !important;
  }
}
.loan-video-story-adt.right .loan-video-story .wrapper-video {
  right: 0 !important;
  left: auto !important;
}
@media (min-width: 992px) {
  .loan-video-story-adt.right .loan-video-story .story-container {
    float: left !important;
  }
}
.loan-video-story-adt.left .loan-video-story .wrapper-video {
  left: 0 !important;
  right: auto !important;
  margin-left: 41% !important;
}
.loan-video-story-adt.left .loan-video-story .loan-story {
  left: 0 !important;
  right: unset !important;
}
@media (max-width: 767px) {
  .loan-video-story-adt.left .loan-video-story .wrapper-video {
    left: unset !important;
    right: unset !important;
    margin-left: unset !important;
  }
  .loan-video-story-adt.left .loan-video-story .loan-story {
    left: unset !important;
    right: -10px !important;
  }
}
@media (min-width: 992px) {
  .loan-video-story-adt.left .loan-video-story .story-container {
    float: right !important;
  }
}

.app-smart {
  float: left;
  width: 100%;
  padding: 0;
}
@media (max-width: 767px) {
  .app-smart .bper-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.app-smart .img {
  float: left;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0;
  height: 500px;
}
@media (max-width: 767px) {
  .app-smart .img {
    height: auto;
  }
  .app-smart .img:after {
    padding-top: 80%;
    content: "";
    display: block;
  }
}
.app-smart .text {
  padding: 30px;
  float: left;
  width: 100%;
}
.app-smart .text p {
  margin: 0;
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.app-smart .text h2 {
  margin: 0;
  float: left;
  width: 100%;
  margin-bottom: 35px;
}
.app-smart .text a {
  margin: 0;
  display: inline;
  text-align: right;
}
.app-smart .text a + a {
  margin-right: 10px;
}

@media (max-width: 768px) {
  .products-and-services-easy-adt .work-with-us-slider-item {
    margin-bottom: 0;
  }
  .products-and-services-easy-adt .work-with-us-slider-item .item-img {
    height: auto;
  }
  .products-and-services-easy-adt .work-with-us-slider-item .item-img::after {
    content: "";
    padding-top: 100%;
    display: block;
  }
  .products-and-services-easy-adt .work-with-us-slider-item .item-info {
    min-height: auto;
  }
  .products-and-services-easy-adt .work-with-us-slider-item .item-info .description {
    padding-bottom: 30px;
  }
}

.event-detail {
  overflow: hidden;
  margin-bottom: 56px;
}
.event-detail .bper-wrapper {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0;
  height: 100%;
  width: 100%;
}
.event-detail .bper-wrapper .popup {
  width: 80px;
  height: 80px;
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 110px);
  transition: 1s;
}
.event-detail .bper-wrapper .popup:hover {
  opacity: 0.7;
}
.event-detail .bper-wrapper .popup .play {
  height: 100%;
  width: 100%;
}
.event-detail .bper-wrapper .img {
  height: 100%;
}
.event-detail .bper-wrapper .img .preview {
  width: 100vw;
  height: 300px;
  margin-bottom: 85px;
  margin-left: calc((100vw - 1170px) / -2);
  background-size: cover;
  background-position: center;
  position: relative;
}
.event-detail .bper-wrapper .img .preview.bkg {
  display: block;
}
.event-detail .bper-wrapper .img .preview.bkg-mobile {
  display: none;
}
.event-detail .bper-wrapper .img .preview.video-overlay::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--primary-400);
  opacity: 0.6;
}
@media (max-width: 1199px) {
  .event-detail .bper-wrapper .img .preview {
    margin-left: 0;
  }
  .event-detail .bper-wrapper .img .preview.bkg-sub {
    background-size: 125%;
  }
}
.event-detail .bper-wrapper .event-title-wrapper {
  background: transparent linear-gradient(#29696f 0%, #183f42 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 16px 24px rgba(126, 140, 141, 0.16);
  padding: 48px 40px 58px 40px;
  border-radius: 24px;
  color: #fff;
  margin-top: -225px;
  min-height: 210px;
}
.event-detail .bper-wrapper .event-title-wrapper .title {
  font-size: 48px;
  font-family: "Din-Bold", sans-serif;
  margin: 0;
}
.event-detail .bper-wrapper .event-title-wrapper .title > p {
  line-height: 1.2;
}
.event-detail .bper-wrapper .event-title-wrapper .subtitle {
  font-size: 20px;
  font-weight: normal;
  margin-top: 16px;
}
.event-detail .bper-wrapper .info-and-share-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 56px;
  margin-bottom: 56px;
}
.event-detail .bper-wrapper .info-and-share-wrapper .info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  row-gap: 24px;
}
.event-detail .bper-wrapper .info-and-share-wrapper .info > p {
  font-size: 28px;
  margin: 0;
}
.event-detail .bper-wrapper .info-and-share-wrapper .share {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  row-gap: 24px;
}
.event-detail .bper-wrapper .info-and-share-wrapper .share .interaction-btn {
  cursor: pointer;
  color: var(--secondary-80);
  font-size: 18px;
  font-family: "Din-Bold", sans-serif;
  position: relative;
  padding-left: 32px;
}
.event-detail .bper-wrapper .info-and-share-wrapper .share .interaction-btn::before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 24px;
}
.event-detail .bper-wrapper .info-and-share-wrapper .share .interaction-btn.save-event::before {
  background-image: url("../images/icone-bper-2022/Green/Icon-24pt-Calendar.svg");
}
.event-detail .bper-wrapper .info-and-share-wrapper .share .interaction-btn.share::before {
  background-image: url("../images/icone-bper-2022/Icon-24pt-Share.svg");
}
.event-detail .bper-wrapper .register-wrapper {
  margin-bottom: 56px;
}
.event-detail .bper-wrapper .article-container a {
  color: var(--secondary-80);
}
@media (max-width: 768px) {
  .event-detail .bper-wrapper {
    padding: 0 25px;
  }
  .event-detail .bper-wrapper .popup {
    top: calc(50% - 95px);
  }
  .event-detail .bper-wrapper .img {
    margin: 0 -25px;
  }
  .event-detail .bper-wrapper .img .preview {
    margin-left: 0;
  }
  .event-detail .bper-wrapper .event-title-wrapper {
    padding: 48px 24px 56px 24px;
    margin-top: -195px;
  }
  .event-detail .bper-wrapper .event-title-wrapper h1.title {
    font-size: 36px;
    margin: 0;
  }
  .event-detail .bper-wrapper .event-title-wrapper .subtitle {
    font-size: 18px;
  }
  .event-detail .bper-wrapper .info-and-share-wrapper {
    margin-bottom: 40px;
    flex-wrap: wrap;
    row-gap: 40px;
  }
}

.all-events .single-event-in-list {
  display: grid;
  grid-template-columns: 0.4fr 0.8fr;
  column-gap: 40px;
  align-items: center;
  grid-template-areas: "image info";
  padding-top: 64px;
  padding-bottom: 64px;
}
.all-events .single-event-in-list:not(:last-child) {
  border-bottom: 1px solid var(--green-10);
}
.all-events .single-event-in-list .single-event-image-wrapper {
  grid-area: image;
}
.all-events .single-event-in-list .single-event-image-wrapper .image {
  height: 196px;
  border-radius: 24px;
  background-position: center;
  background-size: cover;
}
.all-events .single-event-in-list .single-event-info-wrapper {
  grid-area: info;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 16px;
  height: 100%;
}
.all-events .single-event-in-list .single-event-info-wrapper .event-date {
  font-size: 18px;
  font-weight: normal;
  color: var(--neutral-100);
}
.all-events .single-event-in-list .single-event-info-wrapper .event-title > a {
  font-size: 24px;
  font-family: "Din-Bold", sans-serif;
  color: var(--primary-400);
}
.all-events .single-event-in-list .single-event-info-wrapper .event-title > a :hover {
  color: var(--primary-400);
}
.all-events .single-event-in-list .single-event-info-wrapper .event-title > a > p {
  margin: 0;
}
.all-events .single-event-in-list .single-event-info-wrapper .event-location {
  font-size: 18px;
  font-weight: normal;
  color: var(--neutral-100);
  padding-left: 32px;
  position: relative;
}
.all-events .single-event-in-list .single-event-info-wrapper .event-location:before {
  content: "";
  background-image: url("../images/icone-bper-2022/grey/Icon-24pt-Pin.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 24px;
}
.all-events .single-event-in-list .single-event-info-wrapper .save-and-share-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 56px;
  width: 100%;
  margin-top: auto;
}
.all-events .single-event-in-list .single-event-info-wrapper .save-and-share-container .interaction-btn {
  cursor: pointer;
  color: var(--secondary-80);
  font-size: 18px;
  font-family: "Din-Bold", sans-serif;
  position: relative;
  padding-left: 32px;
}
.all-events .single-event-in-list .single-event-info-wrapper .save-and-share-container .interaction-btn::before {
  content: "";
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 24px;
}
.all-events .single-event-in-list .single-event-info-wrapper .save-and-share-container .interaction-btn.save-event::before {
  background-image: url("../images/icone-bper-2022/Green/Icon-24pt-Calendar.svg");
}
.all-events .single-event-in-list .single-event-info-wrapper .save-and-share-container .interaction-btn.share::before {
  background-image: url("../images/icone-bper-2022/Icon-24pt-Share.svg");
}
@media (max-width: 768px) {
  .all-events.bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
  .all-events .single-event-in-list {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, auto);
    row-gap: 24px;
    grid-template-areas: "image" "info";
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .all-events .single-event-in-list .single-event-info-wrapper .event-title > a {
    font-size: 20px;
  }
  .all-events .single-event-in-list .single-event-info-wrapper .save-and-share-container {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-top: 8px;
    row-gap: 24px;
  }
}

.next-events h3.next-event-title {
  margin-top: 0;
  padding-top: 0;
}
.next-events .title-separator {
  margin-bottom: 0;
}
.next-events .single-event-in-list {
  border-bottom: 1px solid #ddd;
  padding: 30px 0;
}
.next-events .single-event-in-list .all-event-title h5 {
  word-wrap: break-word;
}
.next-events .single-event-in-list:last-child {
  border-bottom: none;
}
.next-events .event-day-all-event {
  margin: 0;
}
.next-events .left-row-all-event {
  font-size: 24px;
}
.next-events .right-row-all-event .subscribe {
  margin: 25px 0;
}
.next-events .address-event-content {
  margin-top: 17px;
  padding-left: 25px;
  background-image: url("../images/png/filiali.png");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: top left;
}
.next-events .address-event-content.linked {
  cursor: pointer;
}
@media (max-width: 991px) {
  .next-events .address-event-content .address-first-line {
    display: inline-block;
  }
  .next-events .address-event-content .address-second-line {
    display: inline-block;
  }
  .next-events .address-event-content .address-second-line:before {
    content: "-";
    display: inline-block;
    margin: 0 5px;
  }
}
.next-events .interaction .interaction-btn .text {
  position: relative;
}
.next-events .interaction .interaction-btn .text:before {
  content: "";
  display: block;
  width: 20px;
  left: -30px;
  top: -10px;
  position: absolute;
  height: 28px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.next-events .interaction .interaction-btn.save-event .text:before {
  background-image: url(/o/bper-theme-2022/images/icon-calendar.png);
}
.next-events .interaction .interaction-btn.share .text:before {
  background-image: url(/o/bper-theme-2022/images/icon-share.png);
}
.next-events .interaction .interaction-btn .text {
  -webkit-transition: color 0.5s ease-in;
  transition: color 0.5s ease-in;
}
.next-events .interaction .interaction-btn:hover .text {
  color: #ea862c;
}
@media (min-width: 768px) {
  .next-events.asset-resized .single-event-in-list .row .left-row-all-event {
    width: 33.66%;
  }
}
@media (min-width: 768px) {
  .next-events.asset-resized .single-event-in-list .row .right-row-all-event {
    width: 66.34%;
  }
}
.next-events .link-area {
  margin-top: 60px;
}

.header-events {
  position: relative;
  float: left;
  width: 100%;
}
.header-events .header-event-title {
  float: left;
}
.header-events .header-event-title h3 {
  margin-top: 12px;
  word-wrap: break-word;
}
.header-events .header-event-link {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 480px) {
  .header-events .header-event-link {
    position: relative;
    top: 0;
    right: 0;
  }
}

.portlet-boundary_LeadManagerWeb_ {
  padding: 10px;
}

.title-and-link {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 45px;
}
.title-and-link .link-title {
  float: left;
  padding: 0;
  padding-right: 10px;
}
@media (max-width: 1000px) {
  .title-and-link .link-title {
    width: 100% !important;
  }
}
.title-and-link h3,
.title-and-link .h3 {
  word-wrap: break-word;
  margin-top: 45px;
  margin-bottom: 0;
  line-height: 1;
}
@media (max-width: 799px) {
  .title-and-link h3,
  .title-and-link .h3 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.title-and-link .link {
  float: right;
  position: relative;
  padding: 0;
  padding-top: 45px;
  padding-right: 10px;
  text-align: right;
}
@media (max-width: 1000px) {
  .title-and-link .link {
    padding-top: 0;
  }
}
@media (max-width: 480px) {
  .title-and-link {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.sticky-menu {
  padding: 24px 0;
  background-color: #005D44;
  color: #fff;
  transition: all 0.5s ease-in-out;
  margin-bottom: 0;
  border: 0;
  float: left;
  width: 100%;
  display: block;
  z-index: 1100;
  position: fixed;
  bottom: 0;
  transform: translateY(100%);
}
.sticky-menu.small {
  transform: translateY(0);
}
.sticky-menu .bper-wrapper .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}
.sticky-menu .bper-wrapper .container::before, .sticky-menu .bper-wrapper .container::after {
  display: none;
}
.sticky-menu .text {
  display: flex;
  flex-direction: column;
}
.sticky-menu .text h3 {
  float: left;
  display: inline;
  line-height: 36px;
  font-size: 24px;
  font-family: "Din-Bold", sans-serif;
  margin-right: 2px;
  letter-spacing: 0;
  margin-bottom: 16px;
  margin-top: 0;
}
.sticky-menu .text p {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  display: inline;
}
.sticky-menu.hide-component {
  transform: translateY(100%) !important;
}
@media (max-width: 767px) {
  .sticky-menu {
    padding: 24px 25px;
  }
  .sticky-menu .bper-wrapper .container {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 32px;
  }
  .sticky-menu .text h3 {
    margin-right: 0;
  }
}

.list-element-dropdown {
  margin-bottom: 70px;
}
.list-element-dropdown .title-text h3 {
  margin-top: 0;
}
.list-element-dropdown .title-text p {
  margin-top: 30px;
  margin-bottom: 0;
}
.list-element-dropdown .title-text p.big {
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.25px;
}
.list-element-dropdown .title-text p.small {
  font-size: 16px;
}
.list-element-dropdown .dropdown-sections-wrapper {
  margin-top: 50px;
}
.list-element-dropdown .dropdown-sections-wrapper .dropdown-section {
  border: solid #ddd;
  border-width: 0 0 1px 0;
}
.list-element-dropdown .dropdown-sections-wrapper .dropdown-section .dropdown-section-title {
  min-height: 80px;
  position: relative;
  font-size: 24px;
  line-height: 1.2em;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 24px;
  cursor: pointer;
}
.list-element-dropdown .dropdown-sections-wrapper .dropdown-section .dropdown-section-title .dropdown-arrow {
  text-align: right;
  color: #64B054;
  transition: 0.5s ease-in-out transform, 0.5s ease-in-out right;
  position: absolute;
  right: 0;
  top: calc(50% - 10px);
  width: 11px;
  height: 20px;
  background: url("../images/join-us-arrow-right.png");
}
.list-element-dropdown .dropdown-sections-wrapper .dropdown-section .dropdown-section-title .dropdown-arrow.arrow-down {
  transform: rotate(90deg);
}
@media (max-width: 480px) {
  .list-element-dropdown .dropdown-sections-wrapper .dropdown-section .dropdown-section-title .dropdown-arrow {
    right: 5px;
  }
}
.list-element-dropdown .dropdown-sections-wrapper .dropdown-section .dropdown-section-title .dropdown-arrow.active {
  right: 7px;
  transform: rotate(-90deg);
}
.list-element-dropdown .dropdown-sections-wrapper .dropdown-section .dropdown-section-title .dropdown-arrow:hover {
  cursor: pointer;
  background-position-x: 11px;
}
.list-element-dropdown .dropdown-sections-wrapper .dropdown-section .dropdown-section-text {
  display: none;
  font-size: 18px;
  line-height: 1.2em;
  padding-bottom: 42px;
  padding-right: 32px;
  padding-left: 32px;
}
@media (max-width: 480px) {
  .list-element-dropdown .dropdown-sections-wrapper .dropdown-section .dropdown-section-text {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 480px) {
  .list-element-dropdown .dropdown-sections-wrapper {
    margin-top: 28px;
  }
}
@media (max-width: 480px) {
  .list-element-dropdown {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (max-width: 480px) {
  .portlet-layout .col-md-8 .ist-list-element-dropdown {
    padding-right: 10px;
    padding-left: 10px;
  }
}
select::-ms-expand {
  display: none;
}

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

select {
  text-indent: 1px;
  text-overflow: "";
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid #64B054;
  white-space: nowrap;
  padding: 18px 18px;
  font-size: 18px;
  line-height: 1.42857;
  color: #64B054;
  border-radius: 100px;
  background-color: #fff;
  position: relative;
}
select:after {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-image: url(../images/arrow_down.png);
  background-size: contain;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.select .styledSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-family: "Din-Bold", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid #64B054;
  white-space: nowrap;
  padding: 18px 18px;
  font-size: 18px;
  line-height: 1.42857;
  color: #64B054;
  border-radius: 100px;
  background-color: #fff;
  text-align: left;
  padding-left: 25px;
}
.select .styledSelect:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #64B054 transparent transparent transparent;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.select .styledSelect:active,
.select .styledSelect.active {
  background-color: #eee;
}
.select .options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0 0;
  padding: 0 0;
  list-style: none;
  border: 1px solid #ccc;
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.select .options li {
  padding: 0 6px;
  margin: 0 0;
  padding: 0 10px;
}
.select .options li:hover {
  background-color: #39f;
  color: white;
}

#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet {
  margin-top: 60px;
  width: 100%;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .select-wrapper,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .select-wrapper {
  min-width: inherit;
  width: 100%;
  position: relative;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .select-wrapper:after,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .select-wrapper:after {
  content: "<";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-73%) rotate(-90deg);
  color: #64B054;
  font-size: 32px;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .select-wrapper select,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .select-wrapper select {
  padding-right: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .select-wrapper select::-ms-expand,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .select-wrapper select::-ms-expand {
  display: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet select,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet select {
  min-width: inherit;
  width: 100%;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet label,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet label {
  width: 100%;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet input:focus,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet input:focus {
  outline: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .filter-column,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .filter-column {
  align-items: flex-start;
  flex-direction: column;
  text-align: left;
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .filter-column,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .filter-column {
    margin-bottom: 20px;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper {
  float: left;
  width: 100%;
}
@media (max-width: 640px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_length,
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_filter,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_length,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_filter {
    width: 100%;
    text-align: left;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet label,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet label {
  margin-right: 20px;
  text-transform: capitalize;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table {
  opacity: 1;
  margin-top: 20px;
  float: left;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet select,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet select {
  outline: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet select:focus,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet select:focus {
  outline: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length select,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length select {
  width: auto !important;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length .select-wrapper,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length .select-wrapper {
  width: auto !important;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters {
  display: flex;
  margin-bottom: 20px;
  width: 100%;
  overflow: hidden;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column {
  width: calc(33.33% - 20px);
  min-width: calc(33.33% - 20px);
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column:nth-child(3n+2),
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column:nth-child(3n+2) {
  margin-left: 30px;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column:nth-child(3n+3),
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column:nth-child(3n+3) {
  margin-left: 30px;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters {
    flex-direction: column;
  }
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column {
    width: 100%;
  }
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column:nth-child(3n+2),
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column:nth-child(3n+2) {
    margin-left: 0;
  }
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column:nth-child(3n+3),
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column:nth-child(3n+3) {
    margin-left: 0;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length select,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length select {
  min-width: 50px;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-unipol,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-unipol {
  clear: both;
  margin: 0;
  margin-top: 20px;
  width: 100%;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-unipol,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-unipol {
    min-width: 700px;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-unipol-wrapper,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-unipol-wrapper {
  width: 100%;
  overflow-x: auto;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_filter input,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_filter input {
  width: 100%;
  padding: 24px 27px;
  line-height: 1;
  border-radius: 45px;
  border: 1px solid #bcb6af;
  background-image: url(../images/icn-search.png);
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 20px;
  margin: 0;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length {
  float: left;
  line-height: 67px;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length label,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length label {
  margin: 0;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length label,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length label {
    width: 100%;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_filter,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_filter {
  float: right;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_filter label,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_filter label {
  margin: 0;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_filter label,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_filter label {
    width: 100%;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable th,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable th {
  padding: 24px 5px;
  padding-right: 10px;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable th,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable th {
    font-size: 12px;
    padding: 10px 5px;
    padding-right: 7px;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable td,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable td {
  padding: 24px 5px;
  padding-right: 10px;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable td,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable td {
    font-size: 12px;
    padding: 10px 5px;
    padding-right: 7px;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable thead th,
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable thead td,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable thead th,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable thead td {
  border: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable thead,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable thead {
  background-color: #faf9f8;
  color: #015256;
  font-size: 22px;
  font-family: "Din-Bold", sans-serif;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable tbody tr td,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable tbody tr td {
  border-bottom: 1px solid #ddd;
  background-color: inherit;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable tfoot,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable tfoot {
  display: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_info,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_info {
  display: none;
  margin-top: 60px;
  margin-bottom: 60px;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate {
  margin-top: 80px;
  margin-bottom: 60px;
  float: left;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate {
    float: left;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button {
  display: inline-block;
  min-width: inherit;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  border-radius: 2px;
  border: none;
  color: #005D44 !important;
  padding: 0 15px;
  font-weight: normal;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 12px;
    padding: 0 7px;
  }
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.previous, #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.next,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    display: none;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button:hover, #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button:active,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  box-shadow: none;
  color: #005D44 !important;
  border: none;
  background-color: inherit;
  background: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  pointer-events: none;
  cursor: default;
  color: #ea862c !important;
  background: none;
  border: none;
}

.faq-semplificata .faq-semplificata-element .list-element-dropdown .dropdown-sections-wrapper {
  margin-top: 0;
}
.faq-semplificata .faq-semplificata-element .list-element-dropdown {
  margin-bottom: 0;
}

.mini-banner-homepage {
  padding-top: 24px;
  padding-bottom: 24px;
}
.mini-banner-homepage .request-container .text {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .mini-banner-homepage .request-container .link-container {
    text-align: left;
  }
}
.mini-banner-homepage a.link-cta:after {
  left: inherit;
}

.popup-servizio-non-disponibile {
  background: rgba(0, 0, 0, 0.68);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
}
.popup-servizio-non-disponibile .popup-wrapper {
  width: 700px;
  background: #fff;
  max-width: calc(100% - 32px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  max-height: calc(100% - 72px);
  padding: 66px 110px 48px 110px;
  text-align: center;
}
.popup-servizio-non-disponibile .popup-wrapper .close {
  position: absolute;
  opacity: 1;
  width: 40px;
  height: 40px;
  cursor: pointer;
  top: 12px;
  right: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url(../images/close.png);
}
.popup-servizio-non-disponibile .popup-wrapper h3 {
  font: normal normal bold 22px/26px Arial;
  letter-spacing: 0px;
  margin: 40px 0 32px 0;
  color: #005D44;
  /*#27636B;*/
}
.popup-servizio-non-disponibile .popup-wrapper .text {
  color: #005D44;
  /*#27636B;*/
  margin-bottom: 40px;
}
.popup-servizio-non-disponibile .popup-wrapper .text p:last-child {
  margin-bottom: 0;
}
.popup-servizio-non-disponibile .popup-wrapper img {
  width: 66px;
}
@media (max-width: 800px) {
  .popup-servizio-non-disponibile .popup-wrapper {
    padding: 66px 33px 40px 33px;
  }
}

#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet {
  margin-top: 60px;
  width: 100%;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .select-wrapper,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .select-wrapper {
  min-width: inherit;
  width: 100%;
  position: relative;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .select-wrapper:after,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .select-wrapper:after {
  content: "<";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-73%) rotate(-90deg);
  color: #64B054;
  font-size: 32px;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .select-wrapper select,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .select-wrapper select {
  padding-right: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .select-wrapper select::-ms-expand,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .select-wrapper select::-ms-expand {
  display: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet select,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet select {
  min-width: inherit;
  width: 100%;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet label,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet label {
  width: 100%;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet input:focus,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet input:focus {
  outline: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .filter-column,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .filter-column {
  align-items: flex-start;
  flex-direction: column;
  text-align: left;
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .filter-column,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .filter-column {
    margin-bottom: 20px;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper {
  float: left;
  width: 100%;
}
@media (max-width: 640px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_length,
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_filter,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_length,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_filter {
    width: 100%;
    text-align: left;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet label,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet label {
  margin-right: 20px;
  text-transform: capitalize;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table {
  opacity: 1;
  margin-top: 20px;
  float: left;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet select,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet select {
  outline: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet select:focus,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet select:focus {
  outline: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length select,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length select {
  width: auto !important;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length .select-wrapper,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length .select-wrapper {
  width: auto !important;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters {
  display: flex;
  margin-bottom: 20px;
  width: 100%;
  overflow: hidden;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column {
  width: calc(33.33% - 20px);
  min-width: calc(33.33% - 20px);
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column:nth-child(3n+2),
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column:nth-child(3n+2) {
  margin-left: 30px;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column:nth-child(3n+3),
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column:nth-child(3n+3) {
  margin-left: 30px;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters {
    flex-direction: column;
  }
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column {
    width: 100%;
  }
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column:nth-child(3n+2),
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column:nth-child(3n+2) {
    margin-left: 0;
  }
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-select-filters .filter-column:nth-child(3n+3),
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-select-filters .filter-column:nth-child(3n+3) {
    margin-left: 0;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length select,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length select {
  min-width: 50px;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-unipol,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-unipol {
  clear: both;
  margin: 0;
  margin-top: 20px;
  width: 100%;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-unipol,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-unipol {
    min-width: 700px;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .data-tables-unipol-wrapper,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .data-tables-unipol-wrapper {
  width: 100%;
  overflow-x: auto;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_filter input,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_filter input {
  width: 100%;
  padding: 24px 27px;
  line-height: 1;
  border-radius: 45px;
  border: 1px solid #bcb6af;
  background-image: url(../images/icn-search.png);
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 20px;
  margin: 0;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length {
  float: left;
  line-height: 67px;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length label,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length label {
  margin: 0;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_length label,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_length label {
    width: 100%;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_filter,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_filter {
  float: right;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_filter label,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_filter label {
  margin: 0;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_filter label,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_filter label {
    width: 100%;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable th,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable th {
  padding: 24px 5px;
  padding-right: 10px;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable th,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable th {
    font-size: 12px;
    padding: 10px 5px;
    padding-right: 7px;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable td,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable td {
  padding: 24px 5px;
  padding-right: 10px;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable td,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable td {
    font-size: 12px;
    padding: 10px 5px;
    padding-right: 7px;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable thead th,
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable thead td,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable thead th,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable thead td {
  border: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable thead,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable thead {
  background-color: #faf9f8;
  color: #015256;
  font-size: 22px;
  font-family: "Din-Bold", sans-serif;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable tbody tr td,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable tbody tr td {
  border-bottom: 1px solid #ddd;
  background-color: inherit;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet table.dataTable tfoot,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet table.dataTable tfoot {
  display: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_info,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_info {
  display: none;
  margin-top: 60px;
  margin-bottom: 60px;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate {
  margin-top: 80px;
  margin-bottom: 60px;
  float: left;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate {
    float: left;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button {
  display: inline-block;
  min-width: inherit;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  border-radius: 2px;
  border: none;
  color: #005D44 !important;
  padding: 0 15px;
  font-weight: normal;
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 12px;
    padding: 0 7px;
  }
}
@media (max-width: 767px) {
  #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.previous, #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.next,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
  #portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    display: none;
  }
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button:hover, #portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button:active,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  box-shadow: none;
  color: #005D44 !important;
  border: none;
  background-color: inherit;
  background: none;
}
#portlet_it_smc_bper_unipol_subsidiary_web_UnipolSubsidiaryPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#portlet_it_smc_bper_datatable_web_DatatableFilterPortlet .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  pointer-events: none;
  cursor: default;
  color: #ea862c !important;
  background: none;
  border: none;
}

.last-news-page-detail {
  margin-top: 44px;
  margin-bottom: 44px;
}
.last-news-page-detail .last-news-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(auto, 349px));
  grid-gap: 40px 30px;
  justify-content: center;
}
.last-news-page-detail .last-news-container .item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 16px;
}
.last-news-page-detail .last-news-container .image-container {
  height: 185px;
  width: 100%;
  border-radius: 24px;
  background-position: center;
  background-size: cover;
  margin-bottom: 8px;
}
.last-news-page-detail .last-news-container .date {
  font-size: 18px;
  font-weight: normal;
  color: var(--neutral-100);
  margin: 0;
}
.last-news-page-detail .last-news-container .category {
  font-size: 14px;
  font-weight: normal;
  color: var(--primary-400);
  padding: 9px 17px;
  border-radius: 12px;
  background-color: var(--primary-20);
}
.last-news-page-detail .last-news-container .title {
  font-size: 18px;
  font-weight: normal;
  color: var(--primary-400);
  margin: 0;
}
.last-news-page-detail .slick-dots {
  bottom: -40px;
}
@media (max-width: 480px) {
  .last-news-page-detail .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.info-banner {
  background: var(--primary-400) 0% 0% no-repeat padding-box;
  padding: 0 45px;
}
@media (max-width: 1100px) {
  .info-banner {
    padding: 0 20px;
  }
}
.info-banner img {
  max-width: 20px;
  max-height: 20px;
  margin-right: 14px;
}
.info-banner img.icon {
  display: block;
}
.info-banner img.icon-hover {
  display: none;
}
.info-banner .text-content {
  display: flex;
  padding: 16px 0px;
  align-items: center;
  width: 100%;
}
@media (max-width: 480px) {
  .info-banner .text-content {
    align-items: flex-start;
  }
}
.info-banner .text {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}
.info-banner .text p {
  margin-bottom: 0;
}
.info-banner .text b,
.info-banner .text strong {
  font-family: "Din-Bold", sans-serif;
}
.info-banner .text a {
  color: white;
  text-decoration: underline;
  font-weight: normal;
}
.info-banner:hover img.icon {
  display: none;
}
.info-banner:hover img.icon-hover {
  display: block;
}

.wc-title {
  width: 100%;
  text-align: center;
  padding: 0 10px 40px;
  margin-top: 0;
}
@media (max-width: 799px) {
  .wc-title {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.wc-title.align-left {
  text-align: left;
}
.wc-title h4 {
  color: var(--primary-400);
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -0.07px;
  font-weight: 400;
  margin-bottom: 0;
  font-family: "Din-Regular", sans-serif;
}
@media (max-width: 799px) {
  .wc-title h4 {
    font-size: 28px;
    line-height: 36px;
  }
}
.wc-title h4 b,
.wc-title h4 strong {
  color: var(--secondary-80);
  font-family: "Din-Bold", sans-serif;
  font-family: "Din-Bold", sans-serif;
}
.wc-title h4 * {
  margin: 0;
  line-height: inherit;
  font-size: inherit;
}

.tab-link {
  text-align: center;
  width: 100%;
  margin: 0;
}
@media (max-width: 480px) {
  .tab-link .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.tab-link ul.links.tab-links {
  margin: 0 0 25px;
  padding: 0;
  display: inline-flex;
  column-gap: 80px;
}
.tab-link ul.links.tab-links li {
  display: inline-block;
  margin-bottom: 12px;
  position: relative;
}
.tab-link ul.links.tab-links li:hover > a > .img.icona {
  display: none;
}
.tab-link ul.links.tab-links li:hover > a > .img.icona-hover {
  display: block;
}
.tab-link ul.links.tab-links li:hover > a > .label {
  color: var(--secondary-80);
}
.tab-link ul.links.tab-links li a {
  display: flex;
  column-gap: 8px;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.tab-link ul.links.tab-links li a:after {
  content: "";
  display: none;
  width: 37px;
  height: 2px;
  background-color: var(--secondary-80);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.tab-link ul.links.tab-links li a.selected:after {
  display: block;
}
.tab-link ul.links.tab-links li a.selected > .img.icona {
  display: none;
}
.tab-link ul.links.tab-links li a.selected > .img.icona-hover {
  display: block;
}
.tab-link ul.links.tab-links li a.selected > .label {
  color: var(--secondary-80);
}
.tab-link ul.links.tab-links li a > .label {
  color: var(--primary-400);
  text-align: left;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: 0px;
  margin-bottom: 10px;
  text-transform: none;
  border: 0;
}
.tab-link ul.links.tab-links li a > .img {
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: contain;
  margin-bottom: 10px;
}
.tab-link ul.links.tab-links li a > .img.icona {
  display: block;
}
.tab-link ul.links.tab-links li a > .img.icona-hover {
  display: none;
}
@media (max-width: 800px) {
  .tab-link ul.links.tab-links {
    column-gap: 67px;
  }
  .tab-link ul.links.tab-links li > a {
    flex-direction: column;
    row-gap: 10px;
  }
  .tab-link ul.links.tab-links li > a > .img {
    margin-bottom: 0;
  }
  .tab-link ul.links.tab-links li > a > .label {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .tab-link ul.links.tab-links {
    column-gap: 50px;
    overflow: auto;
    width: 100%;
    justify-content: center;
  }
  .tab-link ul.links.tab-links li {
    width: auto;
    word-break: keep-all;
    min-width: 100px;
  }
  .tab-link ul.links.tab-links li > a > .label {
    word-break: keep-all;
    white-space: nowrap;
    min-width: inherit;
  }
}

.card-bisogni {
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 25px;
}
.card-bisogni .label-card a {
  width: auto;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .card-bisogni .bper-wrapper {
    width: 100% !important;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 480px) {
  .card-bisogni .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.card-bisogni .slick-list {
  margin: 0 -15px;
}
.card-bisogni .slick-dots {
  bottom: -20px;
  line-height: 0;
}
.card-bisogni ul.links {
  display: flex;
  justify-content: center;
  gap: 30px;
  list-style-type: none;
  padding: 0;
}
.card-bisogni ul.links.medium-card .label-card a {
  width: 255px;
}
@media (max-width: 768px) {
  .card-bisogni ul.links.medium-card .label-card a {
    width: 300px;
  }
}
.card-bisogni ul.links.carousel {
  display: block;
}
.card-bisogni ul.links.carousel .label-card {
  padding: 0 15px;
  margin-left: 0 !important;
  padding-bottom: 28px;
}
@media (max-width: 480px) {
  .card-bisogni ul.links.carousel .label-card {
    padding: 0 12px;
  }
}
.card-bisogni ul.links.carousel .label-card a {
  width: 100%;
}
.card-bisogni ul.links.carousel .label-card a .img {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 768px) {
  .card-bisogni ul.links:not(.carousel) {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 0;
  }
}
.card-bisogni.link-selection {
  margin-top: 6px;
}
@media (max-width: 767px) {
  .card-bisogni.link-selection {
    margin: 6px 15px 0;
  }
}
.card-bisogni.link-selection .label-card {
  float: left;
  cursor: pointer;
  position: relative;
  min-width: fit-content;
}
@media (max-width: 768px) {
  .card-bisogni.link-selection .label-card {
    margin: 0 7px;
  }
}
.card-bisogni.link-selection .label-card a {
  width: auto;
  background: var(--primary-20) 0% 0% no-repeat padding-box;
  border: none;
  border-radius: 12px;
  min-width: fit-content;
  height: auto;
  padding: 0px 24px;
}
.card-bisogni.link-selection .label-card a:hover {
  background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
}
.card-bisogni.link-selection .label-card a:hover .label {
  color: #fff !important;
}
.card-bisogni.link-selection .label-card a .label {
  white-space: nowrap;
  padding: 14px 0px;
}
.card-bisogni.link-selection ul.links {
  overflow-x: auto;
  overflow-y: hidden;
  align-items: center;
  height: auto;
  display: flex;
  width: 100%;
  justify-content: flex-start;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: hidden;
  margin: 0;
}
.card-bisogni.link-selection ul.links.center {
  justify-content: center;
}
.card-bisogni.link-selection ul.links:-webkit-scrollbar {
  display: none;
}
@media (max-width: 768px) {
  .card-bisogni.link-selection ul.links:not(.carousel) {
    flex-direction: row !important;
    gap: 15px;
    padding-right: 25px;
    margin-right: -25px;
    width: calc(100% + 25px);
  }
}
.card-bisogni.link-selection .slick-dots {
  bottom: -30px;
}

.label-card a {
  width: 350px;
  height: 73px;
  padding: 0px 16px;
  cursor: pointer;
  background: var(--neutral-5) 0% 0% no-repeat padding-box;
  border: 1px solid var(--secondary-10);
  border-radius: 24px;
  display: inline-flex;
  gap: 12px;
  align-items: center;
  position: relative;
}
@media (max-width: 800px) {
  .label-card a {
    width: 325px;
  }
}
.label-card .img {
  width: 40px;
  height: 40px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
}
.label-card span.label {
  color: var(--primary-400);
  text-align: left;
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  border: 0;
  margin: 0;
  padding: 16px 0px;
  text-transform: none;
}
@media (max-width: 800px) {
  .label-card span.label {
    padding: 12px 0px;
  }
}
.label-card a:hover {
  border: 1px solid var(--secondary-80);
  box-shadow: 0 12px 24px rgba(126, 140, 141, 0.0016);
}
.label-card a:hover span.label {
  color: var(--secondary-80);
}

.generic-card {
  padding: 48px 32px 40px 32px;
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.321);
  border-radius: 24px;
  text-align: left;
  overflow: hidden;
  margin-bottom: 0;
}
.generic-card.has-bkg-bper {
  min-height: 311px;
  padding-right: 80px;
}
@media (max-width: 767px) {
  .generic-card.has-bkg-bper {
    padding: 36px 63px 32px 22px;
    min-height: inherit;
  }
}
.generic-card.background-verde1 {
  background: var(--primary-600);
  color: #fff;
}
.generic-card.background-verde2 {
  background: var(--primary-400);
  color: #fff;
}
.generic-card.background-bianco {
  background: #fff;
}
.generic-card.squircle-verde1 .bkg-bper {
  background-image: url(../images/Squircle_green_1.png);
}
.generic-card .link-wrapper {
  margin-top: 1em;
}
.generic-card .bkg-bper {
  height: 223px;
  width: 102px;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 48px;
  right: 0;
  transform: translateX(30%);
}
@media (max-width: 767px) {
  .generic-card .bkg-bper {
    height: 174px;
    width: 80px;
  }
}
.generic-card h3 {
  font-family: "Din-Bold", sans-serif;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 36px;
  padding: 0;
  margin: 0;
}
@media (max-width: 767px) {
  .generic-card h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
  }
}
.generic-card h3 * {
  margin: 0;
}
.generic-card .text {
  margin-bottom: 28px;
}
@media (max-width: 767px) {
  .generic-card .text {
    font-size: 18px;
    line-height: 26px;
  }
}
.generic-card .text p {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.section-comunication {
  text-align: center;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .section-comunication {
    margin-top: 20px;
  }
}
.section-comunication .generic-card {
  box-shadow: 0 12px 24px rgba(126, 140, 141, 0.16);
}
.section-comunication .generic-card h3 {
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0px;
}
@media (max-width: 767px) {
  .section-comunication .generic-card h3 {
    font-size: 24px;
    line-height: 32px;
  }
}
.section-comunication .slick-dots {
  bottom: -30px;
}
.section-comunication .section-comunication-wrapper .generic-card-wrapper .text {
  color: var(--neutral-100);
}
.section-comunication .section-comunication-wrapper {
  position: relative;
}
.section-comunication .section-comunication-wrapper .generic-card-wrapper {
  margin-top: 45px;
}
@media (max-width: 767px) {
  .section-comunication .section-comunication-wrapper .generic-card-wrapper {
    margin-top: 25px;
  }
}
.section-comunication .section-comunication-wrapper:before {
  display: block;
  background: none;
  width: 100%;
  height: 353px;
  position: absolute;
  border-radius: 20px;
  z-index: -2;
}
@media (max-width: 767px) {
  .section-comunication .section-comunication-wrapper:before {
    height: calc(100% - 140px);
  }
}
.section-comunication .section-comunication-wrapper:after {
  content: "";
  display: block;
  height: 353px;
  width: 209px;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .section-comunication .section-comunication-wrapper:after {
    height: 571px;
    width: 338px;
    max-width: 210px;
    max-height: calc(100% - 140px);
    border-radius: 20px;
  }
}
.section-comunication .section-comunication-wrapper .generic-card {
  border: none;
}
.section-comunication .wrapper-title {
  padding-top: 48px;
  padding-bottom: 54px;
  position: relative;
  float: left;
  width: 100%;
  font-size: 36px;
  line-height: 44px;
  min-height: 44px;
}
@media (max-width: 767px) {
  .section-comunication .wrapper-title {
    padding-top: 45px;
    padding-bottom: 45px;
    font-size: 28px;
    line-height: 36px;
    min-height: 36px;
  }
}
.section-comunication .wrapper-title b,
.section-comunication .wrapper-title strong {
  color: var(--secondary-80);
  font-family: "Din-Bold", sans-serif;
}
.section-comunication .wrapper-title p {
  margin: 0;
  font: inherit;
}
.section-comunication .wrapper-title h3 {
  margin-top: 24px;
  margin-bottom: 12px;
}
.section-comunication .wrapper-cards {
  width: 100%;
  display: flex;
  gap: 30px;
}
@media (max-width: 767px) {
  .section-comunication .wrapper-cards {
    padding: 0 25px;
    flex-direction: column;
  }
}
.section-comunication .wrapper-cards .generic-card {
  width: 100%;
  flex-grow: 2;
}
@media (max-width: 767px) {
  .section-comunication .wrapper-cards .generic-card .link-wrapper {
    width: calc(100% + 40px);
  }
}
.section-comunication .wrapper-cards .generic-card:nth-last-child(1) {
  margin-bottom: 0;
}
.section-comunication .wrapper-cards .generic-card a .wrapper-logo .logo {
  margin-bottom: 0;
}
.section-comunication .wrapper-cards .slick-track {
  display: flex;
  column-gap: 30px;
}
@media (max-width: 767px) {
  .section-comunication .wrapper-cards .slick-track {
    column-gap: 0;
  }
}

.product .rich-navigation-item-wrapper .rich-navigation-item {
  width: 100%;
}
.product .wrapper-text {
  color: var(--neutral-100);
}
.product.rich-navigation-menu-adt.rich-navigation-carousel.product.type-offerta .rich-navigation-description {
  padding: 32px !important;
}
@media (max-width: 767px) {
  .product.rich-navigation-menu-adt.rich-navigation-carousel.product.type-offerta .rich-navigation-description {
    padding: 32px 24px !important;
  }
}
.product.rich-navigation-menu-adt.rich-navigation-carousel.product.type-offerta .rich-navigation-description li + li {
  margin-top: 8px;
}
.product.rich-navigation-menu-adt.rich-navigation-carousel.product.type-offerta .rich-navigation-description.is-icon {
  padding-top: 52px !important;
}
.product .wc-title h4 {
  line-height: 44px;
}
.product .wc-title + .container {
  margin-top: 32px;
}
.product .rich-navigation-item.green-border {
  border: solid 1px;
  border-color: var(--secondary-20);
}
@media (max-width: 1100px) {
  .product .rich-navigation-list-image.is-carousel.bper-wrapper {
    padding: 0;
    margin: 0 -15px;
    width: auto;
  }
}
@media (max-width: 767px) {
  .product .rich-navigation-list-image.is-carousel.bper-wrapper {
    padding: 0;
    margin: 0;
    width: auto;
  }
}
@media (max-width: 992px) {
  .product .rich-navigation-list-image.n-elements-1 {
    width: 50%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .product .rich-navigation-list-image.n-elements-1 {
    width: 100%;
    margin: 0;
    padding: 0 10px;
  }
  .product .rich-navigation-list-image.n-elements-1 .rich-navigation-item-wrapper {
    margin: 0;
    width: 100%;
  }
  .product .rich-navigation-list-image.n-elements-1 .rich-navigation-item-wrapper.slick-slide {
    margin: 0;
  }
}
@media (max-width: 992px) {
  .product .rich-navigation-list-image.n-elements-2 {
    width: calc(50% - 15px);
  }
}
@media (max-width: 767px) {
  .product .rich-navigation-list-image.n-elements-2 {
    margin: 0;
    width: 100%;
  }
}
.product .rich-navigation-list-image.n-elements-2 .rich-navigation-item-wrapper.slick-slide {
  margin: 0;
}
.product .rich-navigation-list-image .slider {
  width: 100%;
  display: flex;
}
.product .rich-navigation-list-image .link-over {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper {
  position: relative;
  width: calc(33.33% - 20px);
  margin-left: 30px;
  float: left;
  margin-bottom: 0;
  border-radius: 24px;
  height: inherit;
}
@media (max-width: 767px) {
  .product .rich-navigation-list-image .rich-navigation-item-wrapper {
    margin-left: 0;
  }
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item {
  background-color: #fff;
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
  margin-bottom: 0;
  height: 100%;
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.showLink-0:hover {
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item:hover {
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.24);
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-link:hover {
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.24) !important;
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-link:hover .wrapper-title {
  color: var(--secondary-80);
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-linkallcard:hover {
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.24) !important;
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-linkallcard:hover .wrapper-title {
  color: var(--secondary-80);
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-linkallcard .wrapper-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto !important;
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-linkallcard .wrapper-link .link-cta-main {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-indent: -999999px;
  display: block;
  margin: 0;
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-linkallcard .wrapper-link .link-cta-main:after {
  display: none;
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper:nth-child(3n+1) {
  margin-left: 0;
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .link-cta {
  color: var(--secondary-80) !important;
  margin-top: 20px !important;
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper .link-cta:hover {
  color: var(--secondary-80) !important;
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper h3 {
  color: var(--primary-400);
}
.product .rich-navigation-list-image .rich-navigation-item-wrapper h3.wrapper-title {
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 16px;
  font-family: "Din-Bold", sans-serif;
}
.product .rich-navigation-list-image .item-wrapper {
  width: 100%;
  padding: 0 15px;
  height: inherit;
}
.product .rich-navigation-list-image .item-wrapper .rich-navigation-item-wrapper {
  width: 100% !important;
  margin: 0;
  height: 100%;
}
.product.type-product .rich-navigation-list-image .rich-navigation-item-wrapper h3.wrapper-title, .product.type-product .rich-navigation-list-image .rich-navigation-item-wrapper .wrapper-text, .product.type-product .rich-navigation-list-image .rich-navigation-item-wrapper .link-cta, .product.type-product .rich-navigation-list-image .rich-navigation-item-wrapper h4.wrapper-subtitle {
  color: #fff !important;
}
.product.type-product .rich-navigation-description {
  background-color: var(--primary-400);
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
}
.product.type-product .rich-navigation-description a.link-cta.link-cta-right-arrow:after {
  background-image: url("../images/icone-bper-2022/white/Icon-24pt-Arrow Right.svg");
}
.product.type-product .rich-navigation-description .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-linkallcard:hover .wrapper-title, .product.type-product .rich-navigation-description .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-linkallcard:hover .wrapper-text, .product.type-product .rich-navigation-description .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-link:hover .wrapper-title, .product.type-product .rich-navigation-description .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-link:hover .wrapper-text {
  color: #fff;
}
.product.type-product .rich-navigation-list-image .rich-navigation-item-wrapper h3.wrapper-title {
  margin-bottom: 0;
}
.product.type-product .rich-navigation-list-image .rich-navigation-item-wrapper .wrapper-text {
  margin-top: 16px;
}
.product.type-offerta-with-link .rich-navigation-list-image .rich-navigation-item-wrapper .link-cta {
  margin-top: 24px !important;
}
.product.type-offerta .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-link:hover {
  box-shadow: 0px 12px 24pxrgb 126, 140, 141, 0.08;
}
.product.type-offerta .rich-navigation-list-image .rich-navigation-item-wrapper .link-cta {
  margin-top: 24px !important;
}
.product.type-offerta .rich-navigation-list-image .rich-navigation-item-wrapper .rich-navigation-item.tipolink-link:hover .wrapper-title {
  color: var(--primary-400);
}
.product.type-offerta .wrapper-title {
  letter-spacing: 0;
}
.product.type-offerta .rich-navigation-description + .rich-navigation-item-img {
  border: none !important;
}
.product.type-offerta .rich-navigation-description {
  border: 1px solid var(--secondary-20);
  padding-top: 52px !important;
  padding-bottom: 40px !important;
  border-radius: 26px;
}
.product.type-offerta .rich-navigation-description h3 + p {
  margin-top: 20px;
}
.product.type-offerta .rich-navigation-description .wrapper-subtitle {
  font-size: 13px;
  line-height: 20px;
  font-family: "Din-Bold", sans-serif;
  color: var(--secondary-80);
  margin-top: 0;
}
.product.type-offerta .rich-navigation-description .wrapper-title {
  letter-spacing: 0;
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0;
  font-family: "Din-Bold", sans-serif;
  color: var(--primary-400);
  margin-bottom: 0 !important;
}
.product.type-offerta .rich-navigation-description .wrapper-text {
  margin-top: 16px;
  font-size: 18px;
  line-height: 26px;
  color: var(--neutral-100);
}
.product.type-offerta .rich-navigation-description .wrapper-text a {
  color: var(--neutral-100);
}
.product.type-offerta .rich-navigation-description .wrapper-text ul {
  padding-left: 16px;
  padding-top: 12px;
}
@media (max-width: 767px) {
  .product.type-offerta .rich-navigation-description .wrapper-link {
    text-align: left;
    margin-top: 10px;
  }
}

.garanzie .rich-navigation-menu-adt .rich-navigation-description {
  padding: 32px !important;
}
.garanzie .rich-navigation-list-image .rich-navigation-item h3 {
  font-size: 24px;
  line-height: 32px;
  margin: 0;
  font-family: "Din-Bold", sans-serif;
  text-shadow: none;
}
.garanzie .rich-navigation-list-image .rich-navigation-item h3.wrapper-title {
  color: var(--primary-400);
}
.garanzie .rich-navigation-list-image .rich-navigation-item h3 + p {
  margin-top: 20px;
}
.garanzie .rich-navigation-list-image .rich-navigation-item .wrapper-text {
  font-size: 16px;
  line-height: 24px;
  color: var(--neutral-100);
  margin-top: 16px;
}
.garanzie .rich-navigation-list-image .rich-navigation-item .wrapper-text * {
  color: inherit;
  font: inherit;
}
.garanzie .rich-navigation-list-image .rich-navigation-item .wrapper-text ul,
.garanzie .rich-navigation-list-image .rich-navigation-item .wrapper-text ol {
  padding-left: 17px;
  margin-top: 10px;
}
.garanzie .rich-navigation-list-image .rich-navigation-item .wrapper-text ul li + li,
.garanzie .rich-navigation-list-image .rich-navigation-item .wrapper-text ol li + li {
  margin-top: 8px;
}

.other-text-and-icons {
  padding-bottom: 50px;
}
.other-text-and-icons .wc-title + .columns {
  margin-top: 32px;
}
@media (max-width: 799px) {
  .other-text-and-icons .wc-title + .columns {
    margin-top: 20px;
  }
}
.other-text-and-icons .columns {
  display: flex;
  align-content: center;
  align-items: flex-start;
  margin: 0 -15px;
}
@media (max-width: 799px) {
  .other-text-and-icons .columns {
    flex-direction: column;
    margin: 0;
  }
}
.other-text-and-icons .columns .column {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  flex-grow: 2;
  width: 100%;
  padding: 0 15px;
}
@media (max-width: 799px) {
  .other-text-and-icons .columns .column {
    padding: 0 25px;
  }
  .other-text-and-icons .columns .column + .column {
    margin-top: 50px;
  }
}
.other-text-and-icons .columns .column img {
  max-width: 60px;
  max-height: 60px;
  min-height: 60px;
  min-width: 60px;
}
.other-text-and-icons .columns .column img + h4 {
  margin-top: 32px;
}
@media (max-width: 799px) {
  .other-text-and-icons .columns .column img + h4 {
    margin-top: 20px;
  }
}
.other-text-and-icons .columns .column h4 {
  font-size: 24px;
  line-height: 32px;
  font-family: "Din-Bold", sans-serif;
  margin: 0;
}
.other-text-and-icons .columns .column h4 + p {
  margin-top: 16px;
}
.other-text-and-icons .columns .column p {
  margin: 0;
  color: var(--neutral-100);
  font-size: 18px;
  line-height: 26px;
}

.n-calcolo-rata-wrapper {
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 80px;
}
.n-calcolo-rata-wrapper .section-title {
  font-size: 36px;
  color: var(--primary-400);
  line-height: 48px;
  letter-spacing: 0px;
  margin-bottom: 21px;
  text-align: center;
}
.n-calcolo-rata-wrapper .section-title strong {
  color: var(--secondary-80);
}
.n-calcolo-rata-wrapper .section-summary {
  font-size: 20px;
  color: var(--neutral-700);
  line-height: 28px;
  letter-spacing: 0;
  margin-bottom: 57px;
  text-align: center;
}
.n-calcolo-rata-wrapper .n-calcolo-rata {
  display: grid;
  grid-template-columns: repeat(2, minmax(325px, 555px));
  justify-content: center;
  column-gap: 30px;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box {
  background: transparent linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%) 0% 0% no-repeat padding-box;
  border-radius: 24px;
  color: white;
  padding: 40px;
  box-shadow: 0 16px 24px rgba(126, 140, 141, 0.32);
  position: relative;
  display: flex;
  flex-direction: column;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.first-box {
  grid-column: 1;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.second-box {
  grid-column: 2;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-icon {
  margin-top: 40px;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-icon .box-icon-1,
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-icon .box-icon-2 {
  position: absolute;
  top: -40px;
  right: 40px;
  max-height: 80px;
  width: auto;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-image {
  display: grid;
  grid-template-rows: repeat(3, min-content);
  align-items: stretch;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-image .background-image {
  margin: -40px;
  align-self: flex-end;
  justify-self: flex-end;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-image .background-image img {
  max-height: 230px;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box .title {
  font-size: 28px;
  font-family: "Din-Bold", sans-serif;
  letter-spacing: 0;
  line-height: 36px;
  margin-bottom: 16px;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box .title p {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box .description {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 32px;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box .description p {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box .calcolo-rata-cta {
  z-index: 1;
  margin-top: auto;
}
.n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box .background-image-mobile {
  display: none;
}
.n-calcolo-rata-wrapper .n-calcolo-rata.full-width {
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, minmax(auto, auto));
  row-gap: 15px;
}
.n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.first-box {
  grid-column: 1;
  grid-row: 1;
}
.n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.second-box {
  grid-column: 1;
  grid-row: 2;
}
.n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image {
  display: grid;
  grid-template-columns: minmax(auto, 60%) minmax(auto, 40%);
  grid-template-rows: auto;
  grid-template-areas: "title        image" "description  image" "button       image";
  column-gap: 15px;
  align-items: center;
}
.n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image .title {
  grid-area: title;
}
.n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image .description {
  grid-area: description;
}
.n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image .calcolo-rata-cta {
  grid-area: button;
}
.n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image .background-image {
  grid-area: image;
  align-self: flex-end;
  margin: -40px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  max-height: 230px;
}
.n-calcolo-rata-wrapper .n-calcolo-rata.full-width.mono {
  grid-template-rows: minmax(293px, auto);
  row-gap: unset;
}
@media (max-width: 799px) {
  .n-calcolo-rata-wrapper .n-calcolo-rata {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, auto);
    row-gap: 24px;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box {
    padding: 40px 24px;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box .title, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box .title {
    font-size: 24px;
    font-family: "Din-Bold", sans-serif;
    letter-spacing: 0;
    line-height: 32px;
    margin-bottom: 22px;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box .description, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box .description {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 26px;
    margin-bottom: 28px;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.first-box, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.first-box {
    grid-column: 1;
    grid-row: 1;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.second-box, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.second-box {
    grid-column: 1;
    grid-row: 2;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-image, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image {
    grid-template-areas: none;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, min-content);
    align-items: stretch;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-image .title, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image .title {
    grid-area: unset;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-image .description, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image .description {
    grid-area: unset;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-image .calcolo-rata-cta, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image .calcolo-rata-cta {
    grid-area: unset;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-image .background-image, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image .background-image {
    display: none;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-image .background-image-mobile, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image .background-image-mobile {
    display: block;
    grid-area: unset;
    margin: -5px -25px -40px;
    align-self: flex-end;
    justify-self: flex-end;
  }
  .n-calcolo-rata-wrapper .n-calcolo-rata .calcolo-rata-box.with-image .background-image-mobile img, .n-calcolo-rata-wrapper .n-calcolo-rata.full-width .calcolo-rata-box.with-image .background-image-mobile img {
    max-height: 230px;
    float: right;
  }
}
@media (max-width: 480px) {
  .n-calcolo-rata-wrapper .n-calcolo-rata.bper-wrapper {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 480px) {
  .n-calcolo-rata-wrapper {
    padding-bottom: 58px;
  }
  .n-calcolo-rata-wrapper .section-title {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0;
    margin-bottom: 17px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .n-calcolo-rata-wrapper .section-summary {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
    margin-bottom: 44px;
    padding-left: 25px;
    padding-right: 25px;
  }
}

.promo {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 799px) {
  .promo {
    padding-left: 25px;
    padding-right: 25px;
  }
  .promo .bper-wrapper {
    padding: 0;
  }
}
.promo .promo-content {
  background-color: var(--accent-60);
  padding: 33px 40px 33px 30px;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  color: #071D1F;
}
@media (max-width: 799px) {
  .promo .promo-content {
    padding: 25px;
    padding-right: 80px;
  }
}
.promo .promo-content .text {
  background-color: var(--white);
  padding: 10px 15px;
  border-radius: 16px;
}
.promo .promo-content h4 {
  font-size: 24px;
  line-height: 32px;
  font-family: "Din-Bold", sans-serif;
  margin: 0;
  color: #071D1F;
}
.promo .promo-content .testo {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  margin-top: 10px;
}
.promo .promo-content .testo * {
  margin: 0;
}
.promo .promo-content .testo b,
.promo .promo-content .testo strong {
  font-family: "Din-Bold", sans-serif;
}
.promo .promo-content .flag {
  background-color: var(--secondary-400);
  color: #fff;
  font-size: 16px;
  font-family: "Din-Bold", sans-serif;
  line-height: 32px;
  height: 32px;
  position: absolute;
  right: -36px;
  width: 140px;
  text-align: center;
  align-content: center;
  align-items: center;
  transform: rotate(45deg);
  top: 11px;
}

.informativa-text.rich-navigation-menu-adt .rich-navigation-description {
  padding: 32px !important;
  background: #fff;
  border-radius: inherit;
}
.informativa-text .rich-navigation-list-image .rich-navigation-item .wrapper-text ul,
.informativa-text .rich-navigation-list-image .rich-navigation-item .wrapper-text ol {
  margin-top: 0;
}
.informativa-text .rich-navigation-list-image .rich-navigation-item {
  margin-left: 0;
  margin-right: 0;
}
.informativa-text .rich-navigation-list-image .rich-navigation-item .wrapper-text b,
.informativa-text .rich-navigation-list-image .rich-navigation-item .wrapper-text strong {
  font-family: "Din-Bold", sans-serif !important;
}
.informativa-text h3.wrapper-title {
  font-size: 24px;
  line-height: 32px;
  font-family: "Din-Bold", sans-serif;
}
.informativa-text .wrapper-text {
  color: var(--neutral-100);
  margin-top: 10px;
}
.informativa-text .wrapper-text a {
  color: var(--secondary-80) !important;
  font-family: "Din-Bold", sans-serif !important;
  text-decoration: underline;
}
.informativa-text .wrapper-text a:hover {
  text-decoration: none !important;
}
@media (max-width: 799px) {
  .informativa-text .note {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.informativa-text .note.have-dots {
  margin-top: 36px;
}
.informativa-text .note-principali {
  font-size: 18px;
  line-height: 26px;
  font-family: "Din-Bold", sans-serif;
}
.informativa-text .note-principali p {
  margin: 0;
  font: inherit;
  line-height: inherit;
}
.informativa-text .note-piccole {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.informativa-text .note-piccole + .note-principali {
  margin-top: 16px;
}
.informativa-text .note-piccole p {
  margin: 0;
  font: inherit;
  line-height: inherit;
}

.main-news-and-event {
  position: relative;
  margin-bottom: 40px;
  width: 100%;
  float: left;
}
@media (max-width: 1360) {
  .main-news-and-event {
    padding: 0 60px;
  }
}
@media (max-width: 767px) {
  .main-news-and-event {
    padding: 0;
  }
}
.main-news-and-event .slick-dots {
  bottom: -20px;
}
@media (max-width: 767px) {
  .main-news-and-event .slick-dots {
    bottom: -25px;
  }
}
.main-news-and-event .slick-prev {
  left: -43px;
}
.main-news-and-event .slick-next {
  right: -43px;
}
.main-news-and-event .wrapper-main-news {
  width: 100%;
  float: left;
}
.main-news-and-event .all-link {
  float: right;
}
@media (max-width: 767px) {
  .main-news-and-event .all-link {
    margin-top: 40px;
    text-align: center;
    width: 100%;
  }
}
.main-news-and-event .slider {
  width: calc(100% + 30px);
  margin: 0 -15px;
  float: left;
}
.main-news-and-event .item {
  margin-bottom: 40px;
  font-weight: 400;
  padding: 0 15px;
  text-decoration: none;
  cursor: pointer;
  outline: none !important;
  border: none;
  color: var(--primary-400);
}
@media (max-width: 767px) {
  .main-news-and-event .item {
    margin-bottom: 20px;
    padding: 0 15px;
  }
}
.main-news-and-event .item:hover {
  color: var(--secondary-80);
  text-decoration: none;
}
.main-news-and-event .item .image-container {
  display: block;
  width: 100%;
  border-radius: 24px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 25px;
  position: relative;
}
.main-news-and-event .item .image-container .tag {
  position: absolute;
  top: 25px;
  left: 0;
  max-width: 80%;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  background: var(--primary-400);
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  padding-left: 16px;
  padding-right: 20px;
}
@media (max-width: 767px) {
  .main-news-and-event .item .image-container .tag {
    font-size: 14px;
    line-height: 30px;
    padding-right: 18px;
  }
}
.main-news-and-event .item .image-container:after {
  content: "";
  padding-top: 53%;
  display: block;
}
.main-news-and-event .item .text {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

body.fixedTop .category-navigation-sticky .category-navigation-wrapper {
  opacity: 0 !important;
}
body.fixedTop .category-navigation-sticky .category-navigation-sticky-wrapper {
  display: block;
  z-index: 9999;
  left: 0;
  width: 100%;
  position: fixed;
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.16);
}
@media (max-width: 767px) {
  body.fixedTop .category-navigation-sticky .category-navigation-sticky-wrapper .title {
    display: none;
  }
  body.fixedTop .category-navigation-sticky .category-navigation-sticky-wrapper .categories-wrapper {
    padding: 25px 0;
  }
  body.fixedTop .category-navigation-sticky .category-navigation-sticky-wrapper .categories-wrapper .categories {
    float: none !important;
    overflow-x: auto;
    display: flex !important;
    align-items: center;
  }
  body.fixedTop .category-navigation-sticky .category-navigation-sticky-wrapper .categories-wrapper .categories li {
    max-width: inherit;
    padding: 8px 24px;
    font-size: 16px;
  }
}

.category-navigation-sticky,
.category-navigation-sticky.news-selector {
  margin-bottom: 0 !important;
}
.category-navigation-sticky .slick-prev,
.category-navigation-sticky .slick-next,
.category-navigation-sticky.news-selector .slick-prev,
.category-navigation-sticky.news-selector .slick-next {
  display: none !important;
}
.category-navigation-sticky .slick-dots,
.category-navigation-sticky.news-selector .slick-dots {
  bottom: -25px;
}
.category-navigation-sticky .category-navigation-wrapper,
.category-navigation-sticky.news-selector .category-navigation-wrapper {
  opacity: 1;
}
.category-navigation-sticky .categories-wrapper,
.category-navigation-sticky.news-selector .categories-wrapper {
  padding: 35px 0;
}
.category-navigation-sticky .category-navigation-sticky-wrapper,
.category-navigation-sticky.news-selector .category-navigation-sticky-wrapper {
  display: none;
}
.category-navigation-sticky .bper-wrapper .categories-wrapper,
.category-navigation-sticky.news-selector .bper-wrapper .categories-wrapper {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .category-navigation-sticky .bper-wrapper .categories-wrapper,
  .category-navigation-sticky.news-selector .bper-wrapper .categories-wrapper {
    flex-direction: column;
  }
}
.category-navigation-sticky .bper-wrapper .title,
.category-navigation-sticky.news-selector .bper-wrapper .title {
  font-size: 16px;
  line-height: 24px;
  font-family: "Din-Bold", sans-serif;
  margin: 0;
  margin-right: 24px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .category-navigation-sticky .bper-wrapper .title,
  .category-navigation-sticky.news-selector .bper-wrapper .title {
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
  }
}
.category-navigation-sticky .bper-wrapper .categories,
.category-navigation-sticky.news-selector .bper-wrapper .categories {
  margin: 0 !important;
  position: relative;
  display: inline-block !important;
  padding: 0;
  width: 100%;
  float: none !important;
}
@media (max-width: 767px) {
  .category-navigation-sticky .bper-wrapper .categories.slick-slider,
  .category-navigation-sticky.news-selector .bper-wrapper .categories.slick-slider {
    margin: 0 -7px !important;
  }
}
.category-navigation-sticky .bper-wrapper .categories li,
.category-navigation-sticky.news-selector .bper-wrapper .categories li {
  margin-right: 16px;
  padding: 0;
  display: inline-block;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .category-navigation-sticky .bper-wrapper .categories li,
  .category-navigation-sticky.news-selector .bper-wrapper .categories li {
    margin-right: 0;
    padding: 0 7px !important;
  }
}
.category-navigation-sticky .bper-wrapper .categories li a,
.category-navigation-sticky.news-selector .bper-wrapper .categories li a {
  background: var(--primary-20) 0% 0% no-repeat padding-box;
  border-radius: 12px;
  border: none !important;
  margin: 0;
  outline: none !important;
}
.category-navigation-sticky .bper-wrapper .categories li a:hover, .category-navigation-sticky .bper-wrapper .categories li a.active,
.category-navigation-sticky.news-selector .bper-wrapper .categories li a:hover,
.category-navigation-sticky.news-selector .bper-wrapper .categories li a.active {
  outline: none !important;
  background: transparent linear-gradient(180deg, #29696f 0%, #183f42 100%) 0% 0% no-repeat padding-box;
  border-radius: 12px;
}

@media (max-width: 480px) {
  .i-nostri-numeri .bper-wrapper {
    padding: 0 25px;
  }
}
.i-nostri-numeri .wc-title {
  padding-bottom: 32px;
  padding-top: 80px;
}
.i-nostri-numeri .button-list {
  text-align: center;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .i-nostri-numeri .button-list {
    float: left;
    width: 100%;
  }
}
.i-nostri-numeri .button-list .btn-tab {
  background: var(--primary-20) 0% 0% no-repeat padding-box;
  border-radius: 12px;
  color: var(--primary-400);
  text-align: left;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
  margin: 8px;
  padding: 8px 24px;
  white-space: normal;
  text-align: center;
  font-family: "Din-Regular", sans-serif;
}
@media (max-width: 767px) {
  .i-nostri-numeri .button-list .btn-tab {
    clear: both;
    display: block;
    width: auto;
    float: left;
    padding: 7px 24px;
    margin: 7px 0;
  }
}
.i-nostri-numeri .button-list .btn-tab.current, .i-nostri-numeri .button-list .btn-tab:hover {
  background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
  color: #fff;
}
@media (max-width: 767px) {
  .i-nostri-numeri .cards {
    float: left;
    width: 100%;
  }
}
.i-nostri-numeri .cards .card-wrapper {
  display: none;
}
@media (max-width: 767px) {
  .i-nostri-numeri .cards .card-wrapper {
    position: fixed;
    z-index: 99999;
    background: rgba(0, 93, 68, 0.76);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.i-nostri-numeri .cards .card-wrapper .card {
  border: 1px solid var(--secondary-10);
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 16px rgba(126, 140, 141, 0.08);
  border-radius: 24px;
  padding: 32px;
}
.i-nostri-numeri .cards .card-wrapper .card .back {
  display: none;
}
@media (max-width: 767px) {
  .i-nostri-numeri .cards .card-wrapper .card {
    position: absolute;
    width: calc(100% - 50px);
    left: 25px;
    top: 50%;
    margin: 0;
    max-height: calc(100% - 50px);
    overflow-y: auto;
    transform: translateY(-50%);
    padding: 63px 32px 0 32px;
  }
  .i-nostri-numeri .cards .card-wrapper .card .back {
    display: block;
    margin-top: 40px;
    line-height: 100px;
    padding: 0;
    border-top: solid 1px var(--green-20);
  }
}
.i-nostri-numeri .cards .card-wrapper .card h4 {
  color: var(--primary-400);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  line-height: 32px;
  font-size: 24px;
  letter-spacing: 0px;
  margin-top: 0;
  margin-bottom: 24px;
}
.i-nostri-numeri .cards .card-wrapper .card .free-html {
  color: var(--primary-400);
  text-align: left;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0;
}
.i-nostri-numeri .cards .card-wrapper .card .free-html p {
  margin: 0 0 10px;
}
.i-nostri-numeri .cards .card-wrapper .card .free-html p:last-child {
  margin: 0;
}
.i-nostri-numeri .cards .card-wrapper .card ul {
  display: block;
  margin: 0;
  padding: 0;
}
.i-nostri-numeri .cards .card-wrapper .card ul li {
  display: block;
  margin: 0;
  padding: 0;
  color: var(--primary-400);
  text-align: left;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}
.i-nostri-numeri .cards .card-wrapper .card a:not(.back-link) {
  color: var(--secondary-80);
  text-align: left;
  text-decoration: underline;
  font-size: 20px;
  line-height: 28px;
  font-family: "Din-Bold", sans-serif;
}
.i-nostri-numeri .cards .card-wrapper .card a:not(.back-link):hover {
  text-decoration: none;
}
.i-nostri-numeri .cards .card-wrapper .card a.back-link {
  cursor: pointer;
}
.i-nostri-numeri .cards .card-wrapper .card .close {
  position: absolute;
  width: 40px;
  height: 40px;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-image: none;
  background-size: auto;
  top: 25px;
  right: 25px;
  opacity: 1;
  background-image: url(../images/svg/Icon-24pt-Close.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  text-decoration: none;
  display: none;
}
@media (max-width: 767px) {
  .i-nostri-numeri .cards .card-wrapper .card .close {
    display: block;
  }
}

.n-card-carousel {
  background-color: var(--neutral-5);
  padding: 30px 0 80px 0;
  float: left;
  width: 100%;
  /*
    <#if cardTitle.getSiblings()?size ==1>
            <#assign gridTemplateColumns = "grid-template-columns: repeat(${cardsColumns}, 33.33%)" />
          </#if>
          <#if cardTitle.getSiblings()?size ==2>
            <#assign gridTemplateColumns = "grid-template-columns: repeat(${cardsColumns}, 50%)" />
          </#if>
          <#if cardTitle.getSiblings()?size ==3>
            <#assign gridTemplateColumns = "grid-template-columns: repeat(${cardsColumns}, 33.33%)" />
          </#if>
  */
}
@media (max-width: 799px) {
  .n-card-carousel {
    padding-bottom: 70px !important;
    padding-top: 0px !important;
  }
}
.n-card-carousel .wc-title {
  margin-bottom: 35px;
}
@media (max-width: 799px) {
  .n-card-carousel .wc-title {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }
}
.n-card-carousel .wrapper-card-carousel {
  float: left;
  width: 100%;
}
.n-card-carousel .wrapper-card-carousel.size-1 .card-wrapper {
  width: calc(33.33% - 15px);
  padding-right: 0;
}
@media (max-width: 799px) {
  .n-card-carousel .wrapper-card-carousel.size-1 .card-wrapper {
    width: 100%;
  }
}
.n-card-carousel .wrapper-card-carousel.size-2 .card-wrapper {
  width: calc(33.33% - 15px);
  margin-left: 30px;
  padding-right: 0;
}
@media (max-width: 799px) {
  .n-card-carousel .wrapper-card-carousel.size-2 .card-wrapper {
    margin-left: 0;
    width: 100%;
  }
}
.n-card-carousel .wrapper-card-carousel.size-2 .card-wrapper:nth-child(1) {
  margin-left: 0;
}
.n-card-carousel .wrapper-card-carousel.size-3 .card-wrapper {
  width: calc(33.33% - 20px);
  margin-left: 30px;
  padding-right: 0;
}
@media (max-width: 799px) {
  .n-card-carousel .wrapper-card-carousel.size-3 .card-wrapper {
    margin-left: 0;
    width: 100%;
  }
}
.n-card-carousel .wrapper-card-carousel.size-3 .card-wrapper:nth-child(1) {
  margin-left: 0;
}
.n-card-carousel .title {
  font-size: 36px;
  line-height: 48px;
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 64px;
}
.n-card-carousel .title b,
.n-card-carousel .title strong {
  color: var(--secondary-80);
}
.n-card-carousel .card-container {
  float: left;
  width: 100%;
}
.n-card-carousel .card-container .card-wrapper {
  float: left;
  padding-right: 30px;
}
.n-card-carousel .card-container .card-wrapper .card-image {
  min-width: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.n-card-carousel .card-container .card-wrapper .card-image .img {
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.n-card-carousel .card-container .card-wrapper .card-image .img:after {
  padding-top: 63%;
  content: "";
  display: block;
}
.n-card-carousel .card-container .card-wrapper .card-title {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0;
  font-family: "Din-Bold", sans-serif;
  margin-top: 24px;
  color: var(--primary-400);
}
.n-card-carousel .card-container .card-wrapper .card-description {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  color: #7e8c8d;
  margin-top: 16px;
}
@media (max-width: 799px) {
  .n-card-carousel {
    padding: 56px 25px;
  }
  .n-card-carousel .title {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 40px;
  }
  .n-card-carousel .card-container .card-wrapper .card-image {
    min-width: auto;
    max-width: calc(100vw - 50px);
  }
}

.faq-main-navigation {
  margin: 80px 0;
}
@media (max-width: 480px) {
  .faq-main-navigation .bper-wrapper {
    padding: 0 25px;
  }
}
.faq-main-navigation .faq-main-navigation-wrapper {
  display: grid;
  grid-template-columns: calc(33.33% - 20px) calc(33.33% - 20px) calc(33.33% - 20px);
  grid-gap: 30px;
}
@media (max-width: 800px) {
  .faq-main-navigation .faq-main-navigation-wrapper {
    grid-template-columns: calc(50% - 15px) calc(50% - 15px);
  }
}
@media (max-width: 767px) {
  .faq-main-navigation .faq-main-navigation-wrapper {
    grid-template-columns: 100%;
  }
}
.faq-main-navigation .item:nth-child(3n+1) {
  /*clear: left;
        margin-left: 0;*/
}
.faq-main-navigation .item {
  float: left;
  margin-left: 0;
  margin-bottom: 0;
  display: flex;
  width: 100%;
  height: 100%;
}
.faq-main-navigation .item .item-wrapper {
  border: 1px solid var(--secondary-10);
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 16px rgba(126, 140, 141, 0.08);
  padding: 32px 32px 32px 32px;
  border-radius: 24px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.faq-main-navigation .item .item-wrapper.is-icon {
  padding-top: 50px;
}
.faq-main-navigation .item .item-wrapper .icona {
  background: linear-gradient(180deg, var(--secondary-50) 0%, var(--secondary-80) 100%);
  box-shadow: 0px 12px 24px rgba(126, 140, 141, 0.08);
  border-radius: 16px;
  width: 64px;
  height: 64px;
  position: absolute;
  top: -32px;
}
.faq-main-navigation .item .item-wrapper .icona img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 48px;
  max-height: 48px;
}
.faq-main-navigation .item .item-wrapper h4 {
  color: var(--primary-400);
  text-align: left;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0px;
  margin: 0;
  padding: 0;
}
.faq-main-navigation .item .item-wrapper ul {
  margin: 0 0 16px;
  display: block;
  padding: 0;
}
.faq-main-navigation .item .item-wrapper ul li {
  margin: 0;
  padding: 0;
  display: block;
  color: var(--primary-400);
  text-align: left;
  text-decoration: underline;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
  margin-top: 12px;
}
.faq-main-navigation .item .item-wrapper ul li a {
  color: inherit;
  font: inherit;
}
.faq-main-navigation .item .item-wrapper ul li a:hover {
  color: var(--secondary-80);
  text-decoration: underline;
}
.faq-main-navigation .item .item-wrapper a.link-cta {
  color: var(--secondary-80);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
  margin-top: auto;
}

@media (max-width: 991px) {
  .menu-navigation-faq {
    padding: 0 10px;
  }
}
.menu-navigation-faq .link-container {
  margin-left: -11px;
  margin-bottom: 30px;
}
.menu-navigation-faq .link-container a {
  font-family: "Din-Bold", sans-serif;
}
.menu-navigation-faq ul {
  margin: 0;
  padding: 0;
  display: block;
}
@media (max-width: 767px) {
  .menu-navigation-faq ul {
    display: none;
  }
}
.menu-navigation-faq ul ul {
  padding-left: 20px;
}
.menu-navigation-faq ul .child-menu {
  margin-top: 12px;
}
.menu-navigation-faq ul li {
  color: var(--secondary-80);
  text-align: left;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  font-weight: 400;
  display: block;
  margin-bottom: 16px;
}
.menu-navigation-faq ul li a {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  position: relative;
  display: inline-block;
}
.menu-navigation-faq ul li a:hover {
  color: var(--secondary-80);
}
.menu-navigation-faq ul li a:hover.active:before {
  background-color: var(--secondary-80);
}
.menu-navigation-faq ul li a.active {
  font-family: "Din-Bold", sans-serif;
  padding-left: 20px;
}
.menu-navigation-faq ul li a.active:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: var(--secondary-80);
  width: 6px;
  height: 6px;
  border-radius: 100%;
}

.faq-accordion .main-title {
  margin: 0;
  color: var(--primary-400);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0px;
  margin-bottom: 56px;
}
@media (max-width: 799px) {
  .faq-accordion .main-title {
    margin-bottom: 36px;
  }
}
.faq-accordion .item-wrapper .item {
  margin-bottom: 8px;
}
.faq-accordion .item-wrapper .item + .item {
  border-top: solid 1px var(--green-20);
}
.faq-accordion .item-wrapper .item .question {
  margin: 16px 0;
  cursor: pointer;
  display: flex;
  position: relative;
}
.faq-accordion .item-wrapper .item .question h4 {
  width: calc(100% - 34px);
  max-width: calc(100% - 34px);
  flex-grow: 2;
  color: var(--primary-400);
  text-align: left;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  font-family: "Din-Regular", sans-serif;
  letter-spacing: 0px;
  margin: 0;
}
.faq-accordion .item-wrapper .item .question .arrow {
  min-width: 34px;
  width: 34px;
  display: block;
  height: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.faq-accordion .item-wrapper .item .question .arrow svg {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(0);
  transition: 200ms;
  width: 16px;
  height: 16px;
}
.faq-accordion .item-wrapper .item .question .arrow svg path {
  fill: var(--secondary-80);
}
.faq-accordion .item-wrapper .item .answer {
  color: var(--neutral-100);
  text-align: left;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
  padding-left: 24px;
  width: calc(100% - 34px);
  margin-right: 34px;
  margin-top: 20px;
  margin-bottom: 30px;
}
.faq-accordion .item-wrapper .item .answer a {
  font-family: "Din-Bold", sans-serif;
}
.faq-accordion .item-wrapper .item .answer .links {
  margin: 20px 0;
  padding: 0;
}
.faq-accordion .item-wrapper .item .answer .links a {
  font-family: "Din-Bold", sans-serif;
}
.faq-accordion .item-wrapper .item .answer .links li {
  display: block;
}
.faq-accordion .item-wrapper .item .answer .links li + li {
  margin-top: 7px;
}
.faq-accordion .item-wrapper .item.active .arrow svg {
  transform: translateY(-50%) rotate(180deg);
}
.faq-accordion .link-container {
  padding-top: 60px;
  border-top: solid 1px var(--green-20);
}
.faq-accordion .link-container a {
  font-family: "Din-Bold", sans-serif;
}

#link-search-form-wrapper .card-bisogni {
  margin-bottom: 0;
  padding-bottom: 0;
  margin-top: 32px;
}
#link-search-form-wrapper .card-bisogni ul.links {
  flex-direction: row !important;
  list-style-type: none;
  padding: 0;
  width: 100%;
  gap: 20px;
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
#link-search-form-wrapper .card-bisogni ul.links li.label-card {
  width: auto !important;
  text-align: center;
}
#link-search-form-wrapper .card-bisogni ul.links li.label-card a {
  align-items: center;
  position: relative;
  width: auto;
  white-space: nowrap;
  display: block;
  gap: 0;
  border-radius: 11px;
  background: var(--primary-20);
  text-align: center;
  border: none;
  height: auto;
  padding: 15px 24px;
}
#link-search-form-wrapper .card-bisogni ul.links li.label-card a:hover {
  background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
}
#link-search-form-wrapper .card-bisogni ul.links li.label-card a:hover .label {
  color: #fff !important;
}
#link-search-form-wrapper .card-bisogni ul.links li.label-card a .label {
  text-align: center;
  color: var(--primary-600);
  font-weight: normal;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  display: block;
  font-size: 18px;
  line-height: 18px;
  border: 0;
}

.product-service-button-with-icon .item-info .title {
  margin-bottom: 16px;
}
.product-service-button-with-icon .pulsanti {
  width: 100%;
  clear: both;
}
.product-service-button-with-icon .pulsanti .btn {
  float: left;
  margin-right: 25px;
  display: block;
}
.product-service-button-with-icon .item-info.light .description ul {
  padding-left: 18px;
}

.bper-search-faq-web {
  margin: 0 auto;
  width: 780px;
  padding: 0 25px;
  max-width: 100%;
}
@media (max-width: 767px) {
  .bper-search-faq-web .container-fluid {
    margin: 0;
    padding: 0;
  }
}
.bper-search-faq-web .input-wrapper {
  position: relative;
  width: 100%;
}
.bper-search-faq-web .input-wrapper .search-icon {
  background-image: url(../images/Icon-24pt-Search-faq.svg);
  width: 40px;
  height: 40px;
  background-position: center;
  background-size: 24px;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
.bper-search-faq-web .form-group input {
  line-height: 49px;
  height: 49px;
}
.bper-search-faq-web .form-group input:hover, .bper-search-faq-web .form-group input:focus {
  box-shadow: none;
  outline: 1;
  border-color: var(--secondary-80);
}
.bper-search-faq-web .faq-result {
  color: var(--primary-400) !important;
}
.bper-search-faq-web .yui3-aclist-item {
  padding: 8px 15px;
  background-color: #fff;
}
.bper-search-faq-web .yui3-aclist-item.yui3-aclist-item-active {
  background: var(--neutral-5);
}
.bper-search-faq-web .yui3-aclist-item:hover {
  background-color: var(--neutral-5);
}
.bper-search-faq-web .yui3-aclist {
  z-index: 2;
}
.bper-search-faq-web .yui3-aclist {
  box-shadow: none;
}
.bper-search-faq-web .yui3-aclist-content {
  background: #fff;
  border: 1px solid !important;
  border-color: #B0CFD1 !important;
  box-shadow: 0 12px 24px rgba(126, 140, 141, 0.16) !important;
  padding: 15px 0 !important;
  overflow: hidden !important;
  border-radius: 24px;
}

.arrow-down-wrapper + .area-riservata-white-card .wc-title {
  margin-top: 24px;
  padding-top: 24px;
}

@media (max-width: 799px) {
  .area-riservata-white-card .bper-wrapper {
    padding: 0 25px;
  }
}
.area-riservata-white-card .wc-title {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 40px;
}
@media (max-width: 799px) {
  .area-riservata-white-card .wc-title {
    padding-bottom: 24px;
  }
}
.area-riservata-white-card .wc-title h4 {
  color: var(--primary-400);
  text-align: center;
  font-size: 36px;
  line-height: 48px;
  margin-top: 0;
}
@media (max-width: 799px) {
  .area-riservata-white-card .wc-title h4 {
    font-size: 36px;
    line-height: 48px;
  }
}
.area-riservata-white-card .card-content {
  display: flex;
  align-items: stretch;
  gap: 30px;
}
@media (max-width: 799px) {
  .area-riservata-white-card .card-content {
    flex-direction: column;
  }
}
.area-riservata-white-card .card-content .card {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  box-shadow: 0px 8px 16px rgba(126, 140, 141, 0.16);
  border: 1px solid;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-radius: 24px;
  opacity: 1;
  padding: 32px;
  flex-grow: 2;
  border-color: #CAF0DE;
  margin: 0;
}
.area-riservata-white-card .card-content .card:hover {
  box-shadow: 0px 8px 16px rgba(126, 140, 141, 0.32);
}
.area-riservata-white-card .card-content .card .card-main-content {
  height: 100%;
}
@media (max-width: 799px) {
  .area-riservata-white-card .card-content .card .card-main-content {
    height: auto !important;
  }
}
.area-riservata-white-card .card-content .card .sottotitolo {
  color: var(--secondary-80);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  margin: 0;
  margin-bottom: 16px;
}
.area-riservata-white-card .card-content .card .titolo {
  margin: 0;
  color: var(--primary-400);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0px;
  margin-bottom: 16px;
}
.area-riservata-white-card .card-content .card .text {
  color: var(--neutral-100);
  text-align: left;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
  margin-bottom: 28px;
}
.area-riservata-white-card .card-content .card .tel-link {
  color: var(--secondary-80);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 32px;
}
.area-riservata-white-card .card-content .card .button-wrapper {
  margin-top: auto;
}

.area-riservata-green-card {
  margin-bottom: 50px;
  float: left;
  padding-bottom: 0;
  width: 100%;
}
@media (max-width: 799px) {
  .area-riservata-green-card .wrapper-cards {
    padding: 0 !important;
  }
  .area-riservata-green-card .wrapper-cards .generic-card + .generic-card {
    margin-top: 25px;
  }
}
@media (max-width: 799px) {
  .area-riservata-green-card .bper-wrapper {
    padding: 0 25px;
  }
}
.area-riservata-green-card .section-comunication-wrapper {
  float: left;
  width: 100%;
}
.area-riservata-green-card .section-comunication-wrapper:after, .area-riservata-green-card .section-comunication-wrapper:before {
  display: none;
}
.area-riservata-green-card .section-comunication-wrapper .wc-title {
  padding-top: 72px;
  padding-bottom: 92px;
  margin-top: 0;
}
.area-riservata-green-card .wrapper-cards + .wrapper-cards {
  margin-top: 65px;
}
@media (max-width: 799px) {
  .area-riservata-green-card .wrapper-cards + .wrapper-cards {
    margin-top: 50px;
  }
}
.area-riservata-green-card .generic-card {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-content: center;
  height: 320px;
  min-height: 320px;
  box-shadow: 0px 16px 24px rgba(126, 140, 141, 0.16);
  overflow: visible !important;
}
@media (max-width: 799px) {
  .area-riservata-green-card .generic-card {
    height: auto;
    padding-left: 25px !important;
    min-height: 10px;
    padding-right: 0;
    overflow: visible !important;
  }
  .area-riservata-green-card .generic-card h3 {
    height: auto !important;
  }
}
.area-riservata-green-card .generic-card .bkg-bper {
  display: block;
}
@media (max-width: 799px) {
  .area-riservata-green-card .generic-card .bkg-bper {
    display: none;
  }
}
.area-riservata-green-card .generic-card .bkg-bper.bkg-bper-mobile {
  display: none;
}
@media (max-width: 799px) {
  .area-riservata-green-card .generic-card .bkg-bper.bkg-bper-mobile {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -38px;
  }
}
.area-riservata-green-card .generic-card .text {
  margin-top: 16px;
}
.area-riservata-green-card .generic-card .generic-card-all-wrapper {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 48px 80px 40px 32px;
}
@media (max-width: 799px) {
  .area-riservata-green-card .generic-card .generic-card-all-wrapper {
    position: relative;
    overflow: hidden;
    top: inherit;
    left: inherit;
    right: inherit;
    bottom: inherit;
    padding: 0;
    padding-top: 0px;
    padding-top: 15px;
    padding-right: 30px;
    overflow: hidden !important;
  }
}
.area-riservata-green-card .generic-card .wrapper-generic-card {
  position: relative;
  height: 100%;
  width: 100%;
}
@media (max-width: 799px) {
  .area-riservata-green-card .generic-card .wrapper-generic-card {
    height: auto;
    min-height: 156px;
  }
}
.area-riservata-green-card .generic-card .wrapper-generic-card .wrapper-generic-card-abs {
  position: absolute;
  left: 0;
  right: 0;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 799px) {
  .area-riservata-green-card .generic-card .wrapper-generic-card .wrapper-generic-card-abs {
    position: relative;
    transform: none;
    top: inherit;
  }
}
.area-riservata-green-card .generic-card.has-nota .nota {
  background: var(--secondary-10);
  padding: 0 15px;
  border-radius: 16px;
  line-height: 54px;
  color: var(--primary-400);
  text-align: left;
  font-size: 18px;
  letter-spacing: 0px;
  left: 32px;
  max-width: calc(100% - 64px);
  height: auto;
  top: 0;
  position: absolute;
  transform: translateY(-50%);
  line-height: 26px;
  padding-bottom: 15px;
  padding-top: 15px;
}
@media (max-width: 799px) {
  .area-riservata-green-card .generic-card.has-nota .nota {
    left: 25px;
  }
}
.area-riservata-green-card .generic-card.color-type1 {
  background-color: var(--primary-400);
  color: #fff;
}
.area-riservata-green-card .generic-card.color-type2 {
  background-color: var(--primary-600);
  color: #fff;
}
.area-riservata-link-utili {
  float: left;
  width: 100%;
}
.area-riservata-link-utili .wc-title {
  padding-bottom: 40px;
  margin-top: 0;
}
@media (max-width: 799px) {
  .area-riservata-link-utili .wc-title {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 40px;
  }
}
@media (max-width: 799px) {
  .area-riservata-link-utili .bper-wrapper {
    padding: 0 25px;
  }
}
.area-riservata-link-utili .cards-wrapper {
  display: flex;
  width: 100%;
  align-items: stretch;
  gap: 30px;
}
@media (max-width: 799px) {
  .area-riservata-link-utili .cards-wrapper {
    flex-direction: column;
  }
}
.area-riservata-link-utili .cards-wrapper .card {
  display: flex;
  width: 100%;
  flex-grow: 2;
  flex-direction: column;
  background: #fff;
  box-shadow: 0px 8px 16px rgba(126, 140, 141, 0.16);
  border: 1px solid;
  border-color: #CAF0DE;
  border-radius: 24px;
  flex-grow: 2;
  padding: 32px 24px 24px 24px;
  margin-bottom: 0;
}
.area-riservata-link-utili .cards-wrapper .card:hover {
  box-shadow: 0px 8px 16px rgba(126, 140, 141, 0.32);
}
.area-riservata-link-utili .cards-wrapper .card:hover .wrapper-link .link-cta-right-arrow:after {
  transform: none !important;
}
.area-riservata-link-utili .cards-wrapper .card:hover .link-cta-no-tel {
  text-decoration: none;
}
.area-riservata-link-utili .cards-wrapper .card:hover .tel-link {
  text-decoration: none;
}
.area-riservata-link-utili .cards-wrapper .card:hover h4 {
  color: var(--secondary-80);
}
.area-riservata-link-utili .cards-wrapper .card .nota {
  position: absolute;
  top: 0;
  background: var(--secondary-10);
  border-radius: 16px;
  left: 25px;
  line-height: 48px;
  padding-left: 20px;
  padding-right: 20px;
  transform: translateY(-50%);
  color: var(--primary-400);
}
.area-riservata-link-utili .cards-wrapper .card .link-cta-no-tel {
  text-decoration: underline;
  font-family: "Din-Bold", sans-serif;
}
.area-riservata-link-utili .cards-wrapper .card .link-hover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.area-riservata-link-utili .cards-wrapper .card h4 {
  margin: 0;
  margin-bottom: 0px;
  margin-bottom: 16px;
  color: var(--primary-400);
  text-align: left;
  font-family: "Din-Bold", sans-serif;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0px;
}
.area-riservata-link-utili .cards-wrapper .card .wrapper-link {
  text-align: right;
  margin-top: 24px;
}

@media (max-width: 767px) {
  .category-navigation-popup {
    text-align: center;
  }
  .category-navigation-popup .categories-wrapper {
    text-align: left;
  }
}
.category-navigation-popup p.title {
  font-family: "Din-Bold", sans-serif;
  font-size: 18px;
  line-height: 26px;
  color: var(--primary-400);
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .category-navigation-popup p.title {
    font-size: 24px;
    padding: 0 25px;
    margin-bottom: 22px;
  }
}
.category-navigation-popup .categories {
  margin: 0;
  padding: 0;
  display: block;
}
.category-navigation-popup .categories li.desktop {
  display: block;
}
.category-navigation-popup .categories li.mobile {
  display: none;
}
@media (max-width: 767px) {
  .category-navigation-popup .categories {
    display: flex;
    flex-grow: 2;
    flex-direction: column;
    padding: 0 25px;
  }
}
.category-navigation-popup .categories li {
  width: auto;
  float: left;
  margin-right: 16px;
}
@media (max-width: 767px) {
  .category-navigation-popup .categories li.desktop {
    display: none;
  }
  .category-navigation-popup .categories li.mobile {
    display: block;
  }
}
.category-navigation-popup .categories li a {
  border-radius: 12px;
  color: #013E2E;
  display: inline-block;
  margin-bottom: 16px;
  padding: 0 16px;
  line-height: 40px;
  background-color: #E1EBE8;
  font-size: 18px;
  font-weight: 400;
  border: solid 1px;
  border-color: var(--secondary-10);
}
.category-navigation-popup .categories li a:hover, .category-navigation-popup .categories li a.show-x {
  color: #fff;
  outline: none !important;
  background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
  border-radius: 12px;
}
.category-navigation-popup .categories li a .label {
  font: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  display: block;
  width: auto;
}
@media (max-width: 767px) {
  .category-navigation-popup .categories li a.show-x {
    align-items: center;
    width: auto;
    position: relative;
    padding-right: 56px;
  }
  .category-navigation-popup .categories li a.show-x .delete-cat {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    margin-left: 8px;
    display: block;
    background-image: url(../images/delete-icon.svg);
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: contain;
  }
}
.category-navigation-popup .buttons {
  display: none;
}
@media (max-width: 767px) {
  .category-navigation-popup .buttons {
    display: flex;
    align-items: center;
    box-shadow: 0px -12px 24px rgba(126, 140, 141, 0.16);
    padding: 25px 25px 0 25px;
  }
}
.category-navigation-popup .buttons .wrp {
  flex-grow: 2;
}
.category-navigation-popup .category-filter-mobile {
  display: none;
}
@media (max-width: 767px) {
  .category-navigation-popup .category-filter-mobile {
    text-align: center;
    width: 100%;
    cursor: pointer;
    display: inline-block;
    width: auto;
  }
  .category-navigation-popup .category-filter-mobile .wrp {
    display: block;
    text-align: center;
    display: flex;
    line-height: 26px;
    font-size: 18px;
    color: var(--primary-400);
    text-align: center;
    align-content: center;
    align-items: center;
  }
  .category-navigation-popup .category-filter-mobile .icon {
    background-image: url(../images/Icon-24pt-Filter.svg);
    width: 24px;
    height: 24px;
    background-position: center;
    display: inline-block;
    background-size: contain;
    margin-right: 8px;
  }
  .category-navigation-popup .category-filter-mobile .lbl {
    font-family: "Din-Bold", sans-serif;
  }
}
.category-navigation-popup .close-content {
  display: none;
}
@media (max-width: 767px) {
  .category-navigation-popup .close-content {
    height: 88px;
    width: 100%;
    display: block;
    position: relative;
  }
  .category-navigation-popup .close-content .close {
    position: absolute;
    top: 50%;
    right: 25px;
    width: 40px;
    height: 40px;
    background: none;
    opacity: 1 !important;
    transform: translateY(-50%);
  }
  .category-navigation-popup .close-content .close:after {
    content: "";
    display: block;
    width: 24px;
    height: 3px;
    left: 50%;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: var(--primary-400);
  }
  .category-navigation-popup .close-content .close:before {
    content: "";
    display: block;
    width: 24px;
    height: 3px;
    left: 50%;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    background-color: var(--primary-400);
  }
}
@media (max-width: 767px) {
  .category-navigation-popup .category-wrapper {
    display: none;
  }
}
@media (max-width: 767px) {
  .category-navigation-popup .category-wrapper.open {
    background: rgba(4, 63, 66, 0.76);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    display: block;
  }
  .category-navigation-popup .category-wrapper.open .category-content {
    border-radius: 25px;
    background: #fff;
    text-align: left;
    position: absolute;
    top: 25px;
    right: 25px;
    left: 25px;
    bottom: 25px;
    display: flex;
    padding: 0 0 25px 0;
    flex-direction: column;
  }
}

.podcast {
  padding-bottom: 90px;
  padding-top: 90px;
}
@media (max-width: 767px) {
  .podcast {
    padding: 20px;
  }
}
.podcast .back-link {
  margin-top: 70px;
  margin-bottom: 0;
}
.podcast .visually-hidden, .podcast .pcast-player button span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.podcast .pcast-player .pcast-player-controls {
  box-sizing: border-box;
}
.podcast .pcast-player button {
  position: relative;
  -webkit-appreance: none;
  width: 70px;
  min-width: 70px;
  height: 70px;
  border-radius: 100%;
  background: #ffc003;
  box-shadow: none;
  -webkit-appearance: none;
  border: none;
  color: #fff;
  font-size: 24px;
  line-height: 70px;
  text-align: center;
}
.podcast .pcast-player button i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.podcast .pcast-player progress {
  appearance: none;
}
.podcast .pcast-player progress[value]::-webkit-progress-bar {
  background-color: var(--secondary-80);
  border-radius: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
.podcast .pcast-player progress[value]::-webkit-progress-value {
  background: #fff;
}
.podcast .pcast-player .pcast-time {
  display: inline-block;
  font-size: 13px;
  padding: 0 5px;
  text-align: center;
  width: 4em;
}
.podcast .podcast-content-wrapper {
  display: flex;
  flex-direction: column;
}
.podcast .podcast-content-wrapper .podcast-content {
  display: flex;
  border: solid 1px;
  border-color: var(--green-20);
  border-radius: 12px;
  position: relative;
}
.podcast .podcast-content-wrapper .podcast-content + .podcast-content {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .podcast .podcast-content-wrapper .podcast-content + .podcast-content {
    margin-top: 20px;
  }
}
.podcast .podcast-content-wrapper .podcast-content .number {
  position: absolute;
  right: -25px;
  top: -25px;
  background: var(--secondary-80);
  color: #fff;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  text-align: center;
  align-content: center;
  border-radius: 100%;
}
@media (max-width: 767px) {
  .podcast .podcast-content-wrapper .podcast-content .number {
    display: none;
  }
}
.podcast .podcast-content-wrapper .podcast-content .number span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.podcast .podcast-content-wrapper .podcast-content .row-1 {
  position: relative;
  display: flex;
}
.podcast .podcast-content-wrapper .podcast-content .row-2 {
  margin-top: 20px;
  position: relative;
  width: 100%;
  align-items: center;
  display: flex;
}
.podcast .podcast-content-wrapper .podcast-content .pcast-player {
  padding: 12px;
  flex-grow: 2;
}
.podcast .podcast-content-wrapper .podcast-content .pcast-player .title-and-share {
  padding: 0 8px;
  flex-grow: 2;
}
.podcast .podcast-content-wrapper .podcast-content .pcast-player .title-and-share h4 {
  color: black;
  font-weight: 400;
  margin-top: 0;
}
.podcast .podcast-content-wrapper .podcast-content .pcast-player .pcast-player-controls .pcast-currenttime {
  color: var(--neutral-100) !important;
}
.podcast .podcast-content-wrapper .podcast-content .pcast-player .pcast-player-controls .pcast-progress {
  flex-grow: 2;
  height: 8px;
  border: none;
  margin: 0 16px;
}
.podcast .podcast-content-wrapper .podcast-content .pcast-player .pcast-player-controls .pcast-duration {
  color: var(--neutral-100) !important;
}
.podcast .podcast-content-wrapper .podcast-content .pcast-player .pcast-player-controls .pcast-mute {
  display: none;
}
.podcast .podcast-content-wrapper .podcast-content .image {
  border-top-right-radius: 12px;
  width: 190px;
  min-width: 190px;
  border-bottom-right-radius: 12px;
}
@media (max-width: 767px) {
  .podcast .podcast-content-wrapper .podcast-content .image {
    display: none;
  }
}
.podcast .podcast-content-wrapper .podcast-content .image::after {
  content: "";
  display: block;
  padding-top: 100%;
}

.single-main-news {
  padding: 0 0 80px;
}
@media (max-width: 480px) {
  .single-main-news .bper-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 799px) {
  .single-main-news .wrapper-single-main-news {
    padding: 0 5px;
  }
}
.single-main-news .wrapper-single-main-news .entry {
  display: flex;
  color: var(--primary-400);
}
.single-main-news .wrapper-single-main-news .entry:hover .col-left h4 {
  color: var(--secondary-80);
}
@media (max-width: 799px) {
  .single-main-news .wrapper-single-main-news .entry {
    display: flex;
    flex-direction: column-reverse;
  }
}
.single-main-news .wrapper-single-main-news .entry .col-left {
  width: 42%;
  padding-right: 45px;
}
@media (max-width: 799px) {
  .single-main-news .wrapper-single-main-news .entry .col-left {
    width: 100%;
    padding-right: 0;
    padding-top: 20px;
  }
}
.single-main-news .wrapper-single-main-news .entry .col-left .categories {
  margin-bottom: 12px;
}
.single-main-news .wrapper-single-main-news .entry .col-left .categories span {
  font-size: 14px;
  line-height: 20px;
  padding: 9px 20px;
  border-radius: 12px;
  background-color: var(--primary-20);
  font-weight: 400;
  display: inline-block;
  margin-bottom: 4px;
}
.single-main-news .wrapper-single-main-news .entry .col-left .date {
  color: var(--neutral-100);
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 16px;
}
.single-main-news .wrapper-single-main-news .entry .col-left h4 {
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 36px;
  font-family: "Din-Bold", sans-serif;
  padding: 0;
  margin-top: 0;
  color: var(--primary-400);
}
.single-main-news .wrapper-single-main-news .entry .col-left .description {
  margin: 0;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: var(--primary-400);
}
.single-main-news .wrapper-single-main-news .entry .image-container {
  width: 58%;
  border-radius: 24px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  .single-main-news .wrapper-single-main-news .entry .image-container {
    width: 100%;
  }
}
.single-main-news .wrapper-single-main-news .entry .image-container:after {
  padding-top: 56%;
  content: "";
  display: block;
}

.n-main-news {
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .n-main-news {
    padding-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .n-main-news .bper-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.n-main-news .wrapper-main-news {
  display: grid;
  grid-template-columns: calc(33.33% - 20px) calc(33.33% - 20px) calc(33.33% - 20px);
  gap: 30px;
}
@media (max-width: 767px) {
  .n-main-news .wrapper-main-news {
    display: block;
  }
}
.n-main-news .wrapper-main-news .item {
  color: var(--primary-400);
  width: 100%;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  .n-main-news .wrapper-main-news .item {
    padding: 0 12px;
    margin-bottom: 40px;
  }
}
.n-main-news .wrapper-main-news .item .categories {
  margin-bottom: 12px;
}
.n-main-news .wrapper-main-news .item .categories span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  display: inline-block;
  padding: 9px 20px;
  border-radius: 12px;
  background-color: var(--primary-20);
  margin-bottom: 4px;
}
.n-main-news .wrapper-main-news .item .date {
  color: var(--neutral-100);
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 16px;
}
.n-main-news .wrapper-main-news .item .text {
  margin: 0;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: var(--primary-400);
}

.chips-link {
  width: 100%;
}
.chips-link .chips-link-container {
  padding-top: 63px;
  padding-bottom: 36px;
}
.chips-link .chips-link-container .title {
  display: flex;
  justify-content: center;
  width: 100%;
  font-size: 36px;
  font-weight: normal;
  color: #005D44;
  margin: 0;
  margin-bottom: 20px;
}
.chips-link .chips-link-container .title strong {
  color: #64B054;
}
.chips-link .chips-link-container .chips.slick-initialized .slick-dots {
  bottom: -40px;
}
.chips-link .chips-link-container .chips {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 24px;
  background-color: #fff;
}
.chips-link .chips-link-container .chips a {
  padding: 12px 24px;
  background-color: #E1EBE8;
  color: #013E2E;
  border-radius: 12px;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
  margin: 8px;
}
.chips-link .chips-link-container .chips a:hover, .chips-link .chips-link-container .chips a.active-chip {
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  background: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-600) 100%);
}
@media (max-width: 768px) {
  .chips-link .chips-link-container {
    padding-top: 45px;
    padding-bottom: 40px;
  }
  .chips-link .chips-link-container .title {
    font-size: 28px;
    margin: 0;
    margin-bottom: 16px;
  }
  .chips-link .chips-link-container .chips {
    justify-content: normal;
  }
  .chips-link .chips-link-container .chips .slick-track {
    display: flex;
  }
  .chips-link .chips-link-container .chips a {
    padding: 9px 16px 13px 16px;
    text-decoration: none;
    white-space: normal;
    margin: 10px;
    height: auto;
    min-width: 130px;
  }
}

.link-magazine .link-magazine-container {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  column-gap: 40px;
  padding-top: 29px;
  padding-bottom: 29px;
}
.link-magazine .link-magazine-container a {
  color: #005D44;
  font-size: 18px;
  text-decoration: none;
  font-weight: normal;
  white-space: nowrap;
}
.link-magazine .link-magazine-container a:hover {
  text-decoration: none;
}
@media (max-width: 768px) {
  .link-magazine .link-magazine-container {
    padding-left: 25px;
    padding-right: 25px;
    column-gap: 32px;
  }
}

.n-title-news .n-title-news-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 40px;
}
.n-title-news .n-title-news-container .title {
  font-size: 36px;
  font-weight: normal;
  color: #005D44;
}
.n-title-news .n-title-news-container .title strong {
  color: #64B054;
}
@media (max-width: 768px) {
  .n-title-news .n-title-news-container {
    justify-content: center;
  }
  .n-title-news .n-title-news-container .title {
    font-size: 28px;
  }
  .n-title-news .n-title-news-container .link-news-wrapper {
    display: none;
  }
}

.n-link-only-mobile {
  display: none;
}
@media (max-width: 767px) {
  .n-link-only-mobile {
    display: flex;
    justify-content: center;
  }
}

.n-raccolta-news {
  margin-top: 32px;
  margin-bottom: 41px;
}
.n-raccolta-news .raccolta-news-container {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  column-gap: 30px;
}
.n-raccolta-news .raccolta-news-container .main-left-news {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 16px;
}
.n-raccolta-news .raccolta-news-container .main-left-news .date {
  font-size: 18px;
  color: #7e8c8d;
  margin: 0;
}
.n-raccolta-news .raccolta-news-container .main-left-news .main-news-category {
  font-size: 14px;
  color: #005D44;
  padding: 9px 17px;
  border-radius: 12px;
  background-color: #e1eded;
}
.n-raccolta-news .raccolta-news-container .main-left-news .title {
  font-size: 28px;
  color: #005D44;
  margin: 0;
}
.n-raccolta-news .raccolta-news-container .main-left-news .image {
  height: 252px;
  width: 100%;
  border-radius: 24px;
  background-position: center;
  background-size: cover;
  margin-bottom: 8px;
}
.n-raccolta-news .raccolta-news-container .right-news {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  row-gap: 24px;
}
.n-raccolta-news .raccolta-news-container .right-news .right-news-wrapper {
  display: grid;
  grid-template-columns: 0.5fr 0.7fr;
  column-gap: 24px;
  align-items: center;
  grid-template-areas: "image text";
}
.n-raccolta-news .raccolta-news-container .right-news .right-news-wrapper .image {
  grid-area: image;
  height: 142px;
  border-radius: 24px;
  background-position: center;
  background-size: cover;
}
.n-raccolta-news .raccolta-news-container .right-news .right-news-wrapper .right-news-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.n-raccolta-news .raccolta-news-container .right-news .right-news-wrapper .right-news-info .main-news-category {
  grid-area: text;
  font-size: 14px;
  color: #005D44;
  padding: 9px 17px;
  border-radius: 12px;
  background-color: #e1eded;
  margin-bottom: 8px;
}
.n-raccolta-news .raccolta-news-container .right-news .right-news-wrapper .right-news-info .date {
  grid-area: text;
  font-size: 18px;
  color: #7e8c8d;
  margin: 0;
  margin-bottom: 16px;
}
.n-raccolta-news .raccolta-news-container .right-news .right-news-wrapper .right-news-info .title {
  grid-area: text;
  font-size: 18px;
  font-weight: normal;
  color: #005D44;
  margin: 0;
}
@media (max-width: 768px) {
  .n-raccolta-news .raccolta-news-container {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, auto);
    row-gap: 40px;
  }
}
@media (max-width: 480px) {
  .n-raccolta-news .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
  .n-raccolta-news .raccolta-news-container .right-news {
    row-gap: 40px;
  }
  .n-raccolta-news .raccolta-news-container .right-news .right-news-wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    align-items: flex-start;
    grid-template-areas: "text";
  }
  .n-raccolta-news .raccolta-news-container .right-news .right-news-wrapper .image {
    display: none;
  }
}

@media (max-width: 799px) {
  .n-title-and-link-hide-mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 480px) {
  .n-title-and-link-hide-mobile .bper-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.n-title-and-link-hide-mobile .title-and-link {
  text-align: left;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
.n-title-and-link-hide-mobile .title-and-link h4 {
  flex-grow: 2;
  padding-right: 30px;
  margin: 0;
  text-align: left;
  padding: 0;
}
.n-title-and-link-hide-mobile .title-and-link .link-cta {
  margin: 0;
  padding: 0;
  text-align: right;
}
@media (max-width: 767px) {
  .n-title-and-link-hide-mobile .title-and-link .link-cta {
    display: none;
  }
}

.n-title-link-eventi {
  margin-top: 40px;
  margin-bottom: 40px;
}
.n-title-link-eventi .section-title {
  display: flex;
  justify-content: center;
  font-size: 36px;
  margin-bottom: 40px;
}
.n-title-link-eventi .section-title p {
  line-height: 1.2;
}
.n-title-link-eventi .section-title strong {
  color: var(--secondary-80);
}
.n-title-link-eventi .link-eventi-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  grid-gap: 30px;
}
.n-title-link-eventi .link-eventi-container .title-link-eventi-item {
  width: 350px;
  height: 304px;
  padding: 40px 0 40px 32px;
  border-radius: 24px;
  display: grid;
  grid-template-columns: auto 68px;
  column-gap: 28px;
  row-gap: 24px;
  grid-template-areas: "title squircle" "link squircle";
}
.n-title-link-eventi .link-eventi-container .title-link-eventi-item.light-green {
  background-color: var(--primary-400);
}
.n-title-link-eventi .link-eventi-container .title-link-eventi-item.dark-green {
  background-color: var(--primary-600);
}
.n-title-link-eventi .link-eventi-container .title-link-eventi-item .item-title {
  grid-area: title;
  align-self: flex-end;
  font-size: 28px;
  font-family: "Din-Bold", sans-serif;
  color: #ffffff;
}
.n-title-link-eventi .link-eventi-container .title-link-eventi-item a {
  grid-area: link;
  align-self: flex-start;
  font-size: 18px;
  font-family: "Din-Bold", sans-serif;
}
.n-title-link-eventi .link-eventi-container .title-link-eventi-item .squircle-dark-green {
  grid-area: squircle;
}
.n-title-link-eventi .link-eventi-container .title-link-eventi-item .squircle-light-green {
  grid-area: squircle;
}

@media (max-width: 768px) {
  .n-title-link-eventi .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
  .n-title-link-eventi .link-eventi-container .title-link-eventi-item {
    width: 325px;
    height: 254px;
    padding: 40px 0 40px 24px;
    grid-template-columns: auto 62px;
    row-gap: 32px;
  }
  .n-title-link-eventi .link-eventi-container .title-link-eventi-item .item-title {
    font-size: 24px;
  }
  .n-title-link-eventi .link-eventi-container .title-link-eventi-item .squircle-dark-green,
  .n-title-link-eventi .link-eventi-container .title-link-eventi-item .squircle-light-green {
    background-size: auto 174px;
  }
}
.n-eventi-e-video .video-stories {
  margin-top: 56px;
}
.n-eventi-e-video .loan-video-story-adt + .loan-video-story-adt {
  margin-top: 65px;
}
@media (max-width: 768px) {
  .n-eventi-e-video .loan-video-story-adt + .loan-video-story-adt {
    margin-top: 0;
  }
}
.n-eventi-e-video .filter-and-order {
  display: flex;
  margin: 45px 0 25px 0;
}
.n-eventi-e-video .filter-and-order.cover {
  position: relative;
}
.n-eventi-e-video .filter-and-order.cover:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: hsla(0, 0%, 100%, 0.5);
  z-index: 99;
}
@media (max-width: 1100px) {
  .n-eventi-e-video .filter-and-order {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .n-eventi-e-video .filter-and-order {
    flex-direction: column;
    padding-right: 0;
    align-items: center;
  }
  .n-eventi-e-video .filter-and-order .filter-contents {
    padding-bottom: 30px;
    width: 100%;
    overflow: hidden;
  }
  .n-eventi-e-video .filter-and-order .slick-dots {
    bottom: 0 !important;
  }
  .n-eventi-e-video .filter-and-order .slick-next,
  .n-eventi-e-video .filter-and-order .slick-prev {
    display: none !important;
  }
}
.n-eventi-e-video .filter-and-order .filter {
  display: flex;
  align-items: center;
  flex-grow: 2;
  font-size: 16px;
  line-height: 24px;
  font-family: "Din-Bold", sans-serif;
  padding-right: 30px;
}
@media (max-width: 768px) {
  .n-eventi-e-video .filter-and-order .filter {
    flex-grow: 1;
    padding-right: 0;
    width: 100%;
    overflow: hidden;
    flex-direction: column;
  }
}
.n-eventi-e-video .filter-and-order .filter span {
  margin-right: 20px;
  margin-bottom: 10px;
}
@media (max-width: 1250px) {
  .n-eventi-e-video .filter-and-order .filter span {
    margin-right: 10px;
  }
}
.n-eventi-e-video .filter-and-order .filter a {
  color: var(--primary-400);
  font-size: 18px;
  line-height: 26px;
  background: var(--primary-20);
  margin-right: 20px;
  padding: 7px 25px;
  display: inline-block;
  font-weight: 400;
  margin-bottom: 10px;
  cursor: pointer;
  border-radius: 12px;
}
@media (max-width: 1250px) {
  .n-eventi-e-video .filter-and-order .filter a {
    padding: 7px 10px;
    margin-right: 10px;
  }
}
@media (max-width: 768px) {
  .n-eventi-e-video .filter-and-order .filter a {
    margin: 10px;
    padding: 7px 25px;
    text-align: center;
  }
}
.n-eventi-e-video .filter-and-order .filter a.current, .n-eventi-e-video .filter-and-order .filter a:hover {
  background: transparent linear-gradient(180deg, #29696f 0%, #183f42 100%) 0% 0% no-repeat padding-box;
  color: #fff;
}
.n-eventi-e-video .filter-and-order .order {
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  font-family: "Din-Bold", sans-serif;
}
@media (max-width: 1100px) {
  .n-eventi-e-video .filter-and-order .order {
    margin-top: 40px;
  }
}
@media (max-width: 768px) {
  .n-eventi-e-video .filter-and-order .order {
    padding: 0 20px;
    width: 100%;
    margin-top: 40px;
    display: flex;
    align-items: center;
  }
}
.n-eventi-e-video .filter-and-order .order span {
  margin-right: 20px;
}
@media (max-width: 1250px) {
  .n-eventi-e-video .filter-and-order .order span {
    margin-right: 10px;
  }
}
.n-eventi-e-video .filter-and-order .order .custom-select {
  position: relative;
}
@media (max-width: 768px) {
  .n-eventi-e-video .filter-and-order .order .custom-select {
    flex-grow: 2;
  }
}
.n-eventi-e-video .filter-and-order .order .custom-select .current {
  min-width: 218px;
  word-break: break-all;
  border-radius: 24px;
  line-height: 48px;
  display: inline-block;
  border: solid 1px;
  font-weight: 400;
  font-size: 18px;
  color: var(--primary-400);
  border-color: #B0CFD1;
  background-color: var(--neutral-5);
  position: relative;
  padding: 0 16px;
  height: 50px;
  overflow: hidden;
  padding-right: 45px;
}
@media (max-width: 768px) {
  .n-eventi-e-video .filter-and-order .order .custom-select .current {
    width: 100%;
    min-width: inherit;
  }
}
.n-eventi-e-video .filter-and-order .order .custom-select .current:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%) rotate(180deg);
  right: 10px;
  background-image: url(../images/icone-bper-2022/Icon-24pt-ChevronUp-Bigger.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 200ms;
}
.n-eventi-e-video .filter-and-order .order .custom-select .current.show-arrow:after {
  transform: translateY(-50%) rotate(0deg);
}
.n-eventi-e-video .filter-and-order .order .custom-select .options {
  position: absolute;
  bottom: 0;
  padding: 0;
  margin: 0;
  display: none;
  transform: translateY(100%);
  border: solid 1px;
  color: var(--primary-400);
  border-color: #B0CFD1;
  background-color: var(--neutral-5);
  width: 100%;
  border-radius: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
  z-index: 999;
}
.n-eventi-e-video .filter-and-order .order .custom-select .options.show {
  display: block;
}
.n-eventi-e-video .filter-and-order .order .custom-select .options li {
  padding: 8px 12px;
  display: block;
  font-weight: 400;
  cursor: pointer;
}
.n-eventi-e-video .filter-and-order .order .custom-select .options li:hover {
  color: var(--secondary-80);
}
.n-eventi-e-video .results {
  position: relative;
}
@media (max-width: 768px) {
  .n-eventi-e-video .results {
    padding: 0 20px;
  }
}
.n-eventi-e-video .results .lds-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.n-eventi-e-video .results .lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid;
  border-color: var(--primary-400);
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--primary-400) transparent transparent transparent;
}
.n-eventi-e-video .results .lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.n-eventi-e-video .results .lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.n-eventi-e-video .results .lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.n-eventi-e-video .results.cover {
  min-height: 100px;
}
.n-eventi-e-video .results.cover:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: hsla(0, 0%, 100%, 0.5);
  z-index: 99;
  content: "";
  display: block;
}
.n-eventi-e-video .bper-asset-pagination .page {
  cursor: pointer;
  padding: 0 15px;
  margin: 0;
}
.event-video .bper-wrapper .loan-story {
  padding: 40px;
  padding-top: 30px;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .event-video .bper-wrapper .loan-story {
    padding: 30px 24px;
  }
}
.event-video .bper-wrapper .loan-story .categories {
  margin-bottom: 18px;
  padding: 0;
  flex-grow: 2;
  font-size: 16px;
  line-height: 24px;
  font-family: "Din-Bold", sans-serif;
}
.event-video .bper-wrapper .loan-story .categories li {
  margin: 0;
  display: inline-block;
  color: var(--primary-400);
  font-size: 18px;
  line-height: 26px;
  background: var(--primary-20);
  margin-right: 20px;
  padding: 7px 25px;
  display: inline-block;
  font-weight: 400;
  margin-bottom: 10px;
  cursor: pointer;
  border-radius: 12px;
}
.event-video .bper-wrapper .loan-story .date {
  font-size: 18px;
  line-height: 26px;
  color: var(--green-100);
  font-weight: 400;
  margin-bottom: 25px;
}
.event-video .bper-wrapper .loan-story .loan-story-title {
  padding: 0;
  font-size: 28px;
  line-height: 36px;
  font-family: "Din-Bold", sans-serif;
}
.event-video .bper-wrapper .loan-story .loan-story-title h4 {
  color: var(--primary-400);
  text-align: left;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  margin: 0;
}
.event-video .bper-wrapper .loan-story .loan-story-subtitle {
  padding-left: 0;
  width: 100%;
  margin-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-size: 16px;
  line-height: 24px;
  color: var(--secondary-80);
  font-family: "Din-Bold", sans-serif;
  margin-bottom: 20px;
  display: block;
}
.event-video .bper-wrapper .loan-story .loan-story-subtitle h3 {
  font: inherit;
  margin: 0;
}

.n-category-navigation.news-selector {
  margin-bottom: 0 !important;
}
.n-category-navigation.news-selector .slick-prev,
.n-category-navigation.news-selector .slick-next {
  display: none !important;
}
.n-category-navigation.news-selector .slick-dots {
  bottom: -25px;
}
.n-category-navigation.news-selector .category-navigation-wrapper {
  opacity: 1;
}
.n-category-navigation.news-selector .categories-wrapper {
  padding: 35px 0;
}
.n-category-navigation.news-selector .bper-wrapper .categories-wrapper {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .n-category-navigation.news-selector .bper-wrapper .categories-wrapper {
    flex-direction: column;
  }
}
.n-category-navigation.news-selector .bper-wrapper .title {
  font-size: 16px;
  line-height: 24px;
  font-family: "Din-Bold", sans-serif;
  margin: 0;
  margin-right: 24px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .n-category-navigation.news-selector .bper-wrapper .title {
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
  }
}
.n-category-navigation.news-selector .bper-wrapper .categories {
  margin: 0 !important;
  position: relative;
  display: inline-block !important;
  padding: 0;
  width: 100%;
  float: none !important;
}
@media (max-width: 767px) {
  .n-category-navigation.news-selector .bper-wrapper .categories.slick-slider {
    margin: 0 -7px !important;
  }
}
.n-category-navigation.news-selector .bper-wrapper .categories li.category-button-wrapper {
  margin-right: 16px;
  padding: 0;
  display: inline-block;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .n-category-navigation.news-selector .bper-wrapper .categories li.category-button-wrapper {
    margin-right: 0;
    padding: 0 7px !important;
  }
}
.n-category-navigation.news-selector .bper-wrapper .categories li.category-button-wrapper a {
  background: var(--primary-20) 0% 0% no-repeat padding-box;
  border-radius: 12px;
  border: none !important;
  margin: 0;
  outline: none !important;
}
.n-category-navigation.news-selector .bper-wrapper .categories li.category-button-wrapper a:hover, .n-category-navigation.news-selector .bper-wrapper .categories li.category-button-wrapper a.active {
  outline: none !important;
  background: transparent linear-gradient(180deg, #29696f 0%, #183f42 100%) 0% 0% no-repeat padding-box;
  border-radius: 12px;
}

.n-all-news {
  margin-top: 0;
  margin-bottom: 50px;
}
.n-all-news .all-news-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(auto, 369px));
  grid-gap: 40px 30px;
  justify-content: center;
}
.n-all-news .all-news-container .item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 16px;
}
.n-all-news .all-news-container .item:hover .title {
  color: var(--secondary-80);
}
.n-all-news .all-news-container .image-container {
  height: 185px;
  width: 100%;
  border-radius: 24px;
  background-position: center;
  background-size: cover;
  margin-bottom: 8px;
}
.n-all-news .all-news-container .date {
  font-size: 18px;
  font-weight: normal;
  color: var(--neutral-100);
  margin: 0;
}
.n-all-news .all-news-container .category {
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  color: var(--primary-400);
  padding: 8px 16px;
  border-radius: 12px;
  background-color: var(--primary-20);
}
.n-all-news .all-news-container .title {
  font-size: 18px;
  font-weight: normal;
  color: var(--primary-400);
  margin: 0;
}
@media (max-width: 480px) {
  .n-all-news .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ {
  color: var(--primary-400);
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
  margin-top: 24px;
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .select-wrapper-content {
  position: relative;
}
@media (max-width: 799px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .select-wrapper-content {
    flex-grow: 2;
  }
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .select-wrapper-content:after {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-image: url(../images/arrow_down.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ select {
  -webkit-appearance: none;
  appearance: none;
  background-color: #f7fafa;
  border-color: #b0cfd1;
  width: 100%;
  color: #005D44;
}
@media (max-width: 799px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ select {
    width: 100%;
  }
}
@media (max-width: 799px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .slick-dots {
    bottom: -36px !important;
  }
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .slick-list {
    padding: 0 10% 0 0 !important;
    padding-left: 25px !important;
    margin-left: -8px;
  }
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .filter-wrapper {
  display: flex;
  flex-grow: 2;
  padding-right: 30px;
  align-items: center;
}
@media (max-width: 799px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .filter-wrapper {
    margin-bottom: 56px !important;
    padding-right: 0;
    display: block;
    width: 100%;
  }
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .select-wrapper {
  padding: 0 25px;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .select-wrapper {
    width: 100%;
  }
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .order-by-label {
  margin-right: 24px;
}
@media (max-width: 799px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .order-by-label {
    font-family: "Din-Bold", sans-serif;
  }
}
@media (max-width: 799px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .filter-by-label {
    font-family: "Din-Bold", sans-serif;
    margin-bottom: 16px;
    padding: 0 25px;
  }
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
  padding: 0;
}
@media (max-width: 1250px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1199px) and (min-width: 376px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper {
    width: 100%;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
@media (max-width: 480px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 799px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper .category-element {
  margin-left: 24px;
  position: relative;
}
@media (max-width: 799px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper .category-element {
    margin: 0 8px;
  }
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper .category-element > input.event-type {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper .category-element > input.event-type:checked + .label {
  background: transparent linear-gradient(180deg, #29696f 0, #183f42 100%) 0 0 no-repeat padding-box;
  color: #fff;
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper .category-element .label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  padding: 10px 20px;
  background: #e1eded;
  min-height: 44px;
  border-radius: 12px;
  color: #005D44;
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper .category-element .label span {
  text-align: center;
  display: flex;
  width: 100%;
  align-items: center;
  text-align: center;
  padding: 0;
  margin: 0 auto;
}
@media (max-width: 799px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper .category-element .label {
    width: 100%;
    text-align: center;
  }
}
.portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper .category-element + .category-element {
  margin-left: 16px;
}
@media (max-width: 799px) {
  .portlet-boundary_it_smc_bper_asset_categories_navigation_web_CustomAssetCategoriesNavigationPortlet_ .event-filter-wrapper .category-element + .category-element {
    margin-left: 8px;
  }
}

.portlet-boundary_BperAssistanceFormWebPortlet_ {
  color: var(--primary-400);
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .portlet-boundary_BperAssistanceFormWebPortlet_ .bper-wrapper {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}
@media (max-width: 767px) {
  .portlet-boundary_BperAssistanceFormWebPortlet_ .personaldata {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .portlet-boundary_BperAssistanceFormWebPortlet_ .personaldata .row {
    float: none;
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
  }
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .header-form {
  padding: 56px 0 64px 0;
  background: #f7fafa;
}
@media (max-width: 767px) {
  .portlet-boundary_BperAssistanceFormWebPortlet_ .header-form {
    padding: 40px 0 56px 0;
  }
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .header-form h1 {
  font-size: 48px;
  margin-bottom: 24px;
  margin-top: 0;
}
@media (max-width: 767px) {
  .portlet-boundary_BperAssistanceFormWebPortlet_ .header-form h1 {
    font-size: 36px;
    line-height: 48px;
  }
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .header-form h2 {
  margin: 0;
  font-size: 18px;
  font-weight: normal;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ form {
  margin-top: 64px;
}
@media (max-width: 767px) {
  .portlet-boundary_BperAssistanceFormWebPortlet_ form {
    margin-top: 56px;
  }
}
.portlet-boundary_BperAssistanceFormWebPortlet_ form .lfr-ddm-field-group {
  margin-bottom: 0;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ form .radio-inline {
  display: flex;
  align-items: center;
  margin-right: 60px;
}
@media (max-width: 767px) {
  .portlet-boundary_BperAssistanceFormWebPortlet_ form .radio-inline {
    margin: 0;
  }
  .portlet-boundary_BperAssistanceFormWebPortlet_ form .radio-inline + .radio-inline {
    margin-top: 18px;
  }
}
.portlet-boundary_BperAssistanceFormWebPortlet_ form .radio-icn + span {
  transform: translateY(2px);
  display: inline-block;
  margin-left: 5px;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ form .gender-selection {
  display: flex;
}
@media (max-width: 767px) {
  .portlet-boundary_BperAssistanceFormWebPortlet_ form .gender-selection {
    flex-direction: column;
  }
}
.portlet-boundary_BperAssistanceFormWebPortlet_ form .honeytop {
  display: none;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ form label.bper-radio > input + .radio-icn {
  box-shadow: none;
  border: 2px var(--secondary-80) solid;
  border-radius: 100%;
  top: 0%;
  background: none;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ form label.bper-radio > input:checked + .radio-icn {
  position: relative;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ form label.bper-radio > input:checked + .radio-icn:after {
  background-color: var(--secondary-80);
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.portlet-boundary_BperAssistanceFormWebPortlet_ label.bper-radio > input + .radio-icn {
  margin-left: 0;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .row + .row {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .portlet-boundary_BperAssistanceFormWebPortlet_ .col-md-6 + .col-md-6 {
    margin-top: 32px;
  }
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .wrapper-person > div > .control-label,
.portlet-boundary_BperAssistanceFormWebPortlet_ .wrapper-customer > div > .control-label {
  display: none;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .gender-selection-p {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-family: "Din-Bold", sans-serif;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ select {
  appearance: inherit;
  padding-right: 48px;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .select-wrapper {
  position: relative;
  width: 100%;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .select-wrapper select:after {
  display: none;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .select-wrapper .arrow {
  width: 24px;
  height: 24px;
  background-image: url(../images/svg/chevron-down.svg);
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  pointer-events: none;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .select-wrapper svg.arrow.bi-chevron-down {
  background: none;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ label.error {
  display: block;
  min-height: 20px;
  margin: 0;
  margin-top: 8px;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .text-error {
  color: #9d0000;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  padding-left: 30px;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .text-error:before {
  background-image: url(../images/svg/error-svgrepo-com.svg);
  width: 20px;
  height: 20px;
  display: block;
  content: "";
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.portlet-boundary_BperAssistanceFormWebPortlet_ select,
.portlet-boundary_BperAssistanceFormWebPortlet_ textarea,
.portlet-boundary_BperAssistanceFormWebPortlet_ input[type=text],
.portlet-boundary_BperAssistanceFormWebPortlet_ input[type=email],
.portlet-boundary_BperAssistanceFormWebPortlet_ input[type=mail],
.portlet-boundary_BperAssistanceFormWebPortlet_ input[type=data] {
  background: var(--neutral-5) 0% 0% no-repeat padding-box;
  border: 1px solid #B0CFD1;
  border-radius: 24px;
  text-align: left;
  height: 48px;
  padding: 0 16px;
  color: #005D44;
  opacity: 1;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ select.error,
.portlet-boundary_BperAssistanceFormWebPortlet_ textarea.error,
.portlet-boundary_BperAssistanceFormWebPortlet_ input[type=text].error,
.portlet-boundary_BperAssistanceFormWebPortlet_ input[type=email].error,
.portlet-boundary_BperAssistanceFormWebPortlet_ input[type=mail].error,
.portlet-boundary_BperAssistanceFormWebPortlet_ input[type=data].error {
  border-color: #9d0000;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ textarea {
  min-height: 88px;
  padding: 16px;
  height: auto;
  resize: inherit;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .radio-inline,
.portlet-boundary_BperAssistanceFormWebPortlet_ .checkbox-inline {
  padding-left: 0;
  position: relative;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .asterisk {
  font-size: 18px;
  letter-spacing: 0px;
  color: #7e8c8d;
  font-style: normal;
  line-height: 26px;
  margin-bottom: 32px;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ .linkInformativaSfdc {
  margin: 0;
  margin-top: 0.5em;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ input[type=checkbox] {
  display: inline-block;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ label.bper-checkbox > input {
  opacity: 1;
  width: 1px;
  height: 1px;
  padding: 0;
  visibility: hidden;
  overflow: hidden;
  margin: 0;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ label.bper-checkbox > input:checked + .checkbox-icn,
.portlet-boundary_BperAssistanceFormWebPortlet_ label.bper-checkbox > input:checked + label + .checkbox-icn,
.portlet-boundary_BperAssistanceFormWebPortlet_ label.bper-checkbox > input:checked + .radio-icn,
.portlet-boundary_BperAssistanceFormWebPortlet_ label.bper-checkbox > input:checked + label + .radio-icn {
  background-color: #64B054;
}
.portlet-boundary_BperAssistanceFormWebPortlet_ label.bper-checkbox > input + .checkbox-icn,
.portlet-boundary_BperAssistanceFormWebPortlet_ label.bper-checkbox > input + label + .checkbox-icn,
.portlet-boundary_BperAssistanceFormWebPortlet_ label.bper-checkbox > input + .radio-icn,
.portlet-boundary_BperAssistanceFormWebPortlet_ label.bper-checkbox > input + label + .radio-icn {
  display: inline-block;
  background-color: #fff;
  width: 20px;
  height: 20px;
  -webkit-box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 4px #fff;
  box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 4px #fff;
  margin-left: 10px;
  top: 20px;
  vertical-align: text-top;
  float: left;
  margin-right: 15px;
  margin-left: 0;
}

.bper-form-wrapper .form-wrapper-small {
  width: 780px;
  max-width: 100%;
  padding: 0 25px;
  margin: auto;
}
.bkg-full-green-medium .faq-landing .card, .bkg-primary-400 .faq-landing .card, .bkg-primary-600 .faq-landing .card {
  border-bottom: 1px solid #fff !important;
  color: #fff;
}

.bkg-full-green-medium .faq-landing .card .card-header button, .bkg-primary-400 .faq-landing .card .card-header button, .bkg-primary-600 .faq-landing .card .card-header button {
  color: #fff;
}

.faq-landing .card {
  background-color: transparent;
  margin: 0;
  border-bottom: 1px solid #ccc !important;
  border-radius: 0;
  box-shadow: none;
}
.faq-landing .card .card-header {
  font-size: 21px;
  line-height: 26px;
  padding: 0.75rem 0;
  background-color: transparent;
}
@media (max-width: 767px) {
  .faq-landing .card .card-header {
    font-size: 18px;
    line-height: 24px;
  }
}
.faq-landing .card .card-header button {
  border: 0;
  background-color: transparent;
  padding: 0;
  color: var(--primary-400);
  gap: 10px;
}
.faq-landing .card .card-header button:not(.collapsed) svg {
  transform: rotateX(180deg);
}
.faq-landing .card .card-header button svg {
  flex-basis: 28px;
  min-width: 28px;
  width: 28px;
  height: 28px;
  display: block;
}
.faq-landing .card .card-body {
  padding: 15px 0 40px;
  font-size: 18px;
  line-height: 22px;
}
@media (max-width: 767px) {
  .faq-landing .card .card-body {
    font-size: 16px;
    line-height: 20px;
  }
}
.faq-landing .card .card-body * {
  margin: 0;
  line-height: inherit;
  font-size: inherit;
}

.banner-carousel-2024 {
  padding: 24px 24px 0;
  margin-bottom: 65px;
}
.banner-carousel-2024:after {
  background-image: url("../images/carousel-bg-dots.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
  bottom: 65px;
  width: 234px;
  height: 134px;
  right: 23px;
  content: "";
  position: absolute;
}
.banner-carousel-2024 .slider .item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
  text-align: left;
  overflow: visible;
  padding: 0;
  position: relative;
  border-radius: 40px;
  overflow: hidden;
}
.banner-carousel-2024 .slider .item .content-body, .banner-carousel-2024 .slider .item .content-badge {
  min-height: 600px;
  padding: 96px 0 100px;
}
.banner-carousel-2024 .slider .item .tag {
  padding: 10px 16px 9px;
  border-radius: 8px;
  line-height: 12px;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 8px;
  border: 0;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.banner-carousel-2024 .slider .item .tag.bg-yellow {
  background-color: #E8D646;
  color: #071D1F;
}
.banner-carousel-2024 .slider .item .tag.bg-greenlight {
  background-color: #64B054;
  color: #fff;
}
.banner-carousel-2024 .slider .item .banner-text-content {
  gap: 24px;
}
.banner-carousel-2024 .slider .item .banner-text-content .text-green {
  color: #005d44;
}
.banner-carousel-2024 .slider .item .banner-text-content .text-white {
  color: #fff;
}
.banner-carousel-2024 .slider .item .banner-text-content .text-white h2 {
  color: #fff;
}
.banner-carousel-2024 .slider .item .banner-text-content .banner-title-text h2 {
  font-size: 56px;
  line-height: 64px;
  font-weight: 500;
  letter-spacing: -0.01em;
  margin: 0;
}
.banner-carousel-2024 .slider .item .banner-text-content .banner-title-text h2 * {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: -0.01em;
  margin: 0;
}
.banner-carousel-2024 .slider .item .banner-text-content .banner-title-text strong {
  color: var(--secondary-80);
}
.banner-carousel-2024 .slider .item .banner-text-content .banner-description {
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
  margin: 0;
}
.banner-carousel-2024 .slider .item .banner-text-content .banner-description * {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
}
.banner-carousel-2024 .slider .item .banner-text-content .banner-description strong {
  color: var(--secondary-80);
}
.banner-carousel-2024 .slider .item .banner-buttonContainer {
  margin-top: 50px;
}
.banner-carousel-2024 .slider .item .banner-buttonContainer .btn-default {
  padding: 12px 48px;
  text-shadow: none;
  font-size: 24px;
  line-height: 26px;
  font-weight: 500;
  box-shadow: none;
  white-space: normal;
  display: inline-block;
}
.banner-carousel-2024 .slider .item .banner-buttonContainer .btn-default.txt-green {
  color: #005D44;
}
.banner-carousel-2024 .slider .item .banner-buttonContainer .btn-default.txt-white {
  color: #ffffff;
}
.banner-carousel-2024 .slider .item .banner-buttonContainer .btn-default.btn-green {
  background-color: #64B054;
  background-image: none;
}
.banner-carousel-2024 .slider .item .banner-buttonContainer .btn-default.btn-green:hover {
  background-color: #64B054;
}
.banner-carousel-2024 .slider .item .banner-buttonContainer .btn-default:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.banner-carousel-2024 .slider .item .badge {
  padding: 40px 20px;
  line-height: 21px;
  font-size: 16px;
  font-weight: 500;
  color: #005157;
  background-image: url("../images/badge_img_white.svg");
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 224px;
  height: 224px;
  position: relative;
  margin: 0;
  border-radius: 50%;
}
.banner-carousel-2024 .slider .item .badge.green {
  color: #fff;
  background-color: #005d44;
  background-image: url("../images/badge_img_verde.svg");
}
.banner-carousel-2024 .slider .item .badge .container-badge {
  gap: 15px;
}
.banner-carousel-2024 .slider .item .badge .container-badge * {
  margin: 0;
  line-height: inherit;
}
.banner-carousel-2024 .slider .item .badge .container-badge strong {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}
.banner-carousel-2024 .slider .item .badge .container-badge h1, .banner-carousel-2024 .slider .item .badge .container-badge h2 {
  font-size: 64px;
  line-height: 64px;
  color: #64B054;
  font-weight: 500;
}
.banner-carousel-2024 .slider .item .badge .container-badge h3, .banner-carousel-2024 .slider .item .badge .container-badge h4 {
  font-size: 40px;
  line-height: 40px;
  color: #64B054;
  font-weight: 500;
}
.banner-carousel-2024 .slider .content-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.banner-carousel-2024 .slider .content-image:after {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(269.84deg, rgba(0, 0, 0, 0) 28.04%, rgba(0, 0, 0, 0.7) 99.86%);
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  content: "";
  position: absolute;
  display: none;
}
.banner-carousel-2024 .slider .slick-next, .banner-carousel-2024 .slider .slick-prev {
  background-image: url("../images/right_green.svg") !important;
  left: 145px !important;
  transform: none;
  background-position: center;
  width: 48px;
  height: 48px;
  background-color: #fff;
  background-repeat: no-repeat;
  border-radius: 100px;
  bottom: 30px;
  top: inherit;
}
.banner-carousel-2024 .slider .slick-next:hover, .banner-carousel-2024 .slider .slick-prev:hover {
  background-color: #fff;
}
.banner-carousel-2024 .slider .slick-next:focus-visible, .banner-carousel-2024 .slider .slick-prev:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.banner-carousel-2024 .slider .slick-next::before, .banner-carousel-2024 .slider .slick-prev::before {
  content: none;
}
[dir=rtl] .banner-carousel-2024 .slider .slick-next::before, [dir=rtl] .banner-carousel-2024 .slider .slick-prev::before {
  content: none;
}
.banner-carousel-2024 .slider .slick-next.slick-disabled, .banner-carousel-2024 .slider .slick-prev.slick-disabled {
  opacity: 0.3;
}
.banner-carousel-2024 .slider .slick-prev {
  background-image: url("../images/left_green.svg") !important;
  left: 72px !important;
  transform: translateX(-100%);
}
.banner-carousel-2024 .slider .slick-dots {
  bottom: 7px;
  width: 204px;
  height: 67px;
  left: inherit;
  transform: none;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 38px 0;
  z-index: 1;
}
.banner-carousel-2024 .slider .slick-dots li {
  width: 10px;
  height: 10px;
  border-radius: 0;
}
.banner-carousel-2024 .slider .slick-dots li button {
  border-radius: 100px;
  background-color: var(--green-30);
  height: 10px;
}
.banner-carousel-2024 .slider .slick-dots li.slick-active {
  width: 24px;
  height: 12px;
}
.banner-carousel-2024 .slider .slick-dots li.slick-active button {
  height: 12px;
  width: 24px;
  background-color: #64B054;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .banner-carousel-2024 .slider .item .content-badge {
    padding-top: 28px;
  }
}
@media (min-width: 768px) {
  .banner-carousel-2024 .slider .item .col-sm-8 {
    width: 66.6% !important;
  }
}
@media (max-width: 767px) {
  .banner-carousel-2024 {
    margin-bottom: 40px;
  }
  .banner-carousel-2024:after {
    bottom: 38px;
    width: 150px;
    height: 91px;
    left: 23px;
    right: inherit;
    transform: scaleX(-1);
  }
  .banner-carousel-2024 .slider {
    border-radius: 24px;
  }
  .banner-carousel-2024 .slider .content-image:after {
    background: linear-gradient(0deg, rgba(0, 0, 255, 0.1), rgba(0, 0, 255, 0.1)), linear-gradient(0.81deg, rgba(0, 0, 255, 0) 42.44%, rgba(0, 0, 255, 0.4) 99.12%); /* Gradient that fades from transparent blue to darker blue */
  }
  .banner-carousel-2024 .slider .item {
    border-radius: 24px;
  }
  .banner-carousel-2024 .slider .item .content-badge {
    min-height: auto;
    padding: 0;
  }
  .banner-carousel-2024 .slider .item .bper-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .banner-carousel-2024 .slider .item .badge {
    width: 165px;
    height: 165px;
    padding: 30px 10px;
    line-height: 18px;
  }
  .banner-carousel-2024 .slider .item .badge .container-badge {
    gap: 10px;
  }
  .banner-carousel-2024 .slider .item .badge .container-badge h1, .banner-carousel-2024 .slider .item .badge .container-badge h2 {
    font-size: 54px;
    line-height: 54px;
  }
  .banner-carousel-2024 .slider .item .badge .container-badge h3, .banner-carousel-2024 .slider .item .badge .container-badge h4 {
    font-size: 30px;
    line-height: 30px;
  }
  .banner-carousel-2024 .slider .item .badge .container-badge strong {
    font-size: 18px;
    line-height: 21px;
  }
  .banner-carousel-2024 .slider .item .content-body {
    min-height: 700px;
    padding: 40px 24px 80px;
  }
  .banner-carousel-2024 .slider .item .banner-text-content {
    gap: 16px;
    padding-bottom: 20px;
  }
  .banner-carousel-2024 .slider .item .banner-text-content .banner-title-text h2 {
    font-size: 34px;
    line-height: 38px;
  }
  .banner-carousel-2024 .slider .item .banner-text-content .banner-description {
    font-size: 22px;
    line-height: 30px;
  }
  .banner-carousel-2024 .slider .item .banner-buttonContainer {
    text-align: center;
  }
  .banner-carousel-2024 .slider .item .banner-buttonContainer .btn-default {
    padding: 12px 24px;
  }
  .banner-carousel-2024 .slider .content-image {
    background-position: center bottom;
  }
  .banner-carousel-2024 .slider .slick-next, .banner-carousel-2024 .slider .slick-prev {
    width: 32px;
    height: 32px;
    background-size: 16px;
    bottom: 23px;
  }
  .banner-carousel-2024 .slider .slick-next {
    left: inherit !important;
    right: 16px;
  }
  .banner-carousel-2024 .slider .slick-prev {
    left: inherit !important;
    right: 53px;
  }
  .banner-carousel-2024 .slider .slick-dots {
    bottom: 7px;
    width: 120px;
    height: 39px;
    left: 0;
  }
  .banner-carousel-2024 .slider .slick-dots li.slick-active {
    width: 17px;
    height: 10px;
  }
  .banner-carousel-2024 .slider .slick-dots li.slick-active button {
    height: 10px;
    width: 17px;
    background-color: #64B054;
  }
}
@media screen and (max-width: 1440px) {
  .bper-custom-banner-wrapper {
    margin: 0 70px 0 auto !important;
  }
}
.bper-2-column-300 .portlet-layout {
  display: flex;
  width: 100%;
}
.bper-2-column-300 .portlet-layout .portlet-column#column-1 {
  width: 300px;
  padding-right: 30px;
}
@media (max-width: 800px) {
  .bper-2-column-300 .portlet-layout .portlet-column#column-1 {
    width: 200px;
  }
}
@media (max-width: 767px) {
  .bper-2-column-300 .portlet-layout .portlet-column#column-1 {
    display: none;
  }
}
.bper-2-column-300 .portlet-layout .portlet-column#column-2 {
  width: calc(100% - 300px);
}
@media (max-width: 800px) {
  .bper-2-column-300 .portlet-layout .portlet-column#column-2 {
    width: calc(100% - 200px);
  }
}
@media (max-width: 767px) {
  .bper-2-column-300 .portlet-layout .portlet-column#column-2 {
    width: 100%;
  }
}

.signed-in .bper-2-column-300 .portlet-column {
  min-height: 50px;
}

.bper-1-2-column-300 {
  float: left;
  width: 100%;
  clear: both;
}
.bper-1-2-column-300 + .alert-info, .bper-1-2-column-300 + .portlet-msg-help,
.bper-1-2-column-300 + .portlet-msg-info,
.bper-1-2-column-300 + .portlet-msg-progress {
  float: left;
  width: 100%;
}
.bper-1-2-column-300 .portlet-layout {
  display: flex;
  width: 100%;
}
.bper-1-2-column-300 .portlet-layout .portlet-column#column-2 {
  width: 300px;
  padding-right: 30px;
}
@media (max-width: 800px) {
  .bper-1-2-column-300 .portlet-layout .portlet-column#column-2 {
    width: 200px;
  }
}
@media (max-width: 767px) {
  .bper-1-2-column-300 .portlet-layout .portlet-column#column-2 {
    display: none;
  }
}
.bper-1-2-column-300 .portlet-layout .portlet-column#column-3 {
  width: calc(100% - 300px);
}
@media (max-width: 800px) {
  .bper-1-2-column-300 .portlet-layout .portlet-column#column-3 {
    width: calc(100% - 200px);
  }
}
@media (max-width: 767px) {
  .bper-1-2-column-300 .portlet-layout .portlet-column#column-3 {
    width: 100%;
  }
}
.bper-1-2-column-300 .portlet-layout.portlet-full#column-1 {
  width: 100%;
}

.signed-in .bper-2-column-300 .portlet-column {
  min-height: 50px;
}

@media (max-width: 480px) {
  .bper-faq-layout .bper-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.bper-faq-layout .portlet-layout {
  padding-top: 70px;
}
@media (max-width: 767px) {
  .bper-faq-layout .portlet-layout {
    padding-top: 30px;
  }
}
.bper-faq-layout .portlet-layout {
  display: flex;
  width: 100%;
}
@media (max-width: 767px) {
  .bper-faq-layout .portlet-layout {
    flex-direction: column;
  }
}
.bper-faq-layout #column-1 {
  width: 25%;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .bper-faq-layout #column-1 {
    width: 100%;
    padding-right: 0;
  }
}
.bper-faq-layout #column-2 {
  width: 75%;
}
@media (max-width: 767px) {
  .bper-faq-layout #column-2 {
    width: 100%;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track::before, .slick-track::after {
  content: "";
  display: table;
}
.slick-track::after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./../images/ajax-loader.gif") center center no-repeat;
}

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 1;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 1;
  color: var(--neutral-5) !important;
}
.slick-prev:before,
.slick-next:before {
  font-family: kievit, Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 3%;
  width: 30px;
  height: 30px;
  background-size: 24px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-image: url(../images/icone-bper-2022/Icon-24pt-Arrow-Left.svg) !important;
}
.slick-prev:hover {
  background-image: url(../images/icone-bper-2022/Icon-24pt-Arrow-Left.svg) !important;
  background-size: 24px;
}
.slick-prev.slick-disabled {
  background-image: url(../images/slick-arrow-left-disable.png) !important;
}
.slick-prev.slick-disabled:hover {
  background-image: url(../images/slick-arrow-left-disable.png) !important;
  background-size: 24px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: 3%;
}
.slick-prev::before {
  content: "←";
}
[dir=rtl] .slick-prev::before {
  content: "→";
}
.slick-prev:after, .slick-prev:before {
  display: none;
}

.slick-next {
  right: 3%;
  width: 30px;
  height: 30px;
  background-size: 24px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-image: url(../images/icone-bper-2022/Icon-24pt-Arrow-Right.svg) !important;
}
.slick-next:hover {
  background-image: url(../images/icone-bper-2022/Icon-24pt-Arrow-Right.svg) !important;
  background-size: 24px;
}
.slick-next.slick-disabled {
  background-image: url(../images/slick-arrow-right-disable.png) !important;
}
.slick-next.slick-disabled:hover {
  background-image: url(../images/slick-arrow-right-disable.png) !important;
  background-size: 24px;
}
[dir=rtl] .slick-next {
  left: 3%;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}
.slick-next:after, .slick-next:before {
  display: none;
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 0px;
}

.slick-dots {
  position: absolute;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
  bottom: 60px;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border-radius: 4px;
  transition: 200ms;
  overflow: hidden;
}
.slick-dots li + li {
  margin-left: 8px;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  background-color: var(--green-40);
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
  background-color: var(--secondary-80);
}
.slick-dots li button::before {
  display: none;
}
.slick-dots li.slick-active {
  width: 24px;
}
.slick-dots li.slick-active button {
  background-color: var(--secondary-80);
}

/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#dt/dt-1.10.22/r-2.2.6
 *
 * Included libraries:
 *   DataTables 1.10.22, Responsive 2.2.6
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
}

table.dataTable thead th,
table.dataTable tfoot th {
  font-family: "Din-Bold", sans-serif;
}

table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111;
}

table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
}

table.dataTable thead .sorting {
  background-image: url("DataTables-1.10.22/images/sort_both.png");
}

table.dataTable thead .sorting_asc {
  background-image: url("DataTables-1.10.22/images/sort_asc.png");
}

table.dataTable thead .sorting_desc {
  background-image: url("DataTables-1.10.22/images/sort_desc.png");
}

table.dataTable thead .sorting_asc_disabled {
  background-image: url("DataTables-1.10.22/images/sort_asc_disabled.png");
}

table.dataTable thead .sorting_desc_disabled {
  background-image: url("DataTables-1.10.22/images/sort_desc_disabled.png");
}

table.dataTable tbody tr {
  background-color: #ffffff;
}

table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}

table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}

table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}

table.dataTable.hover tbody tr:hover.selected,
table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}

table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3,
table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}

table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3,
table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}

table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}

table.dataTable.display tbody tr.odd > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}

table.dataTable.display tbody tr.odd > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}

table.dataTable.display tbody tr.odd.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}

table.dataTable.display tbody tr.odd.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}

table.dataTable.display tbody tr.odd.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}

table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}

table.dataTable.display tbody tr.even > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}

table.dataTable.display tbody tr.even > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}

table.dataTable.display tbody tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}

table.dataTable.display tbody tr.even.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}

table.dataTable.display tbody tr.even.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}

table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}

table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}

table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}

table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}

table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}

table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}

table.dataTable.no-footer {
  border-bottom: 1px solid #111;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px;
}

table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}

table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}

.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}

.dataTables_wrapper .dataTables_length {
  float: left;
}

.dataTables_wrapper .dataTables_length select {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  padding: 4px;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}

.dataTables_wrapper .dataTables_filter input {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  margin-left: 3px;
}

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}

.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
  background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  box-shadow: inset 0 0 3px #111;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}

.dataTables_wrapper .dataTables_scroll {
  clear: both;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}

.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td.dtr-control,
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th.dtr-control {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th.dtr-control:before {
  top: 50%;
  left: 5px;
  height: 1em;
  width: 1em;
  margin-top: -9px;
  display: block;
  position: absolute;
  color: white;
  border: 0.15em solid white;
  border-radius: 1em;
  box-shadow: 0 0 0.2em #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 1em;
  content: "+";
  background-color: #31b131;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
  content: "-";
  background-color: #d33333;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
  padding-left: 27px;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before {
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 14px;
  text-indent: 3px;
}

table.dataTable.dtr-column > tbody > tr > td.dtr-control,
table.dataTable.dtr-column > tbody > tr > th.dtr-control,
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}

table.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: 0.8em;
  width: 0.8em;
  margin-top: -0.5em;
  margin-left: -0.5em;
  display: block;
  position: absolute;
  color: white;
  border: 0.15em solid white;
  border-radius: 1em;
  box-shadow: 0 0 0.2em #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 1em;
  content: "+";
  background-color: #31b131;
}

table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: "-";
  background-color: #d33333;
}

table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}

table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}

table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  border-bottom: none;
}

table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-family: "Din-Bold", sans-serif;
}

div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}

div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 50%;
  overflow: auto;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}

div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 1em;
}

div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border: 1px solid #eaeaea;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}

div.dtr-modal div.dtr-modal-close:hover {
  background-color: #eaeaea;
}

div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}

@media (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}
.breadcrumb-horizontal {
  font-size: 0.875rem;
  padding: 0;
}

.bg-lighter {
  background-color: #f7f8f9 !important;
}

.border-lighter {
  border-color: #f7f8f9 !important;
}

.text-lighter {
  color: #f7f8f9 !important;
}

.bg-gray-dark {
  background-color: #393a4a !important;
}

.border-gray-dark {
  border-color: #393a4a !important;
}

.text-gray-dark {
  color: #393a4a !important;
}

.list-group-item-flex > .autofit-col:first-of-type {
  padding-left: 10px;
  padding-right: 4px;
}

@media (min-width: 768px) {
  .info-panel {
    bottom: 0;
    position: absolute;
    top: 0;
  }
  .info-panel > .sidenav-menu {
    bottom: 0;
    position: absolute;
    right: 0 !important;
    top: 0;
  }
}

.navbar-top {
  padding-bottom: 0.907rem;
  padding-top: 0.907rem;
}
.navbar-top .portlet:hover, .navbar-top .portlet.open {
  z-index: 1035;
}

.navbar-blank {
  flex-wrap: wrap;
}
.navbar-blank .lexicon-icon {
  font-size: 0.625rem;
  margin: 0 0 0 0.25rem;
}

.navbar-classic {
  background-color: #fff;
}
.navbar-classic.navbar-light {
  border-bottom: 1px solid #e7e7ed;
}
@media (max-width: 575.98px) {
  .navbar-classic .navbar-blank {
    margin-top: 1rem;
  }
}
.navbar-classic .navbar-form {
  padding: 0;
}
.navbar-classic .navbar-form .field-wrapper {
  right: 0;
  top: 0;
}
.navbar-classic .navbar-form .field-wrapper .lfr-icon-item {
  color: #6b6c7e;
}
@media (max-width: 767.98px) {
  .navbar-classic .portlet-search-bar {
    width: 100%;
  }
}
.navbar-classic .portlet-search-bar .input-group-item {
  margin-left: 0;
}
.navbar-classic .logo:hover {
  text-decoration: none;
}
@media (min-width: 992px) {
  .navbar-classic .navbar-nav .nav-item:not(:last-of-type) .nav-link {
    margin-right: 16px;
  }
}
.navbar-classic .nav-link {
  color: #6b6c7e;
  font-size: 0.9375rem;
  font-family: "Din-Bold", sans-serif;
}

.info-panel .sidebar > .sidenav-close {
  float: right;
  margin: 16px 16px 0 8px;
}
.info-panel .sidebar > .sidenav-close + .info-panel-content .sidebar-header > .autofit-row {
  width: auto;
}
.info-panel .sidenav-close {
  float: none;
  margin: 0;
}
.info-panel .sidebar-header .component-title {
  font-size: 16px;
  font-family: "Din-Bold", sans-serif;
}
.info-panel .sidebar-header .component-subtitle {
  font-size: 14px;
  font-family: "Din-Bold", sans-serif;
}
.info-panel .sidebar-header .autofit-padded-no-gutters {
  margin-left: -4px;
  margin-right: -4px;
}
.info-panel .sidebar-header .autofit-padded-no-gutters .autofit-col {
  padding-left: 4px;
  padding-right: 4px;
}
.info-panel .sidebar-body .sidebar-section {
  margin-bottom: 16px;
}

.sidebar-light .sidebar-header .text-default {
  color: #6b6c7e;
  font-size: 0.875rem;
  font-weight: 400;
}
.sidebar-light .sidebar-header .icon-monospaced {
  color: #6b6c7e;
}
.sidebar-light .navbar-collapse {
  border-bottom: 1px solid #cdced9;
}
@media (min-width: 576px) {
  .sidebar-light .navigation-bar-light,
  .sidebar-light .sidebar-section > .list-group-item,
  .sidebar-light .panel,
  .sidebar-light .panel-group .panel {
    background-color: transparent;
    border-color: transparent;
  }
}

.table-list th:first-child,
.table-list td:first-child {
  padding-left: 18px;
  padding-right: 6px;
}

.widget-mode-detail {
  background-color: #fff;
}
.widget-mode-detail .title {
  color: #272833;
  font-family: "Din-Bold", sans-serif;
  line-height: 1.25;
}
.widget-mode-detail .sub-title {
  color: #a0a1b0;
  font-weight: 400;
}
.widget-mode-detail .widget-metadata {
  font-size: 0.875rem;
}
.widget-mode-detail .widget-metadata .inline-item-before {
  margin-right: 1rem;
}
.widget-mode-detail .widget-metadata .username {
  color: #272833;
  font-family: "Din-Bold", sans-serif;
  line-height: 2;
}
.widget-mode-detail .aspect-ratio {
  padding-bottom: 480px;
}

.widget-mode-card .card {
  border-radius: 8px;
}
.widget-mode-card .card-header {
  border-radius: 8px 8px 0 0;
}
.widget-mode-card .card-body {
  padding: 24px;
}
.widget-mode-card .widget-topbar .title-link {
  color: #272833;
}
.widget-mode-card .widget-topbar .title {
  font-size: 1.5rem;
  font-family: "Din-Bold", sans-serif;
  margin-right: 24px;
}
.widget-mode-card .widget-metadata {
  font-size: 0.875rem;
  margin-bottom: 16px;
}
.widget-mode-card .widget-metadata .inline-item-before {
  margin-right: 1rem;
}
.widget-mode-card .widget-metadata .username {
  color: #272833;
  font-family: "Din-Bold", sans-serif;
}
.widget-mode-card .widget-resume {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 0;
}
.widget-mode-card .card-footer {
  background-color: transparent;
  padding: 0 1rem 1rem;
}
.widget-mode-card .widget-toolbar {
  border-top: 1px solid #e7e7ed;
  padding-top: 8px;
}

.widget-mode-simple .widget-mode-simple-entry:not(:last-child) {
  border-bottom: 1px solid #e7e7ed;
  margin-bottom: 24px;
  padding-bottom: 24px;
}
.widget-mode-simple .widget-topbar .title-link {
  color: #272833;
}
.widget-mode-simple .widget-topbar .title {
  font-size: 1.75rem;
  font-family: "Din-Bold", sans-serif;
}
.widget-mode-simple .widget-metadata {
  font-size: 0.875rem;
}
.widget-mode-simple .widget-metadata .inline-item-before {
  margin-right: 1rem;
}
.widget-mode-simple .widget-metadata .username {
  color: #272833;
  font-family: "Din-Bold", sans-serif;
}

.widget-toolbar .autofit-col:first-of-type > .btn-outline-borderless {
  margin-left: -0.75rem;
}

html:not(#__):not(#___) .portlet:hover > .cadmin.portlet-topper, html:not(#__):not(#___) .portlet.open > .cadmin.portlet-topper {
  z-index: 1050;
}
html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
  font-size: 13.92px;
  padding: 0 4px 0 8px;
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
    display: block;
    white-space: nowrap;
  }
}
@media (min-width: 576px) {
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
    right: auto;
  }
}
html:not(#__):not(#___) .portlet > .cadmin.portlet-topper .portlet-title-default {
  display: inline-block;
  line-height: 24px;
  vertical-align: middle;
}
html:not(#__):not(#___) .portlet > .cadmin.portlet-topper .portlet-name-text {
  margin-right: 12px;
}
html:not(#__):not(#___) .portlet > .cadmin.portlet-topper .portlet-topper-toolbar {
  display: inline-block;
  vertical-align: middle;
}
html:not(#__):not(#___) .portlet > .cadmin.portlet-topper .portlet-topper-toolbar,
html:not(#__):not(#___) .portlet > .cadmin.portlet-topper .icon-monospaced {
  height: 24px;
  line-height: 24px;
  width: 24px;
}
html:not(#__):not(#___) .portlet > .cadmin.portlet-topper .portlet-topper-toolbar .component-action {
  font-size: 14px;
  height: 24px;
  margin-top: -2px;
  width: 24px;
}
html:not(#__):not(#___) .portlet-dropzone {
  box-shadow: 0 0 0 1px transparent inset;
  transition: box-shadow 300ms ease-in-out;
  will-change: box-shadow;
}
html:not(#__):not(#___) .yui3-dd-drop-active-valid .portlet-dropzone {
  box-shadow: 0 0 0 1px rgba(0, 74, 215, 0.2) inset;
}
html:not(#__):not(#___) .yui3-dd-drop-over .portlet-dropzone {
  box-shadow: 0 0 0 4px #004ad7 inset;
}

.portlet-layout .portlet .management-bar > .container-fluid-max-xl,
.portlet-layout .portlet .navbar-underline > .container-fluid-max-xl {
  padding-left: 0;
  padding-right: 0;
}
.portlet-layout .portlet .portlet-title-text {
  color: #6b6c7e;
  font-size: 0.875rem;
  font-family: "Din-Bold", sans-serif;
  line-height: 2.2;
  margin-bottom: 0;
  text-transform: uppercase;
}

.portlet > .portlet-topper {
  font-size: 0.87rem;
  padding: 0 4px 0 8px;
}
@media (min-width: 768px) {
  .portlet > .portlet-topper {
    display: block;
    white-space: nowrap;
  }
}
@media (min-width: 576px) {
  .portlet > .portlet-topper {
    right: auto;
  }
}
.portlet > .portlet-topper .portlet-title-default {
  display: inline-block;
  line-height: 1.5rem;
  vertical-align: middle;
}
.portlet > .portlet-topper .portlet-name-text {
  margin-right: 0.75rem;
}
.portlet > .portlet-topper .portlet-topper-toolbar {
  display: inline-block;
  vertical-align: middle;
}
.portlet > .portlet-topper .portlet-topper-toolbar,
.portlet > .portlet-topper .icon-monospaced {
  height: 1.5rem;
  line-height: 1.5rem;
  width: 1.5rem;
}
.portlet > .portlet-topper .portlet-topper-toolbar .component-action {
  height: 1.5rem;
  width: 1.5rem;
}
.portlet > .portlet-topper .lexicon-icon {
  height: 0.875rem;
  width: 0.875rem;
}
.portlet:hover > .portlet-topper, .portlet.open > .portlet-topper {
  z-index: 1050;
}

.portlet-dropzone {
  box-shadow: 0 0 0 1px transparent inset;
  transition: box-shadow 300ms ease-in-out;
  will-change: box-shadow;
}
.yui3-dd-drop-active-valid .portlet-dropzone {
  box-shadow: 0 0 0 1px rgba(0, 42, 31, 0.2) inset;
}
.yui3-dd-drop-over .portlet-dropzone {
  box-shadow: 0 0 0 4px #002a1f inset;
}

.portlet-decorate .portlet {
  margin-bottom: 24px;
}
.portlet-decorate .portlet-content {
  border-radius: 0.25rem;
}

.portlet-barebone .panel,
.portlet-borderless .panel {
  background-color: transparent;
}
.portlet-barebone .panel.card,
.portlet-borderless .panel.card {
  border-color: #cdced9;
  box-shadow: none;
}
.portlet-barebone .panel-default,
.portlet-borderless .panel-default {
  border-color: #cdced9;
}
.portlet-barebone .widget-mode-detail,
.portlet-borderless .widget-mode-detail {
  background-color: transparent;
}

.aspect-ratio:not([class*=aspect-ratio-]) {
  padding-bottom: var(--aspect-ratio, 100%);
}

.aspect-ratio-4-to-3 {
  padding-bottom: var(--aspect-ratio-4-to-3, 75%);
}

.aspect-ratio-8-to-3 {
  padding-bottom: var(--aspect-ratio-8-to-3, 37.5%);
}

.aspect-ratio-16-to-9 {
  padding-bottom: var(--aspect-ratio-16-to-9, 56.25%);
}

.card-type-asset .aspect-ratio {
  padding-bottom: var(--aspect-ratio-16-to-9, 56.25%);
}

#wrapper {
  --portlet-topper-bg: var(--primary);
  --portlet-topper-color: var(--white);
  --portlet-topper-link-color: var(--portlet-topper-color);
  background-color: var(--body-bg, var(--body-bg, #fff));
  color: var(--body-color, var(--body-color, #344243));
  font-size: var(--font-size-base, 1.125rem);
}

.portlet .portlet-content {
  background-color: var(--portlet-bg, transparent);
}
@media (max-width: 767.98px) {
  .controls-visible .portlet-content-editable {
    border-color: #005D44;
  }
}
@media (min-width: 576px) {
  .controls-visible .portlet:hover > .portlet-content-editable,
  .controls-visible .portlet.open > .portlet-content-editable,
  .controls-visible .portlet.focus > .portlet-content-editable {
    border-color: #005D44;
  }
}

.portlet-layout .portlet-header {
  margin-bottom: var(--portlet-header-margin-bottom, calc(var(--spacer) * var(--spacer-5, 32px)));
}

.navbar {
  min-height: 50px;
  margin-bottom: 24px;
  border: 0;
  padding: 0;
}

body.bper-body-class section.portlet .portlet-content .autofit-row .autofit-section .dropdown {
  height: auto;
  width: auto;
  padding: 13px;
  z-index: 10;
  position: absolute;
  right: 0;
}
body.bper-body-class section.portlet .portlet-content .autofit-row .autofit-section .dropdown a {
  color: var(--accent-90);
  border: solid 1px var(--accent-90);
  transition: all 0.3s;
}
body.bper-body-class section.portlet .portlet-content .autofit-row .autofit-section .dropdown a:hover, body.bper-body-class section.portlet .portlet-content .autofit-row .autofit-section .dropdown a:focus, body.bper-body-class section.portlet .portlet-content .autofit-row .autofit-section .dropdown a:active {
  background-color: var(--accent-90);
  color: white;
}

/* ---------- Help messages, general additional information, etc. ---------- */
.portlet-msg-progress {
  background-image: url(../images/aui/loading_indicator.gif);
  background-position: 6px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
}

/* ---------- Error messages ---------- */
/* ---------- Alert messages ---------- */
/* ---------- Success messages ---------- */
/* ---------- Misc ---------- */
.navbar .nav li > a {
  overflow-wrap: break-all;
  word-wrap: break-all;
  word-break: break-all;
}

/* ---------- Status ---------- */
.entry-status.approved {
  border-color: #287d3c !important;
}
.entry-status.scheduled {
  border-color: #2e5aac !important;
}
.entry-status.pending {
  border-color: #2e5aac !important;
}
.entry-status.denied {
  border-color: #da1414 !important;
}
.entry-status.expired {
  border-color: #b95000 !important;
}
.entry-status.draft {
  border-color: #555555 !important;
}

.status.approved {
  color: #287d3c;
}
.status.scheduled {
  color: #2e5aac;
}
.status.pending {
  color: #2e5aac;
}
.status.denied {
  color: #da1414;
}
.status.expired {
  color: #b95000;
}
.status.draft {
  color: #555555;
}

.journal-content-article {
  float: left;
  width: 100%;
  z-index: 1;
  position: relative;
}
.journal-content-article > .rich-navigation-menu-adt > .bper-wrapper > .container {
  max-width: 100%;
  margin: 0;
}

.page-wrapper.cookie {
  margin-top: 133px !important;
}
@media (max-width: 1100px) {
  .page-wrapper.cookie {
    margin-top: 48px !important;
  }
}
@media (max-width: 1100px) {
  .page-wrapper #content {
    float: left;
    width: 100%;
  }
}
.page-wrapper #content.cookie {
  margin-top: 0 !important;
}
.page-wrapper #content .portlet-boundary {
  float: left;
  width: 100%;
  position: relative;
}
.page-wrapper #content .portlet-boundary .portlet {
  margin-bottom: 0;
}

.search-portlet-container {
  display: inline-block;
}
.search-portlet-container .portlet .search-input {
  padding: 0;
  border: none;
  box-shadow: none;
  height: auto;
  width: 50px;
}
.search-portlet-container .portlet .search-input::placeholder {
  color: var(--green-300);
  font-family: kievit, Helvetica, Arial, sans-serif;
  font-size: 36px;
  line-height: 48px;
}
.search-portlet-container .portlet .lfr-ddm-field-group {
  margin-bottom: 0;
  float: left;
}
.search-portlet-container .portlet .lfr-ddm-field-group .icon-monospaced a.lfr-icon-item {
  margin: 0;
}
.search-portlet-container .portlet .lfr-ddm-field-group .icon-monospaced a.lfr-icon-item .lexicon-icon-search {
  padding-top: 0;
}

@media (min-width: 768px) {
  .portlet-login {
    margin: 0 auto;
    width: 50%;
  }
}
.portlet-login .button-holder {
  text-align: center;
}

.product-menu.sidebar.sidebar-inverse.sidenav-menu h4 {
  font-size: 18px;
  font-weight: 400;
}
.product-menu.sidebar.sidebar-inverse.sidenav-menu h6 {
  font-size: 14px;
}

.portlet .portlet-topper {
  z-index: 1030;
}

.add-portlet-message h4,
.list-group-item-content h4 {
  line-height: 32px;
  padding: 10px 40px 10px 24px;
  margin: 0;
  font-size: 16px;
}
.add-portlet-message h6,
.add-portlet-message h5,
.list-group-item-content h6,
.list-group-item-content h5 {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 16px;
  padding-left: 24px;
  padding-right: 28px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.add-portlet-message img + span,
.add-portlet-message svg + span,
.list-group-item-content img + span,
.list-group-item-content svg + span {
  margin-left: 5px;
  line-height: 16px;
  display: inline-block;
}

.input-group.search-bar input + .input-group-btn {
  padding: 10px;
}

.list-group-item-content h5,
.list-group-item-content h6 {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
  margin: 0;
}

.display-style-bar {
  padding: 15px;
}
.display-style-bar .list-group-item-content {
  padding: 0;
}
.display-style-bar .text-default {
  line-height: 1.4;
}

.columns-1-2-1 .portlet-layout:nth-child(2).row {
  display: flex;
  max-width: 1170px;
  margin: auto !important;
  float: none;
  padding-bottom: 10px;
}
.columns-1-2-1 .portlet-layout:nth-child(2).row .col-md-6:nth-child(1) {
  padding-left: 0;
}
.columns-1-2-1 .portlet-layout:nth-child(2).row .col-md-6:nth-child(2) {
  padding-right: 0;
}
@media (max-width: 991px) {
  .columns-1-2-1 .portlet-layout:nth-child(2).row {
    display: block;
  }
  .columns-1-2-1 .portlet-layout:nth-child(2).row .col-md-6:nth-child(1) {
    float: left;
    width: 100%;
    padding-left: 15px;
    margin-bottom: 0;
  }
  .columns-1-2-1 .portlet-layout:nth-child(2).row .col-md-6:nth-child(2) {
    margin-top: 15px;
    float: left;
    width: 100%;
    padding-right: 15px;
    /*display: none;*/
  }
}

body.signed-in.has-control-menu .page-wrapper#wrapper {
  padding-top: 0;
}
@media (max-width: 1100px) {
  body.signed-in.has-control-menu .page-wrapper#wrapper {
    margin-top: 0;
  }
}
body.signed-in.has-control-menu .page-wrapper#wrapper .navbar {
  margin-top: 56px !important;
  padding-top: 0;
}
@media (max-width: 1100px) {
  body.signed-in.has-control-menu .page-wrapper#wrapper .navbar {
    margin-top: 0 !important;
    top: 48px !important;
  }
}
@media (max-width: 1100px) {
  body.signed-in.has-control-menu .page-wrapper#wrapper.content-online-mobile .content-button-online-mobile {
    top: 48px;
  }
}
@media (max-width: 1100px) {
  body.signed-in.has-control-menu .page-wrapper#wrapper.content-online-mobile .navbar {
    margin-top: 48px !important;
  }
}

.portlet-asset-publisher .taglib-categorization-filter {
  display: none;
}
.portlet-asset-publisher .asset-full-content > .align-items-center {
  display: none !important;
}
.portlet-asset-publisher .portlet-body {
  /* FIX https://bper-it.atlassian.net/browse/BPER2-31
  	Spazio tra breadcrumbs e dettaglio articolo (margin dell'h2)
  */
}
.portlet-asset-publisher .portlet-body > div > h2 {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  height: 100%;
  padding: 0;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .portlet-asset-publisher .portlet-body > div > h2 {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  .portlet-asset-publisher .portlet-body > div > h2 {
    width: 100%;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
.portlet-asset-publisher .portlet-body > div > .h2 {
  margin: 0;
}

.portal-popup .affix {
  position: relative;
}

body.signed-in .control-menu {
  z-index: 991;
}
body.signed-in .modal {
  z-index: 995;
}

body.locked {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
}

.lfr-product-menu-panel.sidenav-menu-slider,
.lfr-admin-panel.sidenav-menu-slider {
  z-index: 1201 !important;
}

.header-back-to {
  /*remove arrow-text go back in asset publisher detail*/
  display: none;
}
.header-back-to + span {
  display: none;
}

.taglib-social-bookmarks {
  display: none;
}

.search-portlet-container {
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}

body .portlet-column-content.empty {
  padding: 0;
}

.col-md-6.portlet-column {
  margin-bottom: 35px;
}
.col-md-6.portlet-column .portlet-boundary {
  margin-top: 35px;
}
@media (max-width: 991px) {
  .col-md-6.portlet-column .portlet-boundary {
    margin-top: 0;
  }
}

.page-wrapper #content .portlet-nested-portlets {
  position: relative;
  margin: 0 auto;
  height: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
}
.page-wrapper #content .portlet-nested-portlets > section {
  width: 100%;
  max-width: 1170px;
}
.page-wrapper #content .portlet-nested-portlets .bper-wrapper {
  max-width: 100%;
}
@media (max-width: 1199px) and (min-width: 376px) {
  .page-wrapper #content .portlet-nested-portlets .bper-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .page-wrapper #content .portlet-nested-portlets .bper-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1199px) and (min-width: 376px) {
  .page-wrapper #content .portlet-nested-portlets {
    width: 95%;
    padding-left: calc((100vw - 1170px) / -40);
    padding-right: calc((100vw - 1170px) / -40);
  }
}
@media (max-width: 768px) {
  .page-wrapper #content .portlet-nested-portlets {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.page-wrapper #content .portlet-nested-portlets.bper-wrapper-inverse {
  margin-bottom: -1px;
}
.page-wrapper #content .portlet-nested-portlets .app-download {
  padding: 0 25px;
}
.page-wrapper #content .portlet-nested-portlets .portlet-body .columns-2 .portlet-layout {
  display: flex;
}
@media (max-width: 991px) {
  .page-wrapper #content .portlet-nested-portlets .portlet-body .columns-2 .portlet-layout {
    display: block;
  }
}
.page-wrapper #content .portlet-nested-portlets .portlet-body .columns-2 .portlet-layout > div {
  /*position: relative;
  margin-left: 15px;
  margin-right: 15px;
  padding: 0;
  width: calc(50% - 30px);
  float: left;

  @media (max-width: 991px) {
  	width: 100%;
  	margin-left: 0;
  	margin-right: 0;
  	margin-bottom: 15px;
  	overflow: hidden;
  }*/
  /*
  .portlet-boundary{
  	position: static !important;
  	.portlet{
  		position: static;
  		.portlet-body{
  			.journal-content-article{
  				&>div{
  					position: absolute;
  					height: 100%;
  				}
  			}
  		}
  	}
  }*/
}
.page-wrapper #content .portlet-nested-portlets .portlet-body .columns-2 .portlet-layout > div .bper-wrapper {
  margin: 0;
  padding: 0;
}
.page-wrapper #content .portlet-nested-portlets .portlet-body .columns-2 .portlet-layout > div .portlet-boundary {
  margin-top: 0;
}

body .dialog-with-footer .button-holder.dialog-footer {
  background: #fff !important;
  position: relative;
}

.portlet-icon-back {
  display: none;
}

.dialog-iframe-popup .lfr-form-content {
  position: relative !important;
}

.loadingmask-content {
  background: none;
}

.dialog-with-footer .button-holder.dialog-footer {
  position: relative;
}

.taglib-portlet-preview.show-borders {
  float: left;
}

/*@media only (min-width: 768px) {*/
@media (min-width: 768px) {
  .dialog-iframe-popup .navbar ~ .portlet-configuration-setup,
  .dialog-iframe-popup .portlet-export-import-container {
    height: calc(100% - 78px);
  }
}
.datepicker-popover.popover {
  z-index: 1300 !important;
}

body.signed-in #wrapper .portlet-layout .portlet-dropzone.gray {
  min-height: 200px;
  background: rgba(240, 240, 240, 0.2);
  border: #f3f3f3 solid 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

body.signed-in #wrapper .portlet-dropzone.empty {
  min-height: 100px;
}
@media (max-width: 799px) {
  body.signed-in #wrapper .portlet-dropzone.empty {
    min-height: 50px;
  }
}

@media (max-width: 799px) {
  body #wrapper .portlet-dropzone.empty {
    min-height: 50px;
  }
}

.product-menu .list-group a .collapse-icon-open svg,
.product-menu .list-group a .collapse-icon-closed svg {
  /*position: absolute;
  top: 50%;
  transform: translateY(-50%);*/
}

body > .LPMcontainer.LPMoverlay {
  display: none !important;
}

.hide-accessible {
  display: none;
}

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