@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Nunito:400,600,700,900&display=swap");
.cke_editable {
  padding: 30px;
}

html {
  position: relative;
  height: 100%;
}

body {
  position: relative;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

table td,
table th {
  padding: calc(1rem / 2) 1rem;
}

@font-face {
  font-family: "Nexa-Regular";
  src: url("/themes/custom/ocelot_myportima/assets/fonts/nexa/3B0AA0_8_0.woff") format("woff"), url("/themes/custom/ocelot_myportima/assets/fonts/nexa/3B0AA0_8_0.woff2") format("woff2"), url("/themes/custom/ocelot_myportima/assets/fonts/nexa/3B0AA0_8_0.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  ascent-override: 120%;
  descent-override: 60%;
}
@font-face {
  font-family: "Nexa-Light";
  src: url("/themes/custom/ocelot_myportima/assets/fonts/nexa/3B0AA0_4_0.woff") format("woff"), url("/themes/custom/ocelot_myportima/assets/fonts/nexa/3B0AA0_4_0.woff2") format("woff2"), url("/themes/custom/ocelot_myportima/assets/fonts/nexa/3B0AA0_4_0.ttf") format("ttf");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  ascent-override: 120%;
  descent-override: 60%;
}
@font-face {
  font-family: "Nexa-LightItalic";
  src: url("/themes/custom/ocelot_myportima/assets/fonts/nexa/3B0AA0_5_0.woff") format("woff"), url("/themes/custom/ocelot_myportima/assets/fonts/nexa/3B0AA0_5_0.woff2") format("woff2"), url("/themes/custom/ocelot_myportima/assets/fonts/nexa/3B0AA0_5_0.ttf") format("ttf");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  ascent-override: 120%;
  descent-override: 60%;
}
@font-face {
  font-family: "Nexa-Bold";
  src: url("/themes/custom/ocelot_myportima/assets/fonts/nexa/3B0AA0_A_0.woff") format("woff"), url("/themes/custom/ocelot_myportima/assets/fonts/nexa/3B0AA0_A_0.woff2") format("woff2"), url("/themes/custom/ocelot_myportima/assets/fonts/nexa/3B0AA0_A_0.ttf") format("ttf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  ascent-override: 120%;
  descent-override: 60%;
}
@font-face {
  font-family: "Nexa-Heavy";
  src: url("/themes/custom/ocelot_myportima/assets/fonts/nexa/3B0AA0_E_0.woff") format("woff"), url("/themes/custom/ocelot_myportima/assets/fonts/nexa/3B0AA0_E_0.woff2") format("woff2"), url("/themes/custom/ocelot_myportima/assets/fonts/nexa/3B0AA0_E_0.ttf") format("ttf");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  ascent-override: 120%;
  descent-override: 60%;
}
html,
body {
  max-width: 100%;
  -webkit-overflow-scrolling: touch; /* Lets it scroll lazy */
}

body {
  height: auto;
}

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

@media (min-width: 768px) {
  .collapse.dont-collapse-md {
    display: block;
    height: auto !important;
    visibility: visible;
  }
}
.btn.btn-link {
  text-decoration: underline;
}
.btn.btn-link:hover, .btn.btn-link:focus {
  text-decoration: none;
}
.btn.icon-lock, .btn.btn-lock {
  position: relative;
  padding-left: 36px;
}
.region--top .btn.icon-lock, .region--top .btn.btn-lock {
  padding-left: 36px;
}
.btn.icon-lock::before, .btn.btn-lock::before {
  background: url("/themes/custom/ocelot_myportima/assets/images/icons/lock.svg") top left no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-55%);
  width: 20px;
}
.btn .fa-icon-left {
  margin-right: 0.5rem;
}
.btn .fa-icon-right {
  margin-left: 0.5rem;
}
.btn.icon-before i, .btn.icon-after i {
  transform: translateY(0);
}
.btn.icon-before i {
  margin-right: 0.5rem;
}
.btn.icon-after i {
  margin-left: 0.5rem;
}
.btn .icon-progress {
  margin-left: 0.5rem;
}
.btn.btn-help {
  display: inline-flex;
  border-radius: 4px;
  width: 100%;
  padding: 1rem;
  text-align: left;
  align-items: center;
  font-size: 1.15rem;
  font-family: "Nexa-Regular", "Nunito", sans-serif;
}
.btn.btn-help i {
  font-size: 2rem;
}
.btn.btn-help i::before {
  color: #fff;
}
.btn.btn-help.btn-sm i {
  font-size: 1.2rem;
}
.btn.btn-help.btn-lg i {
  font-size: 3rem;
}

.form--sm {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .form--sm {
    max-width: 450px;
  }
}
.form--sm .form-actions input,
.form--sm .form-actions button {
  width: 100%;
}

.form-group,
.form-item {
  margin-bottom: 24px;
}
.form-group label,
.form-group > legend,
.form-item label,
.form-item > legend {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
  color: #333;
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: 2px;
}
.form-group label a,
.form-item label a {
  text-decoration: underline;
}
.form-group .description,
.form-group .webform-element-description,
.form-item .description,
.form-item .webform-element-description {
  font-size: 14px;
  margin-top: 5px;
}

input[type=date], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=time], input[type=url] {
  background-color: #fff;
  border: 1px solid #d2d7d7;
  border-radius: 4px;
  box-sizing: border-box;
  color: #333;
  padding: 15px 18px;
  width: 100%;
  margin-top: 0;
}
input[type=date]:focus, input[type=datetime-local]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus {
  outline: none;
}
input[type=date].error, input[type=datetime-local].error, input[type=email].error, input[type=month].error, input[type=number].error, input[type=password].error, input[type=tel].error, input[type=text].error, input[type=time].error, input[type=url].error {
  border-color: #be1a33;
}

textarea {
  background-color: #fff;
  border: 1px solid #d2d7d7;
  border-radius: 4px;
  box-sizing: border-box;
  color: #333;
  padding: 15px 18px;
  width: 100%;
  margin-top: 0;
}
textarea:focus {
  outline: none;
}
textarea.error {
  border-color: #be1a33;
}

.required-marker {
  color: #be1a33;
}

.form-required::after {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
  content: "";
  vertical-align: super;
  background-image: url("/core/misc/icons/ee0000/required.svg");
  background-repeat: no-repeat;
  background-size: 6px 6px;
}

.webform-type-checkboxes > legend,
.webform-type-radios > legend,
.webform-type-webform-radios-other > legend,
.webform-type-webform-checkboxes-other > legend,
.form-checkboxes > legend,
.form-check > legend,
.form-radios > legend,
.form-item.js-form-type-checkbox > legend,
.form-item.js-form-type-radio > legend {
  margin-bottom: 1rem;
}
.webform-type-checkboxes .form-item,
.webform-type-radios .form-item,
.webform-type-webform-radios-other .form-item,
.webform-type-webform-checkboxes-other .form-item,
.form-checkboxes .form-item,
.form-check .form-item,
.form-radios .form-item,
.form-item.js-form-type-checkbox .form-item,
.form-item.js-form-type-radio .form-item {
  margin-bottom: 1rem;
  position: relative;
}
.webform-type-checkboxes .form-check-label,
.webform-type-radios .form-check-label,
.webform-type-webform-radios-other .form-check-label,
.webform-type-webform-checkboxes-other .form-check-label,
.form-checkboxes .form-check-label,
.form-check .form-check-label,
.form-radios .form-check-label,
.form-item.js-form-type-checkbox .form-check-label,
.form-item.js-form-type-radio .form-check-label {
  font-family: "Nexa-Light", "Nunito", sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 26px;
  margin-bottom: 0.25rem;
  padding-left: 40px;
  position: relative;
}
.webform-type-checkboxes .form-check-label::before, .webform-type-checkboxes .form-check-label::after,
.webform-type-radios .form-check-label::before,
.webform-type-radios .form-check-label::after,
.webform-type-webform-radios-other .form-check-label::before,
.webform-type-webform-radios-other .form-check-label::after,
.webform-type-webform-checkboxes-other .form-check-label::before,
.webform-type-webform-checkboxes-other .form-check-label::after,
.form-checkboxes .form-check-label::before,
.form-checkboxes .form-check-label::after,
.form-check .form-check-label::before,
.form-check .form-check-label::after,
.form-radios .form-check-label::before,
.form-radios .form-check-label::after,
.form-item.js-form-type-checkbox .form-check-label::before,
.form-item.js-form-type-checkbox .form-check-label::after,
.form-item.js-form-type-radio .form-check-label::before,
.form-item.js-form-type-radio .form-check-label::after {
  border-radius: 3px;
  content: "";
  display: inline-block;
  height: 26px;
  position: absolute;
  top: -2px;
  width: 26px;
}
.webform-type-checkboxes input,
.webform-type-radios input,
.webform-type-webform-radios-other input,
.webform-type-webform-checkboxes-other input,
.form-checkboxes input,
.form-check input,
.form-radios input,
.form-item.js-form-type-checkbox input,
.form-item.js-form-type-radio input {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 25px;
  width: 25px;
  z-index: 2;
}

.form-checkboxes > .form-item,
.form-item.form-check,
.form-radios > .form-item,
.form-item.form-radio {
  position: relative;
}

.webform-type-checkboxes input:checked ~ .form-check-label::before,
.webform-type-webform-checkboxes-other input:checked ~ .form-check-label::before,
.form-checkboxes .form-item input:checked ~ .form-check-label::before,
.form-item.js-form-type-checkbox input:checked ~ .form-check-label::before,
.form-item.form-check input:checked ~ .form-check-label::before,
.form-radios .form-item input:checked ~ .form-check-label::before,
.form-item.js-form-type-radio input:checked ~ .form-check-label::before {
  background: #009e80;
  border-color: #009e80;
}
.webform-type-checkboxes input:checked ~ .form-check-label::after,
.webform-type-webform-checkboxes-other input:checked ~ .form-check-label::after,
.form-checkboxes .form-item input:checked ~ .form-check-label::after,
.form-item.js-form-type-checkbox input:checked ~ .form-check-label::after,
.form-item.form-check input:checked ~ .form-check-label::after,
.form-radios .form-item input:checked ~ .form-check-label::after,
.form-item.js-form-type-radio input:checked ~ .form-check-label::after {
  opacity: 1;
}
.webform-type-checkboxes .form-check-label::after,
.webform-type-webform-checkboxes-other .form-check-label::after,
.form-checkboxes .form-item .form-check-label::after,
.form-item.js-form-type-checkbox .form-check-label::after,
.form-item.form-check .form-check-label::after,
.form-radios .form-item .form-check-label::after,
.form-item.js-form-type-radio .form-check-label::after {
  content: "\f00c";
  color: #fff;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.125rem;
  font-weight: 300;
  width: 1.125rem;
  left: 5px;
  opacity: 0;
}
.webform-type-checkboxes .form-check-label::before,
.webform-type-webform-checkboxes-other .form-check-label::before,
.form-checkboxes .form-item .form-check-label::before,
.form-item.js-form-type-checkbox .form-check-label::before,
.form-item.form-check .form-check-label::before,
.form-radios .form-item .form-check-label::before,
.form-item.js-form-type-radio .form-check-label::before {
  background: #fff;
  border: 1px solid #d2d7d7;
  left: 0;
}

.webform-type-radios input:checked ~ .form-check-label::before,
.webform-type-webform-radios-other input:checked ~ .form-check-label::before {
  border-color: #d2d7d7;
}
.webform-type-radios input:checked ~ .form-check-label::after,
.webform-type-webform-radios-other input:checked ~ .form-check-label::after {
  opacity: 1;
}
.webform-type-radios .form-check-label::after,
.webform-type-webform-radios-other .form-check-label::after {
  border-radius: 50%;
  background: #009e80;
  height: 14px;
  opacity: 0;
  top: -2px;
  left: 6px;
  width: 14px;
}
.webform-type-radios .form-check-label::before,
.webform-type-webform-radios-other .form-check-label::before {
  background: #fff;
  border: 1px solid #d2d7d7;
  border-radius: 50%;
  left: 0;
}

.webform-options-display-buttons label.webform-options-display-buttons-label {
  background-color: #fff;
  border: 1px solid rgba(105, 105, 105, 0.3);
  border-radius: 0;
  color: #333;
  font-weight: 600;
}
.webform-options-display-buttons label.webform-options-display-buttons-label::before, .webform-options-display-buttons label.webform-options-display-buttons-label::after {
  display: none;
}

.webform-options-display-buttons input:hover + label.webform-options-display-buttons-label {
  border-color: #009e80;
  color: #333;
}

.webform-options-display-buttons input:checked:focus + label.webform-options-display-buttons-label {
  box-shadow: none;
}

.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label {
  border-color: #00725f;
  background-color: #00725f;
  color: #fff;
}

.form-submit {
  transition: all 0.2s ease-in-out;
  width: 100%;
  width: auto;
}

.form-managed-file {
  background: transparent;
  align-items: center;
  flex-wrap: wrap;
  display: flex;
  height: auto;
}
.form-managed-file .managed-file-placeholder {
  color: #009e80;
  font-size: 0.875rem;
  font-weight: 600;
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0.25rem 0;
}
.form-managed-file input {
  background-color: #fff;
  border: 1px solid #d2d7d7;
  border-radius: 4px;
  box-sizing: border-box;
  color: #333;
  padding: 15px 18px;
  width: 100%;
  margin-top: 0;
  font-size: 1rem;
  flex: 0 0 60%;
  height: 50px;
  padding-top: 11px;
}
.form-managed-file input:focus {
  outline: none;
}
.form-managed-file input.error {
  border-color: #be1a33;
}
.form-managed-file .form-submit {
  border: 0;
  flex: 0 0 40%;
  height: 50px;
  margin-bottom: 0;
}
.form-managed-file .file {
  background-color: #fff;
  border: 1px solid #d2d7d7;
  flex: 0 0 60%;
  height: 50px;
  margin-bottom: 0;
  padding: 14px 30px 0 20px;
}
.form-managed-file .file a {
  line-height: 1;
  text-decoration: none;
}
.form-managed-file .file .link__file {
  border: 0;
  border-radius: 0;
  height: auto;
  margin-top: 0;
  overflow: auto;
  position: relative;
  top: auto;
  left: auto;
  text-indent: 0;
  opacity: 1;
  width: auto;
}
.form-managed-file .file .link__file::before {
  display: none;
}
@media (min-width: 768px) {
  .form-managed-file input {
    flex: 0 0 75%;
  }
  .form-managed-file .form-submit {
    flex: 0 0 24%;
    margin-left: 1%;
  }
  .form-managed-file .file {
    flex: 0 0 75%;
  }
}

.select-wrapper {
  position: relative;
}
.select-wrapper::after {
  content: "\f107";
  color: #000;
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  font-weight: 300;
  width: 24px;
  pointer-events: none;
  position: absolute;
  right: 16px;
  top: 12px;
}
.select-wrapper .select2-container--default .select2-selection--single,
.select-wrapper .select2-container--default .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #d2d7d7;
  border-radius: 4px;
  box-sizing: border-box;
  color: #333;
  padding: 15px 18px;
  width: 100%;
  margin-top: 0;
  min-height: 50px;
}
.select-wrapper .select2-container--default .select2-selection--single:focus,
.select-wrapper .select2-container--default .select2-selection--multiple:focus {
  outline: none;
}
.select-wrapper .select2-container--default .select2-selection--single.error,
.select-wrapper .select2-container--default .select2-selection--multiple.error {
  border-color: #be1a33;
}
.select-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered,
.select-wrapper .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0;
}
.select-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow,
.select-wrapper .select2-container--default .select2-selection--multiple .select2-selection__arrow {
  display: none;
}
.select-wrapper .select2-container--default.select2-container--open .select2-selection--single {
  border-color: #00725f;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #00725f;
}

.select2-dropdown {
  border-color: rgba(105, 105, 105, 0.3);
  border-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: rgba(105, 105, 105, 0.3);
  padding: 12px 18px;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: #009e80;
  outline: none;
}

.custom-select {
  background-color: #fff;
  border: 1px solid #d2d7d7;
  border-radius: 4px;
  box-sizing: border-box;
  color: #333;
  padding: 15px 18px;
  width: 100%;
  margin-top: 0;
  font-size: 0.875rem;
  line-height: 1.2;
  padding-right: 40px;
}
.custom-select:focus {
  outline: none;
}
.custom-select.error {
  border-color: #be1a33;
}
.custom-select:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 114, 95, 0.25);
}
@media (min-width: 768px) {
  .custom-select {
    font-size: 1rem;
  }
}

.webform-type-fieldset {
  border: 1px solid rgba(0, 158, 128, 0.5);
  margin: 30px 0;
  padding: 1rem 1rem 0;
}
.webform-type-fieldset > legend {
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  font-weight: 700;
  color: #009e80;
  font-size: 1.125rem;
  margin-bottom: 0;
  padding: 0 0.5rem;
  width: auto;
}
.webform-type-fieldset .fieldset-wrapper > .description:first-child {
  margin-top: 0;
  margin-bottom: 1rem;
}

label {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
}
label.bold {
  color: #005645;
  font-size: 19px;
  margin-top: 2rem;
}

label + .form-item,
label + .form-group {
  margin-top: 1rem;
}

@media (min-width: 576px) {
  .js-form-type-datetime > div,
.js-form-type-datelist > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .js-form-type-datetime .form-group,
.js-form-type-datetime .form-item,
.js-form-type-datelist .form-group,
.js-form-type-datelist .form-item {
    flex: 0 0 49%;
    margin-bottom: 0.5rem;
    max-width: 49%;
  }
}
@media (min-width: 768px) {
  .js-form-type-datetime .form-group,
.js-form-type-datetime .form-item,
.js-form-type-datelist .form-group,
.js-form-type-datelist .form-item {
    flex: 1 0 auto;
  }
  .js-form-type-datetime .form-group:not(:last-child),
.js-form-type-datetime .form-item:not(:last-child),
.js-form-type-datelist .form-group:not(:last-child),
.js-form-type-datelist .form-item:not(:last-child) {
    margin-right: 0.5rem;
  }
}

.date-wrapper {
  position: relative;
}
.date-wrapper .hasDatePicker {
  padding-right: 60px;
}
.date-wrapper::after {
  content: "\f073";
  color: #005645;
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  font-weight: 300;
  width: 24px;
  pointer-events: none;
  position: absolute;
  right: 18px;
  top: 9px;
}

form details {
  border: 1px dotted #009e80;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
}
form details summary + div {
  margin-top: 1rem;
}
form summary {
  color: #00725f;
}
form summary:focus {
  color: #005645;
  outline: none;
}
form .tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight {
  background: transparent;
  border: 0;
  color: #00725f;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.5rem 0;
  text-decoration: underline;
}
form .tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight:hover, form .tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight:focus {
  text-decoration: none;
}
form td fieldset.webform-composite-hidden-title {
  margin: 0;
}
form td fieldset.webform-composite-hidden-title legend {
  margin: 0;
}

.webform-element-help {
  position: relative;
  z-index: 5;
}
.webform-element-help:focus, .webform-element-help:hover, .webform-element-help:active {
  background-color: #ffd17d;
  border-color: #ffd17d;
}

.webform-element-more--link {
  color: #00725f;
}
.webform-element-more--link > a {
  color: #00725f;
  text-decoration: none;
}
.webform-element-more--link > a:hover, .webform-element-more--link > a:focus {
  color: #005645;
}

.webform-multiple-add .btn {
  color: #00725f;
  padding: 0.75rem 0;
  text-decoration: underline;
}
.webform-multiple-add .btn:hover, .webform-multiple-add .btn:focus {
  text-decoration: none;
}

.ui-tooltip {
  display: block;
  margin: 0;
  position: absolute;
  z-index: 1070;
  word-wrap: break-word;
}
.ui-tooltip .ui-tooltip-content {
  color: #000;
  font-family: "Nexa-Light", "Nunito", sans-serif;
  padding: 15px;
}
.ui-tooltip .ui-tooltip-content .webform-element-help--title {
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  font-weight: 700;
  color: #00725f;
  font-size: 1rem;
}
.ui-tooltip .ui-tooltip-content .webform-element-help--content {
  font-size: 0.875rem;
  line-height: 1.4;
}

.webform-progress {
  margin-bottom: 30px;
}

.progress-step .progress-marker {
  font-size: 0.875rem;
  font-weight: 600;
}

.progress-step.is-active .progress-marker {
  background-color: #ffd17d;
}

.webform-progress-tracker .progress-step.is-active:hover .progress-marker {
  background-color: #ffc65f;
}

.webform-progress-tracker .progress-step::after {
  background-color: #d2d7d7;
}

.progress-step.is-complete::after {
  background-color: rgba(255, 209, 125, 0.4);
}

.webform-progress-tracker .progress-step:not(.is-active) .progress-marker {
  background-color: #d2d7d7;
  color: #333;
}

.webform-progress-tracker .progress-step:not(.is-active).is-complete .progress-marker,
.webform-progress-tracker .progress-step:hover .progress-marker,
.webform-progress-tracker .progress-step.is-complete:hover .progress-marker {
  background-color: #ffd17d;
  color: #fff;
}

.webform-progress-tracker .progress-step .progress-text {
  color: #333;
}

.webform-progress-tracker .progress-step.is-complete .progress-text,
.webform-progress-tracker .progress-step.is-active .progress-text {
  color: #ffd17d;
}

.webform-progress__status {
  font-size: 0.875rem;
}

.webform-details-toggle-state-wrapper .webform-details-toggle-state {
  color: #ffd17d;
  margin-bottom: 0.5rem;
  padding: 0.25rem 0;
  text-decoration: underline;
}
.webform-details-toggle-state-wrapper .webform-details-toggle-state:hover, .webform-details-toggle-state-wrapper .webform-details-toggle-state:focus {
  text-decoration: none;
}

hr.webform-horizontal-rule {
  margin: 1rem 0 2rem;
}

label + hr.webform-horizontal-rule {
  margin-top: 0;
}

hr.webform-horizontal-rule,
hr.webform-horizontal-rule--dotted,
hr.webform-horizontal-rule--dashed,
hr.webform-horizontal-rule--flaired,
hr.webform-horizontal-rule--flaired::before,
hr.webform-horizontal-rule--glyph {
  border-color: #d2d7d7;
  color: #d2d7d7;
}

hr.webform-horizontal-rule--gradient {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #d2d7d7, rgba(0, 0, 0, 0));
}

.form-type-webform-likert .webform-likert-table-wrapper {
  margin-top: 5px;
}
.form-type-webform-likert table th {
  font-size: 1rem;
}
@media (min-width: 768px) {
  .form-type-webform-likert table th,
.form-type-webform-likert table td {
    padding: 15px 20px;
  }
}
@media (min-width: 768px) {
  .form-type-webform-likert table tbody tr td:not(:first-child) {
    padding: 15px 1px;
  }
}
@media (max-width: 767.98px) {
  .form-type-webform-likert table td {
    background-color: transparent;
    padding-left: 1px;
  }
  .form-type-webform-likert table td:not(:last-child) {
    border-right: 0;
  }
}
.form-type-webform-likert table td .form-group,
.form-type-webform-likert table td .form-item {
  margin-bottom: 0;
}
.form-type-webform-likert table td .form-group input,
.form-type-webform-likert table td .form-group label,
.form-type-webform-likert table td .form-item input,
.form-type-webform-likert table td .form-item label {
  vertical-align: top;
}
.form-type-webform-likert table td .form-group label,
.form-type-webform-likert table td .form-item label {
  font-weight: 400;
}

.webform-submission-form .form-item--error-message {
  font-size: 0.875rem;
  font-weight: 300;
  color: #be1a33;
}

.form-item.js-form-type-tel + strong.error.form-item--error-message,
.form-item.js-form-type-tel + strong.error.form-item--error-message + strong.error.form-item--error-message {
  margin-top: 0;
}

::-webkit-input-placeholder {
  color: #000;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
}

::-moz-placeholder {
  color: #000;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
}

:-ms-input-placeholder {
  color: #000;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
}

:-moz-placeholder {
  color: #000;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
}

.ui-autocomplete {
  background: #fff;
  box-shadow: 1px 3px 4px rgba(51, 51, 51, 0.075);
}

.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.container-padded, .container-fluid-padded .container__content {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1230px) {
  .container-padded, .container-fluid-padded .container__content {
    max-width: 1200px;
  }
}
@media (min-width: 768px) {
  .container-padded, .container-fluid-padded .container__content {
    padding-left: 8%;
    padding-right: 8%;
  }
}
@media (min-width: 1230px) {
  .container-padded, .container-fluid-padded .container__content {
    padding-left: 140px;
    padding-right: 140px;
  }
}

.container__content {
  height: 100%;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 1230px) {
  .container__content {
    max-width: 1200px;
  }
}
.container-fluid > .container__content {
  padding-left: 15px;
  padding-right: 15px;
}
.row--small-gutter {
  margin-left: -10px;
  margin-right: -10px;
}

.row--small-gutter > * {
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 992px) {
  .row--large-gutter {
    margin-left: -30px;
    margin-right: -30px;
  }
}

@media (min-width: 992px) {
  .row--large-gutter > * {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 768px) {
  .col-md-cst-5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

[class*=icon--]::before,
[class*=po-]::before {
  display: inline-block;
  margin-right: 0.5rem;
}
[class*=icon--]::before, [class*=po-]::before {
  color: #00725f;
}
[class*=icon--]:hover::before, [class*=icon--]:focus::before, [class*=po-]:hover::before, [class*=po-]:focus::before {
  text-decoration: none;
}

.icon--telephone::before,
.icon--tel::before {
  content: "\f095";
  color: #333;
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 400;
  width: 1rem;
}

.icon--clock::before {
  content: "\f017";
  color: #333;
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 400;
  width: 1rem;
}

.icon--mail::before {
  content: "\f0e0";
  color: #333;
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 400;
  width: 1rem;
}

.icon--link::before {
  content: "\f0a9";
  color: #333;
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 400;
  width: 1rem;
}

.icon--webform::before {
  content: "\f574";
  color: #333;
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 400;
  width: 1rem;
}

.icon--document::before {
  content: "\f1c1";
  color: #333;
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 400;
  width: 1rem;
}

.icon--facebook::before {
  content: "\f39e";
  color: #333;
  font-family: "Font Awesome 5 Brands";
  font-size: 1rem;
  font-weight: 400;
  width: 1rem;
}

.icon--instagram::before {
  content: "\f16d";
  color: #333;
  font-family: "Font Awesome 5 Brands";
  font-size: 1rem;
  font-weight: 400;
  width: 1rem;
}

.icon--twitter::before {
  content: "\f099";
  color: #333;
  font-family: "Font Awesome 5 Brands";
  font-size: 1rem;
  font-weight: 400;
  width: 1rem;
}

.icon--linkedin::before {
  content: "\f0e1";
  color: #333;
  font-family: "Font Awesome 5 Brands";
  font-size: 1rem;
  font-weight: 400;
  width: 1rem;
}

.icon--youtube::before {
  content: "\f167";
  color: #333;
  font-family: "Font Awesome 5 Brands";
  font-size: 1rem;
  font-weight: 400;
  width: 1rem;
}

.icon--flickr::before {
  content: "\f16e";
  color: #333;
  font-family: "Font Awesome 5 Brands";
  font-size: 1rem;
  font-weight: 400;
  width: 1rem;
}

.icon--address::before {
  content: "\f3c5";
  color: #333;
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 400;
  width: 1rem;
}

.icon--people::before {
  content: "\f0c0";
  color: #333;
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 400;
  width: 1rem;
}

.icon--exclamation-circle::before {
  content: "\f06a";
  color: #333;
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 400;
  width: 1rem;
}

.icon--search::before {
  content: "\f002";
  color: #333;
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 400;
  width: 1rem;
}

.icon--home {
  background-image: url("/themes/custom/ocelot_myportima/assets/images/icons/home-primary.svg");
  display: inline-block;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}

.nav-item a.icon--rings::before, .nav-item a.icon--connected::before, .nav-item a.icon--people-conversation::before, .nav-item a.icon--people-presentation-alt::before, .nav-item a.icon--person-shield::before, .nav-item a.icon--buildings::before, .nav-item a.icon--users-alt-group::before, .nav-item a.icon--certificate-check::before, .nav-item a.icon--logout::before, .nav-item a.icon--logout-alt::before,
.nav-item span.icon--rings::before,
.nav-item span.icon--connected::before,
.nav-item span.icon--people-conversation::before,
.nav-item span.icon--people-presentation-alt::before,
.nav-item span.icon--person-shield::before,
.nav-item span.icon--buildings::before,
.nav-item span.icon--users-alt-group::before,
.nav-item span.icon--certificate-check::before,
.nav-item span.icon--logout::before,
.nav-item span.icon--logout-alt::before,
.dropdown-item a.icon--rings::before,
.dropdown-item a.icon--connected::before,
.dropdown-item a.icon--people-conversation::before,
.dropdown-item a.icon--people-presentation-alt::before,
.dropdown-item a.icon--person-shield::before,
.dropdown-item a.icon--buildings::before,
.dropdown-item a.icon--users-alt-group::before,
.dropdown-item a.icon--certificate-check::before,
.dropdown-item a.icon--logout::before,
.dropdown-item a.icon--logout-alt::before,
.dropdown-item span.icon--rings::before,
.dropdown-item span.icon--connected::before,
.dropdown-item span.icon--people-conversation::before,
.dropdown-item span.icon--people-presentation-alt::before,
.dropdown-item span.icon--person-shield::before,
.dropdown-item span.icon--buildings::before,
.dropdown-item span.icon--users-alt-group::before,
.dropdown-item span.icon--certificate-check::before,
.dropdown-item span.icon--logout::before,
.dropdown-item span.icon--logout-alt::before {
  margin-right: 0.75rem;
  position: relative;
  top: 3px;
}
.nav-item a.icon--rings::before,
.nav-item span.icon--rings::before,
.dropdown-item a.icon--rings::before,
.dropdown-item span.icon--rings::before {
  content: "\e970";
  color: #00725f;
  font-family: "portima-icons";
  font-size: 1.5rem;
  font-weight: "normal";
  width: 1.5rem;
}
.nav-item a.icon--connected::before,
.nav-item span.icon--connected::before,
.dropdown-item a.icon--connected::before,
.dropdown-item span.icon--connected::before {
  content: "\e92e";
  color: #00725f;
  font-family: "portima-icons";
  font-size: 1.5rem;
  font-weight: "normal";
  width: 1.5rem;
}
.nav-item a.icon--people-conversation::before,
.nav-item span.icon--people-conversation::before,
.dropdown-item a.icon--people-conversation::before,
.dropdown-item span.icon--people-conversation::before {
  content: "\e95c";
  color: #00725f;
  font-family: "portima-icons";
  font-size: 1.5rem;
  font-weight: "normal";
  width: 1.5rem;
}
.nav-item a.icon--people-presentation-alt::before,
.nav-item span.icon--people-presentation-alt::before,
.dropdown-item a.icon--people-presentation-alt::before,
.dropdown-item span.icon--people-presentation-alt::before {
  content: "\e95d";
  color: #00725f;
  font-family: "portima-icons";
  font-size: 1.5rem;
  font-weight: "normal";
  width: 1.5rem;
}
.nav-item a.icon--person-shield::before,
.nav-item span.icon--person-shield::before,
.dropdown-item a.icon--person-shield::before,
.dropdown-item span.icon--person-shield::before {
  content: "\e966";
  color: #00725f;
  font-family: "portima-icons";
  font-size: 1.5rem;
  font-weight: "normal";
  width: 1.5rem;
}
.nav-item a.icon--buildings::before,
.nav-item span.icon--buildings::before,
.dropdown-item a.icon--buildings::before,
.dropdown-item span.icon--buildings::before {
  content: "\e911";
  color: #00725f;
  font-family: "portima-icons";
  font-size: 1.5rem;
  font-weight: "normal";
  width: 1.5rem;
}
.nav-item a.icon--users-alt-group::before,
.nav-item span.icon--users-alt-group::before,
.dropdown-item a.icon--users-alt-group::before,
.dropdown-item span.icon--users-alt-group::before {
  content: "\e983";
  color: #00725f;
  font-family: "portima-icons";
  font-size: 1.5rem;
  font-weight: "normal";
  width: 1.5rem;
}
.nav-item a.icon--certificate-check::before,
.nav-item span.icon--certificate-check::before,
.dropdown-item a.icon--certificate-check::before,
.dropdown-item span.icon--certificate-check::before {
  content: "\e913";
  color: #00725f;
  font-family: "portima-icons";
  font-size: 1.5rem;
  font-weight: "normal";
  width: 1.5rem;
}
.nav-item a.icon--logout::before,
.nav-item span.icon--logout::before,
.dropdown-item a.icon--logout::before,
.dropdown-item span.icon--logout::before {
  content: "\e953";
  color: #00725f;
  font-family: "portima-icons";
  font-size: 1.5rem;
  font-weight: "normal";
  width: 1.5rem;
}
.nav-item a.icon--logout-alt::before,
.nav-item span.icon--logout-alt::before,
.dropdown-item a.icon--logout-alt::before,
.dropdown-item span.icon--logout-alt::before {
  content: "\e952";
  color: #00725f;
  font-family: "portima-icons";
  font-size: 1.5rem;
  font-weight: "normal";
  width: 1.5rem;
}

.social--facebook::before {
  content: "\f39e";
  color: #00725f;
  font-family: "Font Awesome 5 Brands";
  font-size: 16px;
  font-weight: 400;
  width: 16px;
}

.social--linkedin::before {
  content: "\f0e1";
  color: #00725f;
  font-family: "Font Awesome 5 Brands";
  font-size: 16px;
  font-weight: 400;
  width: 16px;
}

.social--facebook,
.social--linkedin {
  background: transparent;
  border: 1px solid #ffd17d;
  border-radius: 50%;
  display: inline-block;
  height: 36px;
  overflow: hidden;
  position: relative;
  text-indent: 9999em;
  vertical-align: middle;
  width: 36px;
  white-space: nowrap;
}
.social--facebook::before,
.social--linkedin::before {
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-indent: 0;
  text-align: center;
}
.social--facebook:hover, .social--facebook:focus,
.social--linkedin:hover,
.social--linkedin:focus {
  background: #ffd17d;
}

.link--email,
.link--telephone {
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  font-weight: 700;
  color: #009e80;
}
.link--email::before,
.link--telephone::before {
  width: 30px;
  height: 24px;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  position: relative;
  top: 8px;
  margin-right: 0.75rem;
}
.link--email:hover, .link--email:focus,
.link--telephone:hover,
.link--telephone:focus {
  color: #00725f;
  text-decoration: none;
}

.link--email::before {
  background-image: url("/themes/custom/ocelot_myportima/assets/images/icons/email-v2.svg");
  background-size: contain;
}

.link--telephone::before {
  background-image: url("/themes/custom/ocelot_myportima/assets/images/icons/telephone.svg");
  background-size: 80%;
}

.menu {
  list-style-type: none;
  margin-bottom: 0;
  padding: 0;
}

.shadow,
.shadow-lg {
  background: transparent;
  padding: 1rem;
}
@media (min-width: 768px) {
  .shadow,
.shadow-lg {
    padding: 30px;
  }
}

.shadow {
  box-shadow: 2px 3px 6px rgba(51, 51, 51, 0.15);
}

.shadow-lg {
  box-shadow: 0 24px 34px rgba(12, 0, 51, 0.1);
}

.page-wrapper table {
  border-collapse: collapse;
  border: 0;
  margin-top: 1rem;
  margin-bottom: 2rem;
  max-width: 100%;
  min-width: 100%;
  width: 100%;
}
@media (max-width: 767.98px) {
  .page-wrapper table {
    overflow-x: scroll;
    width: 100% !important;
  }
  .page-wrapper table tbody,
.page-wrapper table thead {
    width: 100%;
  }
}
.page-wrapper table tfoot {
  border-top: 1px solid #d2d7d7;
}
.page-wrapper table th,
.page-wrapper table td {
  border-right: 0;
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  padding: 1rem 1rem 1rem 0;
}
.page-wrapper table th {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
  color: #00725f;
}
.page-wrapper table thead tr th th,
.page-wrapper table thead tr th td,
.page-wrapper table tbody tr:not(:last-child) th,
.page-wrapper table tbody tr:not(:last-child) td {
  border-bottom: 1px solid #d2d7d7;
}

.tag {
  display: inline-block;
  font-weight: 600;
  color: #333;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 6px 0.5rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 26px;
  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;
  padding-bottom: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .tag {
    transition: none;
  }
}

.tag-primary {
  color: #fff;
  background-color: #00725f;
  border-color: #00725f;
}
.tag-primary:hover {
  color: #fff;
  background-color: #004c3f;
  border-color: #003f35;
}
.tag-primary:focus, .tag-primary.focus {
  color: #fff;
  background-color: #004c3f;
  border-color: #003f35;
  box-shadow: 0 0 0 0.2rem rgba(38, 135, 119, 0.5);
}
.tag-primary.disabled, .tag-primary:disabled {
  color: #fff;
  background-color: #00725f;
  border-color: #00725f;
}
.tag-primary:not(:disabled):not(.disabled):active, .tag-primary:not(:disabled):not(.disabled).active, .show > .tag-primary.dropdown-toggle {
  color: #fff;
  background-color: #003f35;
  border-color: #00322a;
}
.tag-primary:not(:disabled):not(.disabled):active:focus, .tag-primary:not(:disabled):not(.disabled).active:focus, .show > .tag-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 135, 119, 0.5);
}

.tag-primary-light {
  color: #fff;
  background-color: #009e80;
  border-color: #009e80;
}
.tag-primary-light:hover {
  color: #fff;
  background-color: #007861;
  border-color: #006b57;
}
.tag-primary-light:focus, .tag-primary-light.focus {
  color: #fff;
  background-color: #007861;
  border-color: #006b57;
  box-shadow: 0 0 0 0.2rem rgba(38, 173, 147, 0.5);
}
.tag-primary-light.disabled, .tag-primary-light:disabled {
  color: #fff;
  background-color: #009e80;
  border-color: #009e80;
}
.tag-primary-light:not(:disabled):not(.disabled):active, .tag-primary-light:not(:disabled):not(.disabled).active, .show > .tag-primary-light.dropdown-toggle {
  color: #fff;
  background-color: #006b57;
  border-color: #005e4c;
}
.tag-primary-light:not(:disabled):not(.disabled):active:focus, .tag-primary-light:not(:disabled):not(.disabled).active:focus, .show > .tag-primary-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 173, 147, 0.5);
}

.tag-primary-dark {
  color: #fff;
  background-color: #005645;
  border-color: #005645;
}
.tag-primary-dark:hover {
  color: #fff;
  background-color: #003026;
  border-color: #00231c;
}
.tag-primary-dark:focus, .tag-primary-dark.focus {
  color: #fff;
  background-color: #003026;
  border-color: #00231c;
  box-shadow: 0 0 0 0.2rem rgba(38, 111, 97, 0.5);
}
.tag-primary-dark.disabled, .tag-primary-dark:disabled {
  color: #fff;
  background-color: #005645;
  border-color: #005645;
}
.tag-primary-dark:not(:disabled):not(.disabled):active, .tag-primary-dark:not(:disabled):not(.disabled).active, .show > .tag-primary-dark.dropdown-toggle {
  color: #fff;
  background-color: #00231c;
  border-color: #001612;
}
.tag-primary-dark:not(:disabled):not(.disabled):active:focus, .tag-primary-dark:not(:disabled):not(.disabled).active:focus, .show > .tag-primary-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 111, 97, 0.5);
}

.tag-secondary {
  color: #212529;
  background-color: #ffd17d;
  border-color: #ffd17d;
}
.tag-secondary:hover {
  color: #212529;
  background-color: #ffc357;
  border-color: #ffbf4a;
}
.tag-secondary:focus, .tag-secondary.focus {
  color: #212529;
  background-color: #ffc357;
  border-color: #ffbf4a;
  box-shadow: 0 0 0 0.2rem rgba(222, 183, 112, 0.5);
}
.tag-secondary.disabled, .tag-secondary:disabled {
  color: #212529;
  background-color: #ffd17d;
  border-color: #ffd17d;
}
.tag-secondary:not(:disabled):not(.disabled):active, .tag-secondary:not(:disabled):not(.disabled).active, .show > .tag-secondary.dropdown-toggle {
  color: #212529;
  background-color: #ffbf4a;
  border-color: #ffba3d;
}
.tag-secondary:not(:disabled):not(.disabled):active:focus, .tag-secondary:not(:disabled):not(.disabled).active:focus, .show > .tag-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 183, 112, 0.5);
}

.tag-secondary-light {
  color: #212529;
  background-color: #fdb530;
  border-color: #fdb530;
}
.tag-secondary-light:hover {
  color: #212529;
  background-color: #fda70a;
  border-color: #f8a102;
}
.tag-secondary-light:focus, .tag-secondary-light.focus {
  color: #212529;
  background-color: #fda70a;
  border-color: #f8a102;
  box-shadow: 0 0 0 0.2rem rgba(220, 159, 47, 0.5);
}
.tag-secondary-light.disabled, .tag-secondary-light:disabled {
  color: #212529;
  background-color: #fdb530;
  border-color: #fdb530;
}
.tag-secondary-light:not(:disabled):not(.disabled):active, .tag-secondary-light:not(:disabled):not(.disabled).active, .show > .tag-secondary-light.dropdown-toggle {
  color: #212529;
  background-color: #f8a102;
  border-color: #eb9902;
}
.tag-secondary-light:not(:disabled):not(.disabled):active:focus, .tag-secondary-light:not(:disabled):not(.disabled).active:focus, .show > .tag-secondary-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 159, 47, 0.5);
}

.tag-secondary-dark {
  color: #212529;
  background-color: #ffc65f;
  border-color: #ffc65f;
}
.tag-secondary-dark:hover {
  color: #212529;
  background-color: #ffb839;
  border-color: #ffb42c;
}
.tag-secondary-dark:focus, .tag-secondary-dark.focus {
  color: #212529;
  background-color: #ffb839;
  border-color: #ffb42c;
  box-shadow: 0 0 0 0.2rem rgba(222, 174, 87, 0.5);
}
.tag-secondary-dark.disabled, .tag-secondary-dark:disabled {
  color: #212529;
  background-color: #ffc65f;
  border-color: #ffc65f;
}
.tag-secondary-dark:not(:disabled):not(.disabled):active, .tag-secondary-dark:not(:disabled):not(.disabled).active, .show > .tag-secondary-dark.dropdown-toggle {
  color: #212529;
  background-color: #ffb42c;
  border-color: #ffaf1f;
}
.tag-secondary-dark:not(:disabled):not(.disabled):active:focus, .tag-secondary-dark:not(:disabled):not(.disabled).active:focus, .show > .tag-secondary-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 174, 87, 0.5);
}

.tag-brio-yellow {
  color: #212529;
  background-color: #fad600;
  border-color: #fad600;
}
.tag-brio-yellow:hover {
  color: #212529;
  background-color: #d4b500;
  border-color: #c7aa00;
}
.tag-brio-yellow:focus, .tag-brio-yellow.focus {
  color: #212529;
  background-color: #d4b500;
  border-color: #c7aa00;
  box-shadow: 0 0 0 0.2rem rgba(217, 187, 6, 0.5);
}
.tag-brio-yellow.disabled, .tag-brio-yellow:disabled {
  color: #212529;
  background-color: #fad600;
  border-color: #fad600;
}
.tag-brio-yellow:not(:disabled):not(.disabled):active, .tag-brio-yellow:not(:disabled):not(.disabled).active, .show > .tag-brio-yellow.dropdown-toggle {
  color: #212529;
  background-color: #c7aa00;
  border-color: #ba9f00;
}
.tag-brio-yellow:not(:disabled):not(.disabled):active:focus, .tag-brio-yellow:not(:disabled):not(.disabled).active:focus, .show > .tag-brio-yellow.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(217, 187, 6, 0.5);
}

.tag-brio-yellow-light {
  color: #212529;
  background-color: #fdf7cb;
  border-color: #fdf7cb;
}
.tag-brio-yellow-light:hover {
  color: #212529;
  background-color: #fcf1a6;
  border-color: #fbef9a;
}
.tag-brio-yellow-light:focus, .tag-brio-yellow-light.focus {
  color: #212529;
  background-color: #fcf1a6;
  border-color: #fbef9a;
  box-shadow: 0 0 0 0.2rem rgba(220, 216, 179, 0.5);
}
.tag-brio-yellow-light.disabled, .tag-brio-yellow-light:disabled {
  color: #212529;
  background-color: #fdf7cb;
  border-color: #fdf7cb;
}
.tag-brio-yellow-light:not(:disabled):not(.disabled):active, .tag-brio-yellow-light:not(:disabled):not(.disabled).active, .show > .tag-brio-yellow-light.dropdown-toggle {
  color: #212529;
  background-color: #fbef9a;
  border-color: #fbee8e;
}
.tag-brio-yellow-light:not(:disabled):not(.disabled):active:focus, .tag-brio-yellow-light:not(:disabled):not(.disabled).active:focus, .show > .tag-brio-yellow-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 216, 179, 0.5);
}

.tag-brio-orange {
  color: #212529;
  background-color: #fa965a;
  border-color: #fa965a;
}
.tag-brio-orange:hover {
  color: #212529;
  background-color: #f97e35;
  border-color: #f97729;
}
.tag-brio-orange:focus, .tag-brio-orange.focus {
  color: #212529;
  background-color: #f97e35;
  border-color: #f97729;
  box-shadow: 0 0 0 0.2rem rgba(217, 133, 83, 0.5);
}
.tag-brio-orange.disabled, .tag-brio-orange:disabled {
  color: #212529;
  background-color: #fa965a;
  border-color: #fa965a;
}
.tag-brio-orange:not(:disabled):not(.disabled):active, .tag-brio-orange:not(:disabled):not(.disabled).active, .show > .tag-brio-orange.dropdown-toggle {
  color: #fff;
  background-color: #f97729;
  border-color: #f86f1c;
}
.tag-brio-orange:not(:disabled):not(.disabled):active:focus, .tag-brio-orange:not(:disabled):not(.disabled).active:focus, .show > .tag-brio-orange.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(217, 133, 83, 0.5);
}

.tag-brio-green {
  color: #fff;
  background-color: #009996;
  border-color: #009996;
}
.tag-brio-green:hover {
  color: #fff;
  background-color: #007371;
  border-color: #006664;
}
.tag-brio-green:focus, .tag-brio-green.focus {
  color: #fff;
  background-color: #007371;
  border-color: #006664;
  box-shadow: 0 0 0 0.2rem rgba(38, 168, 166, 0.5);
}
.tag-brio-green.disabled, .tag-brio-green:disabled {
  color: #fff;
  background-color: #009996;
  border-color: #009996;
}
.tag-brio-green:not(:disabled):not(.disabled):active, .tag-brio-green:not(:disabled):not(.disabled).active, .show > .tag-brio-green.dropdown-toggle {
  color: #fff;
  background-color: #006664;
  border-color: #005958;
}
.tag-brio-green:not(:disabled):not(.disabled):active:focus, .tag-brio-green:not(:disabled):not(.disabled).active:focus, .show > .tag-brio-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 168, 166, 0.5);
}

.tag-brio-cyan {
  color: #212529;
  background-color: #82e6d7;
  border-color: #82e6d7;
}
.tag-brio-cyan:hover {
  color: #212529;
  background-color: #62e0cd;
  border-color: #58dec9;
}
.tag-brio-cyan:focus, .tag-brio-cyan.focus {
  color: #212529;
  background-color: #62e0cd;
  border-color: #58dec9;
  box-shadow: 0 0 0 0.2rem rgba(115, 201, 189, 0.5);
}
.tag-brio-cyan.disabled, .tag-brio-cyan:disabled {
  color: #212529;
  background-color: #82e6d7;
  border-color: #82e6d7;
}
.tag-brio-cyan:not(:disabled):not(.disabled):active, .tag-brio-cyan:not(:disabled):not(.disabled).active, .show > .tag-brio-cyan.dropdown-toggle {
  color: #212529;
  background-color: #58dec9;
  border-color: #4ddbc6;
}
.tag-brio-cyan:not(:disabled):not(.disabled):active:focus, .tag-brio-cyan:not(:disabled):not(.disabled).active:focus, .show > .tag-brio-cyan.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(115, 201, 189, 0.5);
}

.tag-brio-cyan-light {
  color: #212529;
  background-color: #e0fdf7;
  border-color: #e0fdf7;
}
.tag-brio-cyan-light:hover {
  color: #212529;
  background-color: #bcfbee;
  border-color: #b0faeb;
}
.tag-brio-cyan-light:focus, .tag-brio-cyan-light.focus {
  color: #212529;
  background-color: #bcfbee;
  border-color: #b0faeb;
  box-shadow: 0 0 0 0.2rem rgba(195, 221, 216, 0.5);
}
.tag-brio-cyan-light.disabled, .tag-brio-cyan-light:disabled {
  color: #212529;
  background-color: #e0fdf7;
  border-color: #e0fdf7;
}
.tag-brio-cyan-light:not(:disabled):not(.disabled):active, .tag-brio-cyan-light:not(:disabled):not(.disabled).active, .show > .tag-brio-cyan-light.dropdown-toggle {
  color: #212529;
  background-color: #b0faeb;
  border-color: #a4f9e8;
}
.tag-brio-cyan-light:not(:disabled):not(.disabled):active:focus, .tag-brio-cyan-light:not(:disabled):not(.disabled).active:focus, .show > .tag-brio-cyan-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(195, 221, 216, 0.5);
}

.tag-brio-blue-gray {
  color: #fff;
  background-color: #445173;
  border-color: #445173;
}
.tag-brio-blue-gray:hover {
  color: #fff;
  background-color: #36405b;
  border-color: #313a53;
}
.tag-brio-blue-gray:focus, .tag-brio-blue-gray.focus {
  color: #fff;
  background-color: #36405b;
  border-color: #313a53;
  box-shadow: 0 0 0 0.2rem rgba(96, 107, 136, 0.5);
}
.tag-brio-blue-gray.disabled, .tag-brio-blue-gray:disabled {
  color: #fff;
  background-color: #445173;
  border-color: #445173;
}
.tag-brio-blue-gray:not(:disabled):not(.disabled):active, .tag-brio-blue-gray:not(:disabled):not(.disabled).active, .show > .tag-brio-blue-gray.dropdown-toggle {
  color: #fff;
  background-color: #313a53;
  border-color: #2c354b;
}
.tag-brio-blue-gray:not(:disabled):not(.disabled):active:focus, .tag-brio-blue-gray:not(:disabled):not(.disabled).active:focus, .show > .tag-brio-blue-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(96, 107, 136, 0.5);
}

.tag-blue-light {
  color: #212529;
  background-color: #eef2f2;
  border-color: #eef2f2;
}
.tag-blue-light:hover {
  color: #212529;
  background-color: #d8e1e1;
  border-color: #d1dcdc;
}
.tag-blue-light:focus, .tag-blue-light.focus {
  color: #212529;
  background-color: #d8e1e1;
  border-color: #d1dcdc;
  box-shadow: 0 0 0 0.2rem rgba(207, 211, 212, 0.5);
}
.tag-blue-light.disabled, .tag-blue-light:disabled {
  color: #212529;
  background-color: #eef2f2;
  border-color: #eef2f2;
}
.tag-blue-light:not(:disabled):not(.disabled):active, .tag-blue-light:not(:disabled):not(.disabled).active, .show > .tag-blue-light.dropdown-toggle {
  color: #212529;
  background-color: #d1dcdc;
  border-color: #cad6d6;
}
.tag-blue-light:not(:disabled):not(.disabled):active:focus, .tag-blue-light:not(:disabled):not(.disabled).active:focus, .show > .tag-blue-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(207, 211, 212, 0.5);
}

.tag-success {
  color: #fff;
  background-color: #009e80;
  border-color: #009e80;
}
.tag-success:hover {
  color: #fff;
  background-color: #007861;
  border-color: #006b57;
}
.tag-success:focus, .tag-success.focus {
  color: #fff;
  background-color: #007861;
  border-color: #006b57;
  box-shadow: 0 0 0 0.2rem rgba(38, 173, 147, 0.5);
}
.tag-success.disabled, .tag-success:disabled {
  color: #fff;
  background-color: #009e80;
  border-color: #009e80;
}
.tag-success:not(:disabled):not(.disabled):active, .tag-success:not(:disabled):not(.disabled).active, .show > .tag-success.dropdown-toggle {
  color: #fff;
  background-color: #006b57;
  border-color: #005e4c;
}
.tag-success:not(:disabled):not(.disabled):active:focus, .tag-success:not(:disabled):not(.disabled).active:focus, .show > .tag-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 173, 147, 0.5);
}

.tag-info {
  color: #fff;
  background-color: #1a65be;
  border-color: #1a65be;
}
.tag-info:hover {
  color: #fff;
  background-color: #15539c;
  border-color: #144d91;
}
.tag-info:focus, .tag-info.focus {
  color: #fff;
  background-color: #15539c;
  border-color: #144d91;
  box-shadow: 0 0 0 0.2rem rgba(60, 124, 200, 0.5);
}
.tag-info.disabled, .tag-info:disabled {
  color: #fff;
  background-color: #1a65be;
  border-color: #1a65be;
}
.tag-info:not(:disabled):not(.disabled):active, .tag-info:not(:disabled):not(.disabled).active, .show > .tag-info.dropdown-toggle {
  color: #fff;
  background-color: #144d91;
  border-color: #124786;
}
.tag-info:not(:disabled):not(.disabled):active:focus, .tag-info:not(:disabled):not(.disabled).active:focus, .show > .tag-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(60, 124, 200, 0.5);
}

.tag-warning {
  color: #fff;
  background-color: #e87a43;
  border-color: #e87a43;
}
.tag-warning:hover {
  color: #fff;
  background-color: #e46221;
  border-color: #dd5c1b;
}
.tag-warning:focus, .tag-warning.focus {
  color: #fff;
  background-color: #e46221;
  border-color: #dd5c1b;
  box-shadow: 0 0 0 0.2rem rgba(235, 142, 95, 0.5);
}
.tag-warning.disabled, .tag-warning:disabled {
  color: #fff;
  background-color: #e87a43;
  border-color: #e87a43;
}
.tag-warning:not(:disabled):not(.disabled):active, .tag-warning:not(:disabled):not(.disabled).active, .show > .tag-warning.dropdown-toggle {
  color: #fff;
  background-color: #dd5c1b;
  border-color: #d2571a;
}
.tag-warning:not(:disabled):not(.disabled):active:focus, .tag-warning:not(:disabled):not(.disabled).active:focus, .show > .tag-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(235, 142, 95, 0.5);
}

.tag-danger {
  color: #fff;
  background-color: #be1a33;
  border-color: #be1a33;
}
.tag-danger:hover {
  color: #fff;
  background-color: #9c152a;
  border-color: #911427;
}
.tag-danger:focus, .tag-danger.focus {
  color: #fff;
  background-color: #9c152a;
  border-color: #911427;
  box-shadow: 0 0 0 0.2rem rgba(200, 60, 82, 0.5);
}
.tag-danger.disabled, .tag-danger:disabled {
  color: #fff;
  background-color: #be1a33;
  border-color: #be1a33;
}
.tag-danger:not(:disabled):not(.disabled):active, .tag-danger:not(:disabled):not(.disabled).active, .show > .tag-danger.dropdown-toggle {
  color: #fff;
  background-color: #911427;
  border-color: #861224;
}
.tag-danger:not(:disabled):not(.disabled):active:focus, .tag-danger:not(:disabled):not(.disabled).active:focus, .show > .tag-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(200, 60, 82, 0.5);
}

.tag-error {
  color: #fff;
  background-color: #be1a33;
  border-color: #be1a33;
}
.tag-error:hover {
  color: #fff;
  background-color: #9c152a;
  border-color: #911427;
}
.tag-error:focus, .tag-error.focus {
  color: #fff;
  background-color: #9c152a;
  border-color: #911427;
  box-shadow: 0 0 0 0.2rem rgba(200, 60, 82, 0.5);
}
.tag-error.disabled, .tag-error:disabled {
  color: #fff;
  background-color: #be1a33;
  border-color: #be1a33;
}
.tag-error:not(:disabled):not(.disabled):active, .tag-error:not(:disabled):not(.disabled).active, .show > .tag-error.dropdown-toggle {
  color: #fff;
  background-color: #911427;
  border-color: #861224;
}
.tag-error:not(:disabled):not(.disabled):active:focus, .tag-error:not(:disabled):not(.disabled).active:focus, .show > .tag-error.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(200, 60, 82, 0.5);
}

.tag-extralight {
  color: #212529;
  background-color: #f4f5f5;
  border-color: #f4f5f5;
}
.tag-extralight:hover {
  color: #212529;
  background-color: #e0e3e3;
  border-color: #d9dddd;
}
.tag-extralight:focus, .tag-extralight.focus {
  color: #212529;
  background-color: #e0e3e3;
  border-color: #d9dddd;
  box-shadow: 0 0 0 0.2rem rgba(212, 214, 214, 0.5);
}
.tag-extralight.disabled, .tag-extralight:disabled {
  color: #212529;
  background-color: #f4f5f5;
  border-color: #f4f5f5;
}
.tag-extralight:not(:disabled):not(.disabled):active, .tag-extralight:not(:disabled):not(.disabled).active, .show > .tag-extralight.dropdown-toggle {
  color: #212529;
  background-color: #d9dddd;
  border-color: #d3d7d7;
}
.tag-extralight:not(:disabled):not(.disabled):active:focus, .tag-extralight:not(:disabled):not(.disabled).active:focus, .show > .tag-extralight.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(212, 214, 214, 0.5);
}

.tag-light {
  color: #212529;
  background-color: #d2d7d7;
  border-color: #d2d7d7;
}
.tag-light:hover {
  color: #212529;
  background-color: #bec5c5;
  border-color: #b7bfbf;
}
.tag-light:focus, .tag-light.focus {
  color: #212529;
  background-color: #bec5c5;
  border-color: #b7bfbf;
  box-shadow: 0 0 0 0.2rem rgba(183, 188, 189, 0.5);
}
.tag-light.disabled, .tag-light:disabled {
  color: #212529;
  background-color: #d2d7d7;
  border-color: #d2d7d7;
}
.tag-light:not(:disabled):not(.disabled):active, .tag-light:not(:disabled):not(.disabled).active, .show > .tag-light.dropdown-toggle {
  color: #212529;
  background-color: #b7bfbf;
  border-color: #b0b9b9;
}
.tag-light:not(:disabled):not(.disabled):active:focus, .tag-light:not(:disabled):not(.disabled).active:focus, .show > .tag-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(183, 188, 189, 0.5);
}

.tag-dark {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
.tag-dark:hover {
  color: #fff;
  background-color: #202020;
  border-color: #1a1a1a;
}
.tag-dark:focus, .tag-dark.focus {
  color: #fff;
  background-color: #202020;
  border-color: #1a1a1a;
  box-shadow: 0 0 0 0.2rem rgba(82, 82, 82, 0.5);
}
.tag-dark.disabled, .tag-dark:disabled {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
.tag-dark:not(:disabled):not(.disabled):active, .tag-dark:not(:disabled):not(.disabled).active, .show > .tag-dark.dropdown-toggle {
  color: #fff;
  background-color: #1a1a1a;
  border-color: #131313;
}
.tag-dark:not(:disabled):not(.disabled):active:focus, .tag-dark:not(:disabled):not(.disabled).active:focus, .show > .tag-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 82, 82, 0.5);
}

.tag-outline-primary {
  color: #00725f;
  border-color: #00725f;
}
.tag-outline-primary:hover {
  color: #fff;
  background-color: #00725f;
  border-color: #00725f;
}
.tag-outline-primary:focus, .tag-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 114, 95, 0.5);
}
.tag-outline-primary.disabled, .tag-outline-primary:disabled {
  color: #00725f;
  background-color: transparent;
}
.tag-outline-primary:not(:disabled):not(.disabled):active, .tag-outline-primary:not(:disabled):not(.disabled).active, .show > .tag-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #00725f;
  border-color: #00725f;
}
.tag-outline-primary:not(:disabled):not(.disabled):active:focus, .tag-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .tag-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 114, 95, 0.5);
}

.tag-outline-primary-light {
  color: #009e80;
  border-color: #009e80;
}
.tag-outline-primary-light:hover {
  color: #fff;
  background-color: #009e80;
  border-color: #009e80;
}
.tag-outline-primary-light:focus, .tag-outline-primary-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 158, 128, 0.5);
}
.tag-outline-primary-light.disabled, .tag-outline-primary-light:disabled {
  color: #009e80;
  background-color: transparent;
}
.tag-outline-primary-light:not(:disabled):not(.disabled):active, .tag-outline-primary-light:not(:disabled):not(.disabled).active, .show > .tag-outline-primary-light.dropdown-toggle {
  color: #fff;
  background-color: #009e80;
  border-color: #009e80;
}
.tag-outline-primary-light:not(:disabled):not(.disabled):active:focus, .tag-outline-primary-light:not(:disabled):not(.disabled).active:focus, .show > .tag-outline-primary-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 158, 128, 0.5);
}

.tag-outline-primary-dark {
  color: #005645;
  border-color: #005645;
}
.tag-outline-primary-dark:hover {
  color: #fff;
  background-color: #005645;
  border-color: #005645;
}
.tag-outline-primary-dark:focus, .tag-outline-primary-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 86, 69, 0.5);
}
.tag-outline-primary-dark.disabled, .tag-outline-primary-dark:disabled {
  color: #005645;
  background-color: transparent;
}
.tag-outline-primary-dark:not(:disabled):not(.disabled):active, .tag-outline-primary-dark:not(:disabled):not(.disabled).active, .show > .tag-outline-primary-dark.dropdown-toggle {
  color: #fff;
  background-color: #005645;
  border-color: #005645;
}
.tag-outline-primary-dark:not(:disabled):not(.disabled):active:focus, .tag-outline-primary-dark:not(:disabled):not(.disabled).active:focus, .show > .tag-outline-primary-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 86, 69, 0.5);
}

.tag-outline-secondary {
  color: #ffd17d;
  border-color: #ffd17d;
}
.tag-outline-secondary:hover {
  color: #212529;
  background-color: #ffd17d;
  border-color: #ffd17d;
}
.tag-outline-secondary:focus, .tag-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 209, 125, 0.5);
}
.tag-outline-secondary.disabled, .tag-outline-secondary:disabled {
  color: #ffd17d;
  background-color: transparent;
}
.tag-outline-secondary:not(:disabled):not(.disabled):active, .tag-outline-secondary:not(:disabled):not(.disabled).active, .show > .tag-outline-secondary.dropdown-toggle {
  color: #212529;
  background-color: #ffd17d;
  border-color: #ffd17d;
}
.tag-outline-secondary:not(:disabled):not(.disabled):active:focus, .tag-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .tag-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 209, 125, 0.5);
}

.tag-outline-secondary-light {
  color: #fdb530;
  border-color: #fdb530;
}
.tag-outline-secondary-light:hover {
  color: #212529;
  background-color: #fdb530;
  border-color: #fdb530;
}
.tag-outline-secondary-light:focus, .tag-outline-secondary-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(253, 181, 48, 0.5);
}
.tag-outline-secondary-light.disabled, .tag-outline-secondary-light:disabled {
  color: #fdb530;
  background-color: transparent;
}
.tag-outline-secondary-light:not(:disabled):not(.disabled):active, .tag-outline-secondary-light:not(:disabled):not(.disabled).active, .show > .tag-outline-secondary-light.dropdown-toggle {
  color: #212529;
  background-color: #fdb530;
  border-color: #fdb530;
}
.tag-outline-secondary-light:not(:disabled):not(.disabled):active:focus, .tag-outline-secondary-light:not(:disabled):not(.disabled).active:focus, .show > .tag-outline-secondary-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(253, 181, 48, 0.5);
}

.tag-outline-secondary-dark {
  color: #ffc65f;
  border-color: #ffc65f;
}
.tag-outline-secondary-dark:hover {
  color: #212529;
  background-color: #ffc65f;
  border-color: #ffc65f;
}
.tag-outline-secondary-dark:focus, .tag-outline-secondary-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 198, 95, 0.5);
}
.tag-outline-secondary-dark.disabled, .tag-outline-secondary-dark:disabled {
  color: #ffc65f;
  background-color: transparent;
}
.tag-outline-secondary-dark:not(:disabled):not(.disabled):active, .tag-outline-secondary-dark:not(:disabled):not(.disabled).active, .show > .tag-outline-secondary-dark.dropdown-toggle {
  color: #212529;
  background-color: #ffc65f;
  border-color: #ffc65f;
}
.tag-outline-secondary-dark:not(:disabled):not(.disabled):active:focus, .tag-outline-secondary-dark:not(:disabled):not(.disabled).active:focus, .show > .tag-outline-secondary-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 198, 95, 0.5);
}

.tag-outline-brio-yellow {
  color: #fad600;
  border-color: #fad600;
}
.tag-outline-brio-yellow:hover {
  color: #212529;
  background-color: #fad600;
  border-color: #fad600;
}
.tag-outline-brio-yellow:focus, .tag-outline-brio-yellow.focus {
  box-shadow: 0 0 0 0.2rem rgba(250, 214, 0, 0.5);
}
.tag-outline-brio-yellow.disabled, .tag-outline-brio-yellow:disabled {
  color: #fad600;
  background-color: transparent;
}
.tag-outline-brio-yellow:not(:disabled):not(.disabled):active, .tag-outline-brio-yellow:not(:disabled):not(.disabled).active, .show > .tag-outline-brio-yellow.dropdown-toggle {
  color: #212529;
  background-color: #fad600;
  border-color: #fad600;
}
.tag-outline-brio-yellow:not(:disabled):not(.disabled):active:focus, .tag-outline-brio-yellow:not(:disabled):not(.disabled).active:focus, .show > .tag-outline-brio-yellow.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(250, 214, 0, 0.5);
}

.tag-outline-brio-yellow-light {
  color: #fdf7cb;
  border-color: #fdf7cb;
}
.tag-outline-brio-yellow-light:hover {
  color: #212529;
  background-color: #fdf7cb;
  border-color: #fdf7cb;
}
.tag-outline-brio-yellow-light:focus, .tag-outline-brio-yellow-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(253, 247, 203, 0.5);
}
.tag-outline-brio-yellow-light.disabled, .tag-outline-brio-yellow-light:disabled {
  color: #fdf7cb;
  background-color: transparent;
}
.tag-outline-brio-yellow-light:not(:disabled):not(.disabled):active, .tag-outline-brio-yellow-light:not(:disabled):not(.disabled).active, .show > .tag-outline-brio-yellow-light.dropdown-toggle {
  color: #212529;
  background-color: #fdf7cb;
  border-color: #fdf7cb;
}
.tag-outline-brio-yellow-light:not(:disabled):not(.disabled):active:focus, .tag-outline-brio-yellow-light:not(:disabled):not(.disabled).active:focus, .show > .tag-outline-brio-yellow-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(253, 247, 203, 0.5);
}

.tag-outline-brio-orange {
  color: #fa965a;
  border-color: #fa965a;
}
.tag-outline-brio-orange:hover {
  color: #212529;
  background-color: #fa965a;
  border-color: #fa965a;
}
.tag-outline-brio-orange:focus, .tag-outline-brio-orange.focus {
  box-shadow: 0 0 0 0.2rem rgba(250, 150, 90, 0.5);
}
.tag-outline-brio-orange.disabled, .tag-outline-brio-orange:disabled {
  color: #fa965a;
  background-color: transparent;
}
.tag-outline-brio-orange:not(:disabled):not(.disabled):active, .tag-outline-brio-orange:not(:disabled):not(.disabled).active, .show > .tag-outline-brio-orange.dropdown-toggle {
  color: #212529;
  background-color: #fa965a;
  border-color: #fa965a;
}
.tag-outline-brio-orange:not(:disabled):not(.disabled):active:focus, .tag-outline-brio-orange:not(:disabled):not(.disabled).active:focus, .show > .tag-outline-brio-orange.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(250, 150, 90, 0.5);
}

.tag-outline-brio-green {
  color: #009996;
  border-color: #009996;
}
.tag-outline-brio-green:hover {
  color: #fff;
  background-color: #009996;
  border-color: #009996;
}
.tag-outline-brio-green:focus, .tag-outline-brio-green.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 153, 150, 0.5);
}
.tag-outline-brio-green.disabled, .tag-outline-brio-green:disabled {
  color: #009996;
  background-color: transparent;
}
.tag-outline-brio-green:not(:disabled):not(.disabled):active, .tag-outline-brio-green:not(:disabled):not(.disabled).active, .show > .tag-outline-brio-green.dropdown-toggle {
  color: #fff;
  background-color: #009996;
  border-color: #009996;
}
.tag-outline-brio-green:not(:disabled):not(.disabled):active:focus, .tag-outline-brio-green:not(:disabled):not(.disabled).active:focus, .show > .tag-outline-brio-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 153, 150, 0.5);
}

.tag-outline-brio-cyan {
  color: #82e6d7;
  border-color: #82e6d7;
}
.tag-outline-brio-cyan:hover {
  color: #212529;
  background-color: #82e6d7;
  border-color: #82e6d7;
}
.tag-outline-brio-cyan:focus, .tag-outline-brio-cyan.focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 230, 215, 0.5);
}
.tag-outline-brio-cyan.disabled, .tag-outline-brio-cyan:disabled {
  color: #82e6d7;
  background-color: transparent;
}
.tag-outline-brio-cyan:not(:disabled):not(.disabled):active, .tag-outline-brio-cyan:not(:disabled):not(.disabled).active, .show > .tag-outline-brio-cyan.dropdown-toggle {
  color: #212529;
  background-color: #82e6d7;
  border-color: #82e6d7;
}
.tag-outline-brio-cyan:not(:disabled):not(.disabled):active:focus, .tag-outline-brio-cyan:not(:disabled):not(.disabled).active:focus, .show > .tag-outline-brio-cyan.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 230, 215, 0.5);
}

.tag-outline-brio-cyan-light {
  color: #e0fdf7;
  border-color: #e0fdf7;
}
.tag-outline-brio-cyan-light:hover {
  color: #212529;
  background-color: #e0fdf7;
  border-color: #e0fdf7;
}
.tag-outline-brio-cyan-light:focus, .tag-outline-brio-cyan-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(224, 253, 247, 0.5);
}
.tag-outline-brio-cyan-light.disabled, .tag-outline-brio-cyan-light:disabled {
  color: #e0fdf7;
  background-color: transparent;
}
.tag-outline-brio-cyan-light:not(:disabled):not(.disabled):active, .tag-outline-brio-cyan-light:not(:disabled):not(.disabled).active, .show > .tag-outline-brio-cyan-light.dropdown-toggle {
  color: #212529;
  background-color: #e0fdf7;
  border-color: #e0fdf7;
}
.tag-outline-brio-cyan-light:not(:disabled):not(.disabled):active:focus, .tag-outline-brio-cyan-light:not(:disabled):not(.disabled).active:focus, .show > .tag-outline-brio-cyan-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(224, 253, 247, 0.5);
}

.tag-outline-brio-blue-gray {
  color: #445173;
  border-color: #445173;
}
.tag-outline-brio-blue-gray:hover {
  color: #fff;
  background-color: #445173;
  border-color: #445173;
}
.tag-outline-brio-blue-gray:focus, .tag-outline-brio-blue-gray.focus {
  box-shadow: 0 0 0 0.2rem rgba(68, 81, 115, 0.5);
}
.tag-outline-brio-blue-gray.disabled, .tag-outline-brio-blue-gray:disabled {
  color: #445173;
  background-color: transparent;
}
.tag-outline-brio-blue-gray:not(:disabled):not(.disabled):active, .tag-outline-brio-blue-gray:not(:disabled):not(.disabled).active, .show > .tag-outline-brio-blue-gray.dropdown-toggle {
  color: #fff;
  background-color: #445173;
  border-color: #445173;
}
.tag-outline-brio-blue-gray:not(:disabled):not(.disabled):active:focus, .tag-outline-brio-blue-gray:not(:disabled):not(.disabled).active:focus, .show > .tag-outline-brio-blue-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(68, 81, 115, 0.5);
}

.tag-outline-blue-light {
  color: #eef2f2;
  border-color: #eef2f2;
}
.tag-outline-blue-light:hover {
  color: #212529;
  background-color: #eef2f2;
  border-color: #eef2f2;
}
.tag-outline-blue-light:focus, .tag-outline-blue-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(238, 242, 242, 0.5);
}
.tag-outline-blue-light.disabled, .tag-outline-blue-light:disabled {
  color: #eef2f2;
  background-color: transparent;
}
.tag-outline-blue-light:not(:disabled):not(.disabled):active, .tag-outline-blue-light:not(:disabled):not(.disabled).active, .show > .tag-outline-blue-light.dropdown-toggle {
  color: #212529;
  background-color: #eef2f2;
  border-color: #eef2f2;
}
.tag-outline-blue-light:not(:disabled):not(.disabled):active:focus, .tag-outline-blue-light:not(:disabled):not(.disabled).active:focus, .show > .tag-outline-blue-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(238, 242, 242, 0.5);
}

.tag-outline-success {
  color: #009e80;
  border-color: #009e80;
}
.tag-outline-success:hover {
  color: #fff;
  background-color: #009e80;
  border-color: #009e80;
}
.tag-outline-success:focus, .tag-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 158, 128, 0.5);
}
.tag-outline-success.disabled, .tag-outline-success:disabled {
  color: #009e80;
  background-color: transparent;
}
.tag-outline-success:not(:disabled):not(.disabled):active, .tag-outline-success:not(:disabled):not(.disabled).active, .show > .tag-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #009e80;
  border-color: #009e80;
}
.tag-outline-success:not(:disabled):not(.disabled):active:focus, .tag-outline-success:not(:disabled):not(.disabled).active:focus, .show > .tag-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 158, 128, 0.5);
}

.tag-outline-info {
  color: #1a65be;
  border-color: #1a65be;
}
.tag-outline-info:hover {
  color: #fff;
  background-color: #1a65be;
  border-color: #1a65be;
}
.tag-outline-info:focus, .tag-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(26, 101, 190, 0.5);
}
.tag-outline-info.disabled, .tag-outline-info:disabled {
  color: #1a65be;
  background-color: transparent;
}
.tag-outline-info:not(:disabled):not(.disabled):active, .tag-outline-info:not(:disabled):not(.disabled).active, .show > .tag-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #1a65be;
  border-color: #1a65be;
}
.tag-outline-info:not(:disabled):not(.disabled):active:focus, .tag-outline-info:not(:disabled):not(.disabled).active:focus, .show > .tag-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(26, 101, 190, 0.5);
}

.tag-outline-warning {
  color: #e87a43;
  border-color: #e87a43;
}
.tag-outline-warning:hover {
  color: #fff;
  background-color: #e87a43;
  border-color: #e87a43;
}
.tag-outline-warning:focus, .tag-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(232, 122, 67, 0.5);
}
.tag-outline-warning.disabled, .tag-outline-warning:disabled {
  color: #e87a43;
  background-color: transparent;
}
.tag-outline-warning:not(:disabled):not(.disabled):active, .tag-outline-warning:not(:disabled):not(.disabled).active, .show > .tag-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #e87a43;
  border-color: #e87a43;
}
.tag-outline-warning:not(:disabled):not(.disabled):active:focus, .tag-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .tag-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(232, 122, 67, 0.5);
}

.tag-outline-danger {
  color: #be1a33;
  border-color: #be1a33;
}
.tag-outline-danger:hover {
  color: #fff;
  background-color: #be1a33;
  border-color: #be1a33;
}
.tag-outline-danger:focus, .tag-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(190, 26, 51, 0.5);
}
.tag-outline-danger.disabled, .tag-outline-danger:disabled {
  color: #be1a33;
  background-color: transparent;
}
.tag-outline-danger:not(:disabled):not(.disabled):active, .tag-outline-danger:not(:disabled):not(.disabled).active, .show > .tag-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #be1a33;
  border-color: #be1a33;
}
.tag-outline-danger:not(:disabled):not(.disabled):active:focus, .tag-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .tag-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(190, 26, 51, 0.5);
}

.tag-outline-error {
  color: #be1a33;
  border-color: #be1a33;
}
.tag-outline-error:hover {
  color: #fff;
  background-color: #be1a33;
  border-color: #be1a33;
}
.tag-outline-error:focus, .tag-outline-error.focus {
  box-shadow: 0 0 0 0.2rem rgba(190, 26, 51, 0.5);
}
.tag-outline-error.disabled, .tag-outline-error:disabled {
  color: #be1a33;
  background-color: transparent;
}
.tag-outline-error:not(:disabled):not(.disabled):active, .tag-outline-error:not(:disabled):not(.disabled).active, .show > .tag-outline-error.dropdown-toggle {
  color: #fff;
  background-color: #be1a33;
  border-color: #be1a33;
}
.tag-outline-error:not(:disabled):not(.disabled):active:focus, .tag-outline-error:not(:disabled):not(.disabled).active:focus, .show > .tag-outline-error.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(190, 26, 51, 0.5);
}

.tag-outline-extralight {
  color: #f4f5f5;
  border-color: #f4f5f5;
}
.tag-outline-extralight:hover {
  color: #212529;
  background-color: #f4f5f5;
  border-color: #f4f5f5;
}
.tag-outline-extralight:focus, .tag-outline-extralight.focus {
  box-shadow: 0 0 0 0.2rem rgba(244, 245, 245, 0.5);
}
.tag-outline-extralight.disabled, .tag-outline-extralight:disabled {
  color: #f4f5f5;
  background-color: transparent;
}
.tag-outline-extralight:not(:disabled):not(.disabled):active, .tag-outline-extralight:not(:disabled):not(.disabled).active, .show > .tag-outline-extralight.dropdown-toggle {
  color: #212529;
  background-color: #f4f5f5;
  border-color: #f4f5f5;
}
.tag-outline-extralight:not(:disabled):not(.disabled):active:focus, .tag-outline-extralight:not(:disabled):not(.disabled).active:focus, .show > .tag-outline-extralight.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(244, 245, 245, 0.5);
}

.tag-outline-light {
  color: #d2d7d7;
  border-color: #d2d7d7;
}
.tag-outline-light:hover {
  color: #212529;
  background-color: #d2d7d7;
  border-color: #d2d7d7;
}
.tag-outline-light:focus, .tag-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(210, 215, 215, 0.5);
}
.tag-outline-light.disabled, .tag-outline-light:disabled {
  color: #d2d7d7;
  background-color: transparent;
}
.tag-outline-light:not(:disabled):not(.disabled):active, .tag-outline-light:not(:disabled):not(.disabled).active, .show > .tag-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #d2d7d7;
  border-color: #d2d7d7;
}
.tag-outline-light:not(:disabled):not(.disabled):active:focus, .tag-outline-light:not(:disabled):not(.disabled).active:focus, .show > .tag-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(210, 215, 215, 0.5);
}

.tag-outline-dark {
  color: #333;
  border-color: #333;
}
.tag-outline-dark:hover {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
.tag-outline-dark:focus, .tag-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5);
}
.tag-outline-dark.disabled, .tag-outline-dark:disabled {
  color: #333;
  background-color: transparent;
}
.tag-outline-dark:not(:disabled):not(.disabled):active, .tag-outline-dark:not(:disabled):not(.disabled).active, .show > .tag-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
.tag-outline-dark:not(:disabled):not(.disabled):active:focus, .tag-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .tag-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5);
}

.tag-lg {
  padding: 1.125rem 2.25rem;
  font-size: 1.375rem;
  line-height: 1.3;
  border-radius: 30px;
}

.tag-sm {
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 20px;
}

.tag-xs {
  padding: 5px 0.5rem;
  font-size: 0.8125rem;
  line-height: 1;
  border-radius: 20px;
}

.tag-block {
  display: block;
  width: 100%;
}
.tag-block + .tag-block {
  margin-top: 0.5rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
  text-decoration: none;
}
h1.line-r,
h2.line-r,
h3.line-r,
h4.line-r,
h5.line-r,
h6.line-r {
  border-top: 1px solid #eff2f3;
  padding-top: 45px;
}
@media (min-width: 768px) {
  h1.line-r,
h2.line-r,
h3.line-r,
h4.line-r,
h5.line-r,
h6.line-r {
    border-top: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    text-align: left;
    width: 100%;
  }
  h1.line-r::after,
h2.line-r::after,
h3.line-r::after,
h4.line-r::after,
h5.line-r::after,
h6.line-r::after {
    content: "";
    border-top: 1px solid #d2d7d7;
    margin: 0 0 0 1rem;
    flex: 1 0 auto;
  }
}
@media (min-width: 992px) {
  h1.line-r::after,
h2.line-r::after,
h3.line-r::after,
h4.line-r::after,
h5.line-r::after,
h6.line-r::after {
    margin: 0 0 0 30px;
  }
}
h1 strong,
h1 b,
h2 strong,
h2 b,
h3 strong,
h3 b,
h4 strong,
h4 b,
h5 strong,
h5 b,
h6 strong,
h6 b {
  font-weight: 800;
}

h1 {
  font-size: 2.188rem;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  h1 {
    font-size: 3rem;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  h1 {
    font-size: 3.75rem;
    margin-bottom: 45px;
  }
}

h2 {
  font-size: 2rem;
}
@media (min-width: 768px) {
  h2 {
    font-size: 2.75rem;
    margin-bottom: 30px;
  }
}

h3 {
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  h3 {
    font-size: 2.125rem;
    margin-bottom: 24px;
  }
}

h3,
h4,
h5 {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
}

h4 {
  font-size: 1rem;
  font-weight: 300;
}
@media (min-width: 768px) {
  h4 {
    font-size: 1.25rem;
  }
}

h5,
h6 {
  color: #000;
  text-transform: uppercase;
}

h5 {
  font-size: 1rem;
}
@media (min-width: 768px) {
  h5 {
    font-size: 1rem;
  }
}

h6 {
  font-family: "Nexa-Light", "Nunito", sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
}

p {
  font-size: 15px;
}
@media (min-width: 768px) {
  p {
    font-size: 1rem;
  }
}
p strong,
p b {
  font-weight: 700;
}

hr {
  border-color: #f4f5f5;
  border-style: solid;
}

.page-wrapper a {
  font-weight: 400;
  transition: all 0.2s ease-in-out;
}
.page-wrapper .local-tasks-list a {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
}

.wysiwyg .media,
.cke_editable .media {
  margin-bottom: 2rem;
}
.wysiwyg .align-left,
.cke_editable .align-left {
  margin-right: 3rem;
}
.wysiwyg .align-right,
.cke_editable .align-right {
  margin-left: 3rem;
}
.wysiwyg .media--image,
.cke_editable .media--image {
  overflow: visible;
}
.wysiwyg img,
.cke_editable img {
  box-shadow: 0 0 15px 3px #eff2f3;
}
@media (min-width: 768px) {
  .wysiwyg p,
.wysiwyg ul,
.wysiwyg ol,
.cke_editable p,
.cke_editable ul,
.cke_editable ol {
    font-size: 1.125rem;
  }
}
.wysiwyg strong,
.cke_editable strong {
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  font-weight: 700;
}
.wysiwyg .lead, .wysiwyg .introduction p, .introduction .wysiwyg p,
.cke_editable .lead,
.cke_editable .introduction p,
.introduction .cke_editable p {
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  .wysiwyg .lead, .wysiwyg .introduction p, .introduction .wysiwyg p,
.cke_editable .lead,
.cke_editable .introduction p,
.introduction .cke_editable p {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
@media (min-width: 768px) {
  .wysiwyg .font-size-lg,
.cke_editable .font-size-lg {
    font-size: 1.125rem;
  }
}
.wysiwyg .highlight--yellow,
.cke_editable .highlight--yellow {
  background-color: #ffd17d;
}
.wysiwyg p + h2,
.wysiwyg p + h3,
.wysiwyg p + h4,
.wysiwyg p + h5,
.wysiwyg p + h6,
.cke_editable p + h2,
.cke_editable p + h3,
.cke_editable p + h4,
.cke_editable p + h5,
.cke_editable p + h6 {
  margin-top: 42px;
}
@media (max-width: 767.98px) {
  .wysiwyg .btn + .btn,
.cke_editable .btn + .btn {
    margin-top: 1rem;
  }
}
.wysiwyg ul:not(.contextual-links),
.wysiwyg ol,
.cke_editable ul:not(.contextual-links),
.cke_editable ol {
  line-height: 1.6;
  margin-bottom: 24px;
  padding: 0;
}
.wysiwyg ul:not(.contextual-links) ol,
.wysiwyg ul:not(.contextual-links) ul,
.wysiwyg ol ol,
.wysiwyg ol ul,
.cke_editable ul:not(.contextual-links) ol,
.cke_editable ul:not(.contextual-links) ul,
.cke_editable ol ol,
.cke_editable ol ul {
  margin: 0.5rem 0;
}
.wysiwyg ul:not(.contextual-links) li ul:not(.contextual-links),
.wysiwyg ol li ul:not(.contextual-links),
.cke_editable ul:not(.contextual-links) li ul:not(.contextual-links),
.cke_editable ol li ul:not(.contextual-links) {
  padding-left: 1rem;
}
.wysiwyg ul:not(.contextual-links) li ul:not(.contextual-links) li,
.wysiwyg ol li ul:not(.contextual-links) li,
.cke_editable ul:not(.contextual-links) li ul:not(.contextual-links) li,
.cke_editable ol li ul:not(.contextual-links) li {
  padding-left: 24px;
}
.wysiwyg ul:not(.contextual-links) li ul:not(.contextual-links) li::before,
.wysiwyg ol li ul:not(.contextual-links) li::before,
.cke_editable ul:not(.contextual-links) li ul:not(.contextual-links) li::before,
.cke_editable ol li ul:not(.contextual-links) li::before {
  background-color: #ffc65f;
  height: 8px;
  width: 8px;
}
.wysiwyg ul:not(.contextual-links) li ol,
.wysiwyg ol li ol,
.cke_editable ul:not(.contextual-links) li ol,
.cke_editable ol li ol {
  margin-left: 1rem;
}
.wysiwyg ul:not(.contextual-links):not(.menu--social),
.cke_editable ul:not(.contextual-links):not(.menu--social) {
  list-style-type: none;
}
.wysiwyg ul:not(.contextual-links):not(.menu--social) li,
.cke_editable ul:not(.contextual-links):not(.menu--social) li {
  margin-bottom: 0.5rem;
  padding-left: 28px;
  position: relative;
}
.wysiwyg ul:not(.contextual-links):not(.menu--social) li::before,
.cke_editable ul:not(.contextual-links):not(.menu--social) li::before {
  background-color: #ffd17d;
  border-radius: 50%;
  display: block;
  content: "";
  height: 10px;
  position: absolute;
  top: 5px;
  left: 0;
  width: 10px;
}
@media (min-width: 768px) {
  .wysiwyg ul:not(.contextual-links):not(.menu--social) li::before,
.cke_editable ul:not(.contextual-links):not(.menu--social) li::before {
    top: 8px;
  }
}
.wysiwyg ul:not(.contextual-links):not(.menu--social).checkmarks li::before,
.wysiwyg ul:not(.contextual-links):not(.menu--social) li.checkmarks::before,
.cke_editable ul:not(.contextual-links):not(.menu--social).checkmarks li::before,
.cke_editable ul:not(.contextual-links):not(.menu--social) li.checkmarks::before {
  content: "\f00c";
  color: #009e80;
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 300;
  width: 1rem;
  background: transparent;
  height: 20px;
  top: -2px;
}
@media (min-width: 768px) {
  .wysiwyg ul:not(.contextual-links):not(.menu--social).checkmarks li::before,
.wysiwyg ul:not(.contextual-links):not(.menu--social) li.checkmarks::before,
.cke_editable ul:not(.contextual-links):not(.menu--social).checkmarks li::before,
.cke_editable ul:not(.contextual-links):not(.menu--social) li.checkmarks::before {
    top: 0;
  }
}
.wysiwyg ul:not(.contextual-links):not(.menu--social).plusmarks li::before,
.wysiwyg ul:not(.contextual-links):not(.menu--social) li.plusmarks::before,
.cke_editable ul:not(.contextual-links):not(.menu--social).plusmarks li::before,
.cke_editable ul:not(.contextual-links):not(.menu--social) li.plusmarks::before {
  content: "\f067";
  color: #005645;
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  font-weight: 300;
  width: 12px;
  background: #eff2f3;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  line-height: 1;
  top: 0;
  width: 20px;
}
@media (min-width: 768px) {
  .wysiwyg ul:not(.contextual-links):not(.menu--social).plusmarks li::before,
.wysiwyg ul:not(.contextual-links):not(.menu--social) li.plusmarks::before,
.cke_editable ul:not(.contextual-links):not(.menu--social).plusmarks li::before,
.cke_editable ul:not(.contextual-links):not(.menu--social) li.plusmarks::before {
    top: 2px;
  }
}
.wysiwyg ol,
.cke_editable ol {
  counter-reset: counter-new;
  list-style: none;
  padding-left: 1.5rem;
}
.wysiwyg ol li,
.cke_editable ol li {
  counter-increment: counter-new;
}
.wysiwyg ol li::before,
.cke_editable ol li::before {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
  content: counter(counter-new) ". ";
  color: #009e80;
}
.wysiwyg *:last-child,
.cke_editable *:last-child {
  margin-bottom: 0;
}

.paragraph--type--columns-two-equal .wysiwyg .text-align-right,
.paragraph--type--columns-two-asym-left .wysiwyg .text-align-right,
.paragraph--type--columns-two-asym-right .wysiwyg .text-align-right,
.paragraph--type--columns-three-equal .wysiwyg .text-align-right,
.paragraph--type--columns-four-equal .wysiwyg .text-align-right {
  text-align: left;
}
@media (min-width: 768px) {
  .paragraph--type--columns-two-equal .wysiwyg .text-align-right,
.paragraph--type--columns-two-asym-left .wysiwyg .text-align-right,
.paragraph--type--columns-two-asym-right .wysiwyg .text-align-right,
.paragraph--type--columns-three-equal .wysiwyg .text-align-right,
.paragraph--type--columns-four-equal .wysiwyg .text-align-right {
    text-align: right;
  }
}

body {
  padding-top: 119px !important;
}
body.toolbar-horizontal {
  padding-top: 173px !important;
}
body.toolbar-tray-open {
  padding-top: 198px !important;
}

.header-wrapper {
  background: #fff;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 501;
}
.toolbar-horizontal .header-wrapper {
  top: 54px;
}
.toolbar-tray-open .header-wrapper {
  top: 79px;
}

.header {
  z-index: 10;
  position: relative;
  border-bottom: 1px solid #eff2f3;
  padding-top: 0;
  padding-bottom: 0;
}
.header .header__top > .container {
  display: flex;
  justify-content: space-between;
}
.header .header__top .header__top-navigation {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
}
.header .header__navigation {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 991.98px) {
  .navbar-collapse {
    background: linear-gradient(to bottom right, #009e80, #00725f);
    padding: 75px 45px 30px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
  }
  .navbar-collapse.show {
    height: 100vh;
    overflow: hidden;
  }
  .user-logged-in .navbar-collapse {
    top: 54px;
  }
}
.block-menu-blockservices {
  margin-left: auto;
}

.gin--horizontal-toolbar #toolbar-administration {
  z-index: 502;
}

.region--tools {
  position: sticky;
  top: 100px;
  z-index: 1070;
}

.page__banner {
  margin-bottom: 45px;
}
@media (min-width: 768px) {
  .page__banner {
    margin-bottom: 90px;
  }
}

.region-wrapper--content {
  position: relative;
  overflow: hidden;
  padding: 30px 0;
}
.region-wrapper--content::before {
  background: url("/themes/custom/ocelot_myportima/assets/images/brio-demo-ring-2.svg") bottom left no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 200px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  width: 200px;
  z-index: -1;
}
.region-wrapper--content::after {
  background: url("/themes/custom/ocelot_myportima/assets/images/brio-demo-ring-1.svg") bottom left no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 75px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  left: auto;
  right: 10px;
  top: 0;
  width: 200px;
  z-index: -1;
}
@media (min-width: 768px) {
  .region-wrapper--content::before {
    opacity: 1;
  }
  .region-wrapper--content::after {
    right: 12.5%;
  }
}
@media (min-width: 992px) {
  .region-wrapper--content::after {
    right: 27%;
  }
}
.region-wrapper--content > * {
  position: relative;
  z-index: 1;
}
.region-wrapper--content > *:first-child {
  z-index: 2;
}

.region--content {
  position: relative;
}

.block-page-title-block {
  max-width: 65%;
}
.block-page-title-block h1 {
  line-height: 1;
}

.maintenance-page .header {
  margin-bottom: 15px;
  border-bottom: 3px solid #f4f5f5;
}
@media (min-width: 768px) {
  .maintenance-page .header {
    margin-bottom: 30px;
  }
}
.maintenance-page main {
  font-size: 1.125rem;
}

.region-wrapper--doormat {
  background: linear-gradient(to bottom right, #009e80, #00725f);
  color: #fff;
  padding-top: 30px;
  position: relative;
}
.region-wrapper--doormat::before {
  background: url("/themes/custom/ocelot_myportima/assets/images/watermark-green.svg") top right no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 310px;
  opacity: 0.25;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 360px;
  z-index: -1;
}
.region-wrapper--doormat .img-fluid {
  max-width: 150px;
}
.region-wrapper--doormat .region--doormat-left {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  margin-top: 30px;
  margin-bottom: 30px;
  padding-bottom: 14px;
}
.region-wrapper--doormat .region--doormat-left p {
  font-size: 0.875rem;
  line-height: 1.6;
}
.region-wrapper--doormat .region--doormat-left p a {
  color: #fff;
}
.region-wrapper--doormat .region--doormat-left .social--facebook,
.region-wrapper--doormat .region--doormat-left .social--linkedin {
  border: 1px solid #fff;
}
.region-wrapper--doormat .region--doormat-left .social--facebook::before,
.region-wrapper--doormat .region--doormat-left .social--linkedin::before {
  color: #fff;
}
.region-wrapper--doormat .region--doormat-left .social--facebook:hover, .region-wrapper--doormat .region--doormat-left .social--facebook:focus,
.region-wrapper--doormat .region--doormat-left .social--linkedin:hover,
.region-wrapper--doormat .region--doormat-left .social--linkedin:focus {
  background: #fff;
}
.region-wrapper--doormat .region--doormat-left .social--facebook:hover::before, .region-wrapper--doormat .region--doormat-left .social--facebook:focus::before,
.region-wrapper--doormat .region--doormat-left .social--linkedin:hover::before,
.region-wrapper--doormat .region--doormat-left .social--linkedin:focus::before {
  color: #009e80;
}
.region-wrapper--doormat .region--doormat-right {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .region-wrapper--doormat {
    padding-top: 45px;
    padding-bottom: 0.5rem;
  }
  .region-wrapper--doormat .region--doormat-left {
    border-bottom: none;
    margin-top: 45px;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .region-wrapper--doormat .region--doormat-right {
    padding-top: 1rem;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  .region-wrapper--doormat {
    padding-top: 60px;
    padding-bottom: 30px;
  }
  .region-wrapper--doormat::before {
    height: 326px;
    right: 10vw;
    width: 546px;
  }
  .region-wrapper--doormat .img-fluid {
    max-width: 200px;
  }
}

.region-wrapper--doormat-bottom {
  background-color: #f4f5f5;
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
}
@media (min-width: 768px) {
  .region-wrapper--doormat-bottom {
    padding-top: 34px;
    padding-bottom: 34px;
  }
}

.path-studio-brio .region--breadcrumb > .container,
.page-node-type-tutorial .region--breadcrumb > .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.path-studio-brio .region--breadcrumb .studio-brio__search,
.page-node-type-tutorial .region--breadcrumb .studio-brio__search {
  flex: 0 0 360px;
  margin: 0.5rem 0 0.5rem 30px;
  max-width: 360px;
  width: 360px;
}
.path-studio-brio .region--breadcrumb .studio-brio__search .form-item,
.page-node-type-tutorial .region--breadcrumb .studio-brio__search .form-item {
  margin-bottom: 0;
}
.path-studio-brio .region--breadcrumb .studio-brio__search .form-item .form-control,
.page-node-type-tutorial .region--breadcrumb .studio-brio__search .form-item .form-control {
  background-position: left 18px center;
  background-size: 1rem;
  font-size: 0.875rem;
  height: auto;
  padding: 0.5rem 18px 0.5rem 45px;
}
.path-studio-brio .region--breadcrumb .studio-brio__search .form-item ::-webkit-input-placeholder,
.page-node-type-tutorial .region--breadcrumb .studio-brio__search .form-item ::-webkit-input-placeholder {
  font-size: 0.875rem;
}
.path-studio-brio .region--breadcrumb .studio-brio__search .form-item ::-moz-placeholder,
.page-node-type-tutorial .region--breadcrumb .studio-brio__search .form-item ::-moz-placeholder {
  font-size: 0.875rem;
}
.path-studio-brio .region--breadcrumb .studio-brio__search .form-item :-ms-input-placeholder,
.page-node-type-tutorial .region--breadcrumb .studio-brio__search .form-item :-ms-input-placeholder {
  font-size: 0.875rem;
}
.path-studio-brio .region--breadcrumb .studio-brio__search .form-item :-moz-placeholder,
.page-node-type-tutorial .region--breadcrumb .studio-brio__search .form-item :-moz-placeholder {
  font-size: 0.875rem;
}

.node--blog-article--full .date {
  margin-top: 45px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .node--blog-article--full .date {
    margin-top: 60px;
  }
}
@media (min-width: 768px) {
  .node--blog-article--full .date {
    margin-bottom: 30px;
  }
}
.node--blog-article--full .page-title {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .node--blog-article--full .page-title {
    margin-bottom: 30px;
  }
}
.node--blog-article--full .badge--category {
  margin-right: 12px;
}
.node--blog-article--full .lead, .node--blog-article--full .introduction p, .introduction .node--blog-article--full p {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .node--blog-article--full .lead, .node--blog-article--full .introduction p, .introduction .node--blog-article--full p {
    margin-top: 45px;
  }
}
@media (min-width: 768px) {
  .node--blog-article--full .lead, .node--blog-article--full .introduction p, .introduction .node--blog-article--full p {
    margin-bottom: 60px;
  }
}
.node--blog-article--full .blog__cover_image {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .node--blog-article--full .blog__cover_image {
    margin-bottom: 75px;
  }
}
.node--blog-article--full .ausy-social-media-sharing {
  margin-bottom: 45px;
  margin-top: 45px;
}
@media (min-width: 768px) {
  .node--blog-article--full .ausy-social-media-sharing {
    margin-bottom: 75px;
  }
}
@media (min-width: 768px) {
  .node--blog-article--full .ausy-social-media-sharing {
    margin-top: 75px;
  }
}

.page-node-type-blog-article main {
  overflow-x: hidden;
  position: relative;
}
.page-node-type-blog-article main::before {
  background: url("/themes/custom/ocelot_myportima/assets/images/watermark-green-dark.svg") bottom right no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 280px;
  opacity: 0.05;
  overflow: hidden;
  position: absolute;
  right: -1rem;
  top: 0;
  width: 300px;
}
.page-node-type-blog-article main .blog-articles--related {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .page-node-type-blog-article main .blog-articles--related {
    margin-bottom: 45px;
  }
}
.page-node-type-blog-article main .blog-articles--related h3 {
  border-top: 1px solid #d2d7d7;
  margin-bottom: 30px;
  padding-top: 45px;
}
@media (min-width: 768px) {
  .page-node-type-blog-article main .blog-articles--related h3 {
    margin-bottom: 45px;
    padding-top: 75px;
  }
}
@media (min-width: 768px) {
  .page-node-type-blog-article main::before {
    height: 460px;
    right: -2rem;
    width: 500px;
  }
}
@media (min-width: 992px) {
  .page-node-type-blog-article main::before {
    height: 830px;
    right: -5rem;
    width: 900px;
  }
}

.view-blog.view-display-id-overview_block .views-row {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .view-blog.view-display-id-overview_block .views-row {
    margin-bottom: 60px;
  }
}
.background--dark-gray .view-blog.view-display-id-overview_block .views-row--first .card__link:hover ~ .card-body .card__cta > a, .background--primary .view-blog.view-display-id-overview_block .views-row--first .card__link:hover ~ .card-body .card__cta > a, .background--secondary .view-blog.view-display-id-overview_block .views-row--first .card__link:hover ~ .card-body .card__cta > a, .background--dark-gray .view-blog.view-display-id-overview_block .views-row--first .card__link:focus ~ .card-body .card__cta > a, .background--primary .view-blog.view-display-id-overview_block .views-row--first .card__link:focus ~ .card-body .card__cta > a, .background--secondary .view-blog.view-display-id-overview_block .views-row--first .card__link:focus ~ .card-body .card__cta > a {
  background-color: transparent;
}
@media (min-width: 768px) {
  .view-blog.view-display-id-overview_block .views-row--first .card {
    flex-direction: row;
    align-items: center;
  }
  .view-blog.view-display-id-overview_block .views-row--first .card__image, .view-blog.view-display-id-overview_block .views-row--first .card__text {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .view-blog.view-display-id-overview_block .views-row--first .card__image {
    margin-bottom: 0;
    padding-right: 0.5rem;
  }
  .view-blog.view-display-id-overview_block .views-row--first .card__image .card__cta {
    width: calc(100% - 8px);
  }
  .view-blog.view-display-id-overview_block .views-row--first .card__image .media--image {
    border-radius: 2px;
    overflow: hidden;
  }
  .view-blog.view-display-id-overview_block .views-row--first .card__text {
    padding-left: 45px;
  }
}
.view-blog.view-display-id-recent_articles_block .views-row {
  padding-bottom: 10px;
}
.view-blog.view-display-id-recent_articles_block .views-row:not(:last-child) {
  border-bottom: 1px solid #d2d7d7;
  margin-bottom: 15px;
}

.blog-articles--homepage .block-content--left {
  margin-bottom: 15px;
}
.blog-articles--homepage .block-content--right .cta-view-all-articles {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .blog-articles--homepage .block-content--left,
.blog-articles--homepage .block-content--right {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .blog-articles--homepage .block-content--left {
    margin-bottom: 0;
  }
  .blog-articles--homepage .block-content--right {
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .blog-articles--homepage .block-content--right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 30px;
  }
}

.node--blog-article--teaser-homepage {
  position: relative;
}
.node--blog-article--teaser-homepage .card--blog .card__meta {
  color: #696969;
}
.node--blog-article--teaser-homepage .card--blog .blog__categories::after {
  content: "|";
  display: inline-block;
  color: #696969;
  margin-left: 0.25rem;
}
.node--blog-article--teaser-homepage .card--blog .blog__date {
  margin-left: 0.25rem;
}
.node--blog-article--teaser-homepage .card--blog .card__title {
  font-size: 1.25rem;
  margin-bottom: 0;
}

.view-faq.view-display-id-overview_block .views-row {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .view-faq.view-display-id-overview_block .views-row {
    margin-bottom: 60px;
  }
}
.view-faq .accordion + h2 {
  padding-top: 30px;
}

.node--testimonial--full .testimonial__image,
.node--testimonial--full .page-title,
.node--testimonial--full .testimonial__categories {
  text-align: center;
}
.node--testimonial--full .testimonial__image picture {
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  margin: 30px auto 15px;
}
@media (min-width: 768px) {
  .node--testimonial--full .testimonial__image picture {
    margin: 30px auto;
  }
}
.node--testimonial--full .page-title {
  margin-bottom: 0.5rem;
}
.node--testimonial--full .testimonial__categories,
.node--testimonial--full .testimonial__quote,
.node--testimonial--full .testimonial__video {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .node--testimonial--full .testimonial__categories,
.node--testimonial--full .testimonial__quote,
.node--testimonial--full .testimonial__video {
    margin-bottom: 60px;
  }
}
.node--testimonial--full .testimonial__quote p {
  color: #696969;
  font-family: "Nexa-LightItalic", "Nunito", sans-serif;
  font-style: italic;
  font-size: 1.25rem;
  line-height: 1.4;
}
.node--testimonial--full .testimonial__quote cite {
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  font-style: normal;
  font-weight: 700;
}
.node--testimonial--full .testimonial__context {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .node--testimonial--full .testimonial__context {
    margin-bottom: 90px;
  }
}

.view-testimonials .views-exposed-form {
  margin-bottom: 30px;
  max-width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .view-testimonials .views-exposed-form {
    margin-bottom: 75px;
  }
}
@media (min-width: 768px) {
  .view-testimonials .views-exposed-form {
    display: flex;
    align-items: flex-start;
  }
}
.view-testimonials .views-exposed-form .form-group {
  margin-bottom: 0;
  position: relative;
}
.view-testimonials .views-exposed-form .form-group legend {
  margin: 0;
}
.view-testimonials .views-exposed-form .form-group .fieldset-legend {
  display: none;
}
.view-testimonials .views-exposed-form > .form-actions {
  margin-bottom: 1rem;
}
.view-testimonials .views-exposed-form > .form-actions .btn {
  background-color: #ffd17d;
  color: #005645;
  font-size: 0.8125rem;
  justify-content: center;
  min-height: 30px;
  padding: 7px 1rem;
  width: 100%;
}
.view-testimonials .views-exposed-form > .form-actions .btn:hover {
  background-color: #ffc65f;
}
.view-testimonials .views-exposed-form > .form-actions .btn:focus, .view-testimonials .views-exposed-form > .form-actions .btn:active {
  background-color: #fdb530;
  box-shadow: 0 0 0 4px rgba(255, 198, 95, 0.5);
}
@media (min-width: 576px) {
  .view-testimonials .views-exposed-form > .form-actions .btn {
    margin-right: 15px;
    width: auto;
  }
}
.view-testimonials .views-exposed-form .form-checkboxes ul,
.view-testimonials .views-exposed-form .form-radios ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
.view-testimonials .views-exposed-form .form-checkboxes ul li,
.view-testimonials .views-exposed-form .form-radios ul li {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 576px) {
  .view-testimonials .views-exposed-form .form-checkboxes,
.view-testimonials .views-exposed-form .form-radios {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .view-testimonials .views-exposed-form .form-checkboxes .form-checkboxes,
.view-testimonials .views-exposed-form .form-checkboxes .form-radios,
.view-testimonials .views-exposed-form .form-radios .form-checkboxes,
.view-testimonials .views-exposed-form .form-radios .form-radios {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.view-testimonials .views-exposed-form .form-checkboxes .bef-toggle,
.view-testimonials .views-exposed-form .form-radios .bef-toggle {
  display: inline-block;
  padding: 0.5rem 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 576px) {
  .view-testimonials .views-exposed-form .form-checkboxes .bef-toggle,
.view-testimonials .views-exposed-form .form-radios .bef-toggle {
    margin-bottom: 0.5rem;
    min-width: 120px;
    padding: 0.75rem 0 0.75rem 1.5rem;
    position: relative;
    right: auto;
    top: auto;
    text-align: right;
  }
}
@media (min-width: 576px) {
  .view-testimonials .views-exposed-form .form-checkboxes .form-item,
.view-testimonials .views-exposed-form .form-radios .form-item {
    margin-right: 15px;
  }
}
.view-testimonials .views-exposed-form .form-checkboxes .form-item .option,
.view-testimonials .views-exposed-form .form-radios .form-item .option {
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #ffd17d;
  border-radius: 1rem;
  color: #005645;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  line-height: 1.1;
  margin-bottom: 0;
  padding: 7px 1rem;
  transition: all 0.2s ease-in-out;
}
.view-testimonials .views-exposed-form .form-checkboxes .form-item .option::before, .view-testimonials .views-exposed-form .form-checkboxes .form-item .option::after,
.view-testimonials .views-exposed-form .form-radios .form-item .option::before,
.view-testimonials .views-exposed-form .form-radios .form-item .option::after {
  display: none;
}
.view-testimonials .views-exposed-form .form-checkboxes .form-item .option .badge--category-count,
.view-testimonials .views-exposed-form .form-radios .form-item .option .badge--category-count {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
  margin-left: 10px;
}
.view-testimonials .views-exposed-form .form-checkboxes .form-item input:checked ~ .option,
.view-testimonials .views-exposed-form .form-radios .form-item input:checked ~ .option {
  background-color: #ffd17d;
}
.view-testimonials .views-exposed-form .form-checkboxes .form-item input:hover ~ .option,
.view-testimonials .views-exposed-form .form-radios .form-item input:hover ~ .option {
  background-color: #ffd17d;
}
.view-testimonials .testimonials-overview__list .views-row {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .view-testimonials .testimonials-overview__list .views-row {
    margin-bottom: 60px;
  }
}
.view-testimonials .testimonials-overview__list .views-row .node--testimonial {
  border-bottom: 1px solid #d2d7d7;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .view-testimonials .testimonials-overview__list .views-row .node--testimonial {
    height: 100%;
    padding-bottom: 45px;
  }
  .view-testimonials .testimonials-overview__list .views-row .node--testimonial .card--testimonial {
    height: 100%;
  }
}

.paragraph--type--homepage-testimonials .homepage-testimonials__intro {
  padding-bottom: 30px;
}
.paragraph--type--homepage-testimonials .homepage-testimonials__intro .heading {
  margin-bottom: 20px;
}
.paragraph--type--homepage-testimonials .homepage-testimonials__intro .field--type--link {
  margin: 20px 0 0;
}
.paragraph--type--homepage-testimonials .homepage-testimonials__intro .field--type--link a {
  display: inline-block;
  font-weight: 600;
  position: relative;
  text-decoration: none;
}
.paragraph--type--homepage-testimonials .homepage-testimonials__intro .field--type--link a::after {
  content: "\f101";
  color: #00725f;
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 400;
  width: 1rem;
  margin-left: 0.5rem;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s ease-in-out;
}
.paragraph--type--homepage-testimonials .homepage-testimonials__intro .field--type--link a:hover::after, .paragraph--type--homepage-testimonials .homepage-testimonials__intro .field--type--link a:focus::after {
  margin-left: 0.75rem;
}
.background--primary .paragraph--type--homepage-testimonials .homepage-testimonials__intro .field--type--link a::after, .background--secondary .paragraph--type--homepage-testimonials .homepage-testimonials__intro .field--type--link a::after {
  color: #fff;
}
.background--dark-gray .paragraph--type--homepage-testimonials .homepage-testimonials__intro .field--type--link a::after {
  color: #ffd17d;
}
@media (min-width: 1230px) {
  .paragraph--type--homepage-testimonials .homepage-testimonials__intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 580px;
    padding: 120px 45px 120px 0;
  }
}
@media (min-width: 768px) {
  .paragraph--type--homepage-testimonials .field--field-p-testimonials .items {
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
    width: 100%;
  }
  .paragraph--type--homepage-testimonials .field--field-p-testimonials .items .column__odd,
.paragraph--type--homepage-testimonials .field--field-p-testimonials .items .column__even {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .paragraph--type--homepage-testimonials .field--field-p-testimonials .items .column__odd {
    padding-right: 22px;
  }
  .paragraph--type--homepage-testimonials .field--field-p-testimonials .items .column__even {
    margin-top: -45px;
    padding-left: 22px;
  }
}
@media (min-width: 1230px) {
  .paragraph--type--homepage-testimonials .field--field-p-testimonials .items {
    padding-top: 0;
    position: absolute;
    right: 0;
    top: -20px;
    z-index: 1;
  }
  .paragraph--type--homepage-testimonials .field--field-p-testimonials .items .column__even {
    margin-top: -120px;
  }
}
.paragraph--type--homepage-testimonials .field--field-p-testimonials .item {
  margin-bottom: 15px;
  padding-top: 30px;
}
.paragraph--type--homepage-testimonials .card--testimonial {
  box-shadow: 0 24px 34px rgba(12, 0, 51, 0.1);
  padding: 30px;
}

.app.view-mode--teaser {
  margin-bottom: 30px;
  padding: 1rem;
  border: 1px solid #eff2f3;
}
@media (min-width: 768px) {
  .app.view-mode--teaser {
    margin-bottom: 30px;
  }
}

.release__highlights {
  margin-bottom: 30px;
  padding: 1rem;
  background-color: #f4f5f5;
}
@media (min-width: 768px) {
  .release__highlights {
    margin-bottom: 30px;
  }
}
.release.view-mode--full.node--unpublished .node--unpublished--wrapper {
  background-color: rgba(250, 214, 0, 0.1);
  padding: 1rem;
}
.release.view-mode--teaser {
  padding: 1rem;
  border: 1px solid #eff2f3;
}
.release.view-mode--teaser.node--unpublished {
  background-color: rgba(250, 214, 0, 0.1);
}

.release-note {
  padding: 1rem;
  border: 1px solid #eff2f3;
  margin-bottom: 2rem;
}
.release-note__title {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
}
.release-note__text .keyword {
  font-weight: 700;
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  border-bottom: 3px solid #fad600;
}
.release-note.paragraph--view-mode--full.release-note--unpublished {
  background-color: rgba(250, 214, 0, 0.1);
}

.app-categories {
  -moz-column-count: 2;
  column-count: 2;
}
@media (min-width: 768px) {
  .app-categories {
    -moz-column-count: 4;
    column-count: 4;
  }
}
.app-categories .app-category {
  margin-bottom: 0.5rem;
  padding-left: 28px;
  position: relative;
}
.app-categories .app-category::before {
  background-color: #ffd17d;
  border-radius: 50%;
  display: block;
  content: "";
  height: 10px;
  position: absolute;
  top: 5px;
  left: 0;
  width: 10px;
}
@media (min-width: 768px) {
  .app-categories .app-category::before {
    top: 4px;
  }
}
.app-categories .app-category.level--2 {
  margin-left: 28px;
}
.app-categories .app-category.level--3 {
  margin-left: 56px;
}

.search-bar-wrapper {
  position: relative;
}

.block-views-exposed-filter-blockapp-release-note-search-page-1 {
  z-index: 10;
}
.block-views-exposed-filter-blockapp-release-note-search-page-1 form {
  display: flex;
  flex-wrap: nowrap;
}
.block-views-exposed-filter-blockapp-release-note-search-page-1 .form-item-keyword {
  margin-bottom: 0;
}
.block-views-exposed-filter-blockapp-release-note-search-page-1 .form-item-keyword label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.block-views-exposed-filter-blockapp-release-note-search-page-1 .form-item-keyword input {
  padding-right: 44px;
}
.block-views-exposed-filter-blockapp-release-note-search-page-1 .form-item-keyword input.form-autocomplete {
  background-image: none;
}
.block-views-exposed-filter-blockapp-release-note-search-page-1 .form-actions {
  position: absolute;
  right: 14px;
  top: 10px;
}
.block-views-exposed-filter-blockapp-release-note-search-page-1 .form-actions::before {
  content: "\f002";
  color: #00725f;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.125rem;
  font-weight: 400;
  width: 1.125rem;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-indent: 0;
}
.block-views-exposed-filter-blockapp-release-note-search-page-1 .form-actions .btn {
  background: transparent;
  height: 30px;
  margin-bottom: 0;
  overflow: hidden;
  padding: 0;
  text-indent: 110%;
  width: 30px;
  border: none;
}
.block-views-exposed-filter-blockapp-release-note-search-page-1 .form-actions .btn:focus {
  background-color: transparent;
}

@media (min-width: 768px) {
  .block-views-exposed-filter-blockapp-release-note-search-page-1 {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.studio-brio .studio-brio__homepage__top-section {
  margin-top: 1.5rem;
  padding: 3rem 4rem;
  position: relative;
}
.studio-brio .studio-brio__homepage__top-section::after {
  background-image: url("../images/icons-studio/studio-brio-image.svg");
  background-repeat: no-repeat;
  background-size: 558px 308px;
  content: "";
  display: block;
  height: 308px;
  position: absolute;
  right: 2rem;
  top: -2.5rem;
  width: 558px;
}
.studio-brio .studio-brio__homepage__top-section .top-section__title {
  color: #333;
  font-size: 2.5rem;
  margin-bottom: 2.5rem;
}
.studio-brio .studio-brio__homepage__top-section .top-section__search {
  margin-bottom: 3rem;
}
.studio-brio .paragraph--type--columns-three-equal .col-md-8 .ab__field-wrapper,
.studio-brio .paragraph--type--columns-three-equal .col-md-8 .children,
.studio-brio .paragraph--type--columns-three-equal .col-md-8 .ab__widget,
.studio-brio .paragraph--type--columns-three-equal .col-md-8 .paragraph--type--block,
.studio-brio .paragraph--type--columns-three-equal .col-md-8 .block {
  height: 100%;
}

.node--tutorial .tutorial__expert .expert-image__wrapper {
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(51, 51, 51, 0.15);
  overflow: hidden;
}
.node--tutorial .tutorial__level .taxonomy-term {
  position: unset;
}
.node--tutorial .tutorial__level .meta-item__icon::before {
  background-image: url("/themes/custom/ocelot_myportima/assets/images/icons-studio/icon-studio-level-1.svg");
  background-repeat: no-repeat;
  background-size: 22px;
  content: "";
  display: block;
  height: 1.25rem;
  width: 1.25rem;
}
.node--tutorial .tutorial__level .meta-item__icon.icon--level-2::before {
  background-image: url("/themes/custom/ocelot_myportima/assets/images/icons-studio/icon-studio-level-2.svg");
}
.node--tutorial .tutorial__level .meta-item__icon.icon--level-3::before {
  background-image: url("/themes/custom/ocelot_myportima/assets/images/icons-studio/icon-studio-level-3.svg");
}
.node--tutorial--full {
  padding-top: 15px;
}
.node--tutorial--full .tutorial__type .btn {
  font-weight: 700;
}
.node--tutorial--full .tutorial__page-title h1 {
  font-size: 2.5rem;
}
.node--tutorial--full .tutorial__page-title + .dropdown .dropdown-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.node--tutorial--full .tutorial__page-title + .dropdown .dropdown-toggle::after {
  background-image: url("/themes/custom/ocelot_myportima/assets/images/icons-studio/icon-dots.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 1rem;
  margin-left: 0.25rem;
  width: 1rem;
}
.node--tutorial--full .tutorial__page-title + .dropdown .dropdown-toggle:hover::after, .node--tutorial--full .tutorial__page-title + .dropdown .dropdown-toggle:focus::after, .show .node--tutorial--full .tutorial__page-title + .dropdown .dropdown-toggle::after {
  background-image: url("/themes/custom/ocelot_myportima/assets/images/icons-studio/icon-dots-white.svg");
  background-size: contain;
}
.node--tutorial--full .tutorial__page-title + .dropdown .dropdown-menu {
  background: #fff;
  border-radius: 4px;
  box-shadow: 2px 3px 6px rgba(51, 51, 51, 0.15);
  margin-top: 0.5rem;
  padding: 0.5rem;
}
.node--tutorial--full .tutorial__page-title + .dropdown .dropdown-menu .btn-share {
  background: #fff;
  border-color: #fff;
  color: #333;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.node--tutorial--full .tutorial__page-title + .dropdown .dropdown-menu .btn-share:hover, .node--tutorial--full .tutorial__page-title + .dropdown .dropdown-menu .btn-share:focus {
  background: #fdf7cb;
  border-color: #fdf7cb;
}
.node--tutorial--full .tutorial__page-title + .dropdown .dropdown-menu .btn-share::before {
  background-image: url("/themes/custom/ocelot_myportima/assets/images/icons-studio/icon-studio-share-gray.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 1rem;
  margin-right: 0.25rem;
  margin-top: -1px;
  width: 1rem;
}
.node--tutorial--full .tutorial__introduction,
.node--tutorial--full .tutorial__meta--full,
.node--tutorial--full .tutorial__content,
.node--tutorial--full .tutorial__like-share,
.node--tutorial--full .tutorial__related-tutorials {
  margin-bottom: 22.5px;
}
@media (min-width: 768px) {
  .node--tutorial--full .tutorial__introduction,
.node--tutorial--full .tutorial__meta--full,
.node--tutorial--full .tutorial__content,
.node--tutorial--full .tutorial__like-share,
.node--tutorial--full .tutorial__related-tutorials {
    margin-bottom: 45px;
  }
}
.node--tutorial--full .tutorial__meta--full,
.node--tutorial--full .tutorial__content {
  padding-bottom: 22.5px;
  border-bottom: 1px solid #eff2f3;
}
@media (min-width: 768px) {
  .node--tutorial--full .tutorial__meta--full,
.node--tutorial--full .tutorial__content {
    padding-bottom: 45px;
  }
}
.node--tutorial--full .tutorial__bottom {
  padding-bottom: 30px;
}
.node--tutorial--full .tutorial__introduction {
  color: #696969;
  font-size: 1.375rem;
}
.node--tutorial--full .tutorial__meta--full {
  font-size: 15px;
  font-family: "Nexa-Regular", "Nunito", sans-serif;
}
.node--tutorial--full .tutorial__meta--full .meta-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.node--tutorial--full .tutorial__meta--full .meta-item__label {
  color: #696969;
  margin-bottom: 5px;
}
.node--tutorial--full .tutorial__meta--full .meta-item__content {
  padding-left: 1.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  position: relative;
}
.node--tutorial--full .tutorial__meta--full .meta-item__icon {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 1px;
  width: 22px;
}
.node--tutorial--full .tutorial__meta--full .dropdown-toggle {
  background: transparent;
  border: 0;
  padding: 0.25rem 0;
  text-align: left;
  transition: all 0.2s ease-in-out;
}
.node--tutorial--full .tutorial__meta--full .dropdown-toggle:hover, .node--tutorial--full .tutorial__meta--full .dropdown-toggle:focus {
  color: #00725f;
}
.node--tutorial--full .tutorial__meta--full .dropdown-toggle .meta-item__content {
  padding-top: 0;
  padding-bottom: 0;
}
.node--tutorial--full .tutorial__meta--full .dropdown-toggle .meta-item__content .meta-item__icon {
  top: -1px;
}
.node--tutorial--full .tutorial__meta--full .dropdown-toggle .expert__label {
  display: none;
}
.node--tutorial--full .tutorial__meta--full .dropdown-meta {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 2px 3px 6px rgba(51, 51, 51, 0.15);
  font-size: 15px;
  margin-top: 0;
  overflow: hidden;
  padding: 1rem;
  transition: all 0.2s ease-in-out;
}
.node--tutorial--full .tutorial__meta--full .dropdown-meta .dropdown-item--no-link + .dropdown-item--no-link {
  margin-top: 1rem;
}
.node--tutorial--full .tutorial__meta--full .tutorial__expert .expert-image__wrapper {
  width: 3rem;
}
.node--tutorial--full .tutorial__meta--full .tutorial__expert .expert-image__wrapper + .expert-image__wrapper {
  margin-left: -2.5rem;
}
.node--tutorial--full .tutorial__meta--full .tutorial__expert .expert__text {
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  padding-top: 0.25rem;
}
.node--tutorial--full .tutorial__meta--full .tutorial__expert .expert__label {
  color: #696969;
}
.node--tutorial--full .tutorial__meta--full .tutorial__level .meta-item__icon::before {
  background-size: 22px;
  height: 1.25rem;
  width: 1.25rem;
}
.node--tutorial--full .tutorial__meta--full .tutorial__edited .edited__time {
  color: #696969;
  padding-left: 2px;
}
@media (min-width: 768px) {
  .node--tutorial--full .tutorial__meta--full > .meta-item:not(:first-child) {
    padding-left: 30px;
  }
  .node--tutorial--full .tutorial__meta--full > .meta-item:not(:last-child) {
    border-right: 1px solid #eff2f3;
    padding-right: 30px;
  }
}
.node--tutorial--full .tutorial__content p:last-child {
  margin-bottom: 0;
}
.node--tutorial--full .tutorial__video .video {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 30px;
}
.node--tutorial--full .tutorial__video__transcript .video__transcript__toggle {
  color: #00725f;
  display: inline-block;
  font-size: 0.875rem;
  font-family: "Nexa-Bold", "Nunito", sans-serif;
}
.node--tutorial--full .tutorial__video__transcript .video__transcript__toggle svg {
  margin-left: 2px;
  transition: all 0.2s ease-in-out;
}
.node--tutorial--full .tutorial__video__transcript .video__transcript__toggle:hover, .node--tutorial--full .tutorial__video__transcript .video__transcript__toggle:focus {
  text-decoration: none;
}
.node--tutorial--full .tutorial__video__transcript .video__transcript__toggle:hover svg, .node--tutorial--full .tutorial__video__transcript .video__transcript__toggle:focus svg, .node--tutorial--full .tutorial__video__transcript .video__transcript__toggle[aria-expanded=true] svg {
  transform: rotate(180deg);
}
.node--tutorial--full .tutorial__related-subjects .related-subjects__label,
.node--tutorial--full .tutorial__like-share .share__label,
.node--tutorial--full .tutorial__related-tutorials .related-tutorials__label {
  font-size: 15px;
  font-weight: 700;
}
.node--tutorial--full .tutorial__related-subjects .related-subjects__label,
.node--tutorial--full .tutorial__related-tutorials .related-tutorials__label {
  color: #696969;
}
.node--tutorial--full .tutorial__like-share {
  background-color: rgba(239, 242, 243, 0.5);
  border-radius: 30px;
  padding: 0.75rem 1.125rem;
}
.node--tutorial--full .tutorial__like-share .share__label {
  margin-right: 1rem;
}
.node--tutorial--full .tutorial__like-share .share__vote {
  color: #696969;
  font-size: 0.875rem;
  margin-right: 1.5rem;
}
.node--tutorial--full .tutorial__like-share .vote-like,
.node--tutorial--full .tutorial__like-share .vote-dislike {
  display: inline-block;
  padding-right: 1.5rem;
  position: relative;
}
.node--tutorial--full .tutorial__like-share .vote-like button,
.node--tutorial--full .tutorial__like-share .vote-dislike button {
  background: url("/themes/custom/ocelot_myportima/assets/images/like_dislike.png") no-repeat;
  text-indent: -9999px;
  display: inline-block;
  border: 0;
  cursor: pointer;
  width: 19px;
  height: 19px;
}
.node--tutorial--full .tutorial__like-share .vote-like button {
  background-position: 0 0;
}
.node--tutorial--full .tutorial__like-share .vote-dislike button {
  background-position: -28px 0;
}
.node--tutorial--full .tutorial__like-share .share__action {
  position: relative;
}
.node--tutorial--full .tutorial__like-share .share__action .ajax-progress {
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.node--tutorial--full .tutorial__like-share .btn-share {
  display: flex;
  font-weight: 700;
  padding: 6px 2.5rem 6px 0.75rem;
  position: relative;
}
.node--tutorial--full .tutorial__like-share .btn-share::after {
  background-image: url("/themes/custom/ocelot_myportima/assets/images/icons-studio/icon-studio-share.svg");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  content: "";
  display: block;
  height: 1.25rem;
  margin-left: 0.25rem;
  position: absolute;
  top: 0.25rem;
  right: 0.75rem;
  width: 1.25rem;
}
.node--tutorial--full .tutorial__related-subjects .btn-outline-primary {
  font-size: 0.875rem;
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  padding: 10px 0.875rem;
}
.node--tutorial--full .tutorial__related-tutorials {
  margin-top: 22.5px;
}
@media (min-width: 768px) {
  .node--tutorial--full .tutorial__related-tutorials {
    margin-top: 45px;
  }
}
.node--tutorial--teaser .card-img--left, .node--tutorial--small-teaser .card-img--left, .node--tutorial--teaser-lg .card-img--left {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.node--tutorial--teaser .card-img--left.level-1, .node--tutorial--small-teaser .card-img--left.level-1, .node--tutorial--teaser-lg .card-img--left.level-1 {
  background-color: #e0fdf7;
}
.node--tutorial--teaser .card-img--left.level-2, .node--tutorial--small-teaser .card-img--left.level-2, .node--tutorial--teaser-lg .card-img--left.level-2 {
  background-color: #fff6e5;
}
.node--tutorial--teaser .card-img--left.level-3, .node--tutorial--small-teaser .card-img--left.level-3, .node--tutorial--teaser-lg .card-img--left.level-3 {
  background-color: #ffe2e2;
}
.node--tutorial--teaser .tutorial__labels, .node--tutorial--small-teaser .tutorial__labels, .node--tutorial--teaser-lg .tutorial__labels {
  margin-bottom: 10px;
}
.node--tutorial--teaser .tutorial__labels .tag-xs, .node--tutorial--small-teaser .tutorial__labels .tag-xs, .node--tutorial--teaser-lg .tutorial__labels .tag-xs {
  font-weight: 700;
}
.node--tutorial--teaser .tutorial__labels .tag--new, .node--tutorial--small-teaser .tutorial__labels .tag--new, .node--tutorial--teaser-lg .tutorial__labels .tag--new {
  background: #fff6e5;
  color: #936001;
}
.node--tutorial--teaser .tutorial__title .h4, .node--tutorial--small-teaser .tutorial__title .h4, .node--tutorial--teaser-lg .tutorial__title .h4 {
  margin-bottom: 0.5rem;
}
.node--tutorial--teaser .tutorial__introduction p, .node--tutorial--small-teaser .tutorial__introduction p, .node--tutorial--teaser-lg .tutorial__introduction p {
  color: #696969;
  font-size: 1rem;
}
.node--tutorial--teaser .tutorial__meta, .node--tutorial--small-teaser .tutorial__meta, .node--tutorial--teaser-lg .tutorial__meta {
  color: #696969;
  font-family: "Nexa-Regular", "Nunito", sans-serif;
}
.node--tutorial--teaser .tutorial__meta > .meta-item, .node--tutorial--small-teaser .tutorial__meta > .meta-item, .node--tutorial--teaser-lg .tutorial__meta > .meta-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.node--tutorial--teaser .tutorial__meta > .meta-item:not(:last-child), .node--tutorial--small-teaser .tutorial__meta > .meta-item:not(:last-child), .node--tutorial--teaser-lg .tutorial__meta > .meta-item:not(:last-child) {
  border-right: 1px solid #eff2f3;
}
.node--tutorial--teaser .tutorial__meta .meta-item__content, .node--tutorial--small-teaser .tutorial__meta .meta-item__content, .node--tutorial--teaser-lg .tutorial__meta .meta-item__content {
  line-height: 1;
  padding-top: 1px;
  padding-left: 22px;
  position: relative;
}
.node--tutorial--teaser .tutorial__meta .meta-item__icon, .node--tutorial--small-teaser .tutorial__meta .meta-item__icon, .node--tutorial--teaser-lg .tutorial__meta .meta-item__icon {
  display: inline-block;
  position: absolute;
  left: 0;
  top: -2px;
  width: 1rem;
}
.node--tutorial--teaser .tutorial__meta .meta-item__icon svg, .node--tutorial--small-teaser .tutorial__meta .meta-item__icon svg, .node--tutorial--teaser-lg .tutorial__meta .meta-item__icon svg {
  height: 1rem;
  width: 1rem;
}
.node--tutorial--teaser .tutorial__expert .expert-image__wrapper, .node--tutorial--small-teaser .tutorial__expert .expert-image__wrapper, .node--tutorial--teaser-lg .tutorial__expert .expert-image__wrapper {
  width: 1.5rem;
}
.node--tutorial--teaser .tutorial__expert .expert-image__wrapper + .expert-image__wrapper, .node--tutorial--small-teaser .tutorial__expert .expert-image__wrapper + .expert-image__wrapper, .node--tutorial--teaser-lg .tutorial__expert .expert-image__wrapper + .expert-image__wrapper {
  margin-left: -1.25rem;
}
.node--tutorial--teaser .tutorial__expert .expert__name, .node--tutorial--small-teaser .tutorial__expert .expert__name, .node--tutorial--teaser-lg .tutorial__expert .expert__name {
  line-height: 1;
  padding-top: 2px;
}
.node--tutorial--teaser .tutorial__level .meta-item__icon::before, .node--tutorial--small-teaser .tutorial__level .meta-item__icon::before, .node--tutorial--teaser-lg .tutorial__level .meta-item__icon::before {
  background-size: 1rem;
  height: 1.125rem;
  width: 1.125rem;
}
.node--tutorial--teaser, .node--tutorial--small-teaser {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(51, 51, 51, 0.15);
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.node--tutorial--teaser:hover, .node--tutorial--small-teaser:hover {
  box-shadow: 0 1px 5px rgba(51, 51, 51, 0.075);
}
.node--tutorial--teaser .card-row__body, .node--tutorial--small-teaser .card-row__body {
  padding: 1.5rem 35px 1.5rem 5px;
}
.node--tutorial--teaser .tutorial__meta > .meta-item:not(:first-child), .node--tutorial--small-teaser .tutorial__meta > .meta-item:not(:first-child) {
  padding-left: 10px;
}
.node--tutorial--teaser .tutorial__meta > .meta-item:not(:last-child), .node--tutorial--small-teaser .tutorial__meta > .meta-item:not(:last-child) {
  padding-right: 10px;
}
@media (min-width: 1230px) {
  .node--tutorial--teaser .card-row__image {
    flex: 0 0 230px;
    max-width: 230px;
  }
  .node--tutorial--teaser .card-row__body {
    flex: 0 0 calc(100% - 230px);
    max-width: calc(100% - 230px);
  }
}
.node--tutorial--small-teaser .tutorial__meta {
  margin-top: 1rem;
}
.node--tutorial--teaser-lg .card-vid--left .media-oembed-content {
  border-radius: 8px;
  overflow: hidden;
}
.node--tutorial--teaser-lg .tutorial__title h3 {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.node--tutorial--teaser-lg .tutorial__introduction {
  color: #696969;
}
.node--tutorial--teaser-lg .tutorial__meta {
  margin-bottom: 2.25rem;
}
.node--tutorial--teaser-lg .tutorial__meta > .meta-item:not(:first-child) {
  padding-left: 1rem;
}
.node--tutorial--teaser-lg .tutorial__meta > .meta-item:not(:last-child) {
  padding-right: 1rem;
}
.node--tutorial--teaser-lg .tutorial__buttons .btn {
  font-family: "Nexa-Bold", "Nunito", sans-serif;
}

.view-tutorials--browse {
  margin-bottom: 60px;
}
.view-tutorials--browse .view-header,
.view-tutorials--browse .views-row {
  margin-bottom: 1rem;
  margin-right: -15px;
  margin-left: -15px;
}
.view-tutorials--browse .view-header {
  color: #696969;
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  font-size: 0.875rem;
}
.view-tutorials .pager {
  padding-top: 1.25rem;
}
.view-tutorials .pager__item a, .view-tutorials .pager__item--first a, .view-tutorials .pager__item--previous a, .view-tutorials .pager__item--next a, .view-tutorials .pager__item--last a {
  border: 1px solid #00725f;
  height: 2rem;
  width: 2rem;
}
.view-tutorials .pager__item a {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
}
.view-tutorials .pager__item a:hover, .view-tutorials .pager__item a:focus {
  background: #00725f;
  color: #fff;
}
.view-tutorials .pager__item.is-active a {
  background: #00725f;
  color: #fff;
}
.view-tutorials .pager__item--first a, .view-tutorials .pager__item--previous a, .view-tutorials .pager__item--next a, .view-tutorials .pager__item--last a {
  border-color: #00725f;
  color: #00725f;
}
.view-tutorials .pager__item--first a:hover, .view-tutorials .pager__item--first a:focus, .view-tutorials .pager__item--previous a:hover, .view-tutorials .pager__item--previous a:focus, .view-tutorials .pager__item--next a:hover, .view-tutorials .pager__item--next a:focus, .view-tutorials .pager__item--last a:hover, .view-tutorials .pager__item--last a:focus {
  background: #00725f;
  border-color: #00725f;
  color: #fff;
}
.view-tutorials .pager__item--ellipsis {
  color: #00725f;
}
.view-tutorials.view-display-id-new_tutorials .view-content {
  padding: 30px 0 0.875rem;
}
.view-tutorials.view-display-id-new_tutorials .view-content .views-view-grid > .row {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.view-tutorials.view-display-id-new_tutorials .view-content .views-view-grid > .row > .col-12 {
  margin-bottom: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.view-tutorials.view-display-id-new_tutorials .view-footer {
  display: flex;
  justify-content: center;
}
.view-tutorials.view-display-id-new_tutorials .view-footer .btn {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
}
.view-tutorials.view-display-id-new_webinar .views-row {
  margin-top: 30px;
}

.view-subjects .high-level-subject > a,
.view-subjects .subject--child > a {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-size: 17px;
  display: inline-block;
}
.view-subjects.view-display-id-high_level_subjects .views-row {
  margin-bottom: 1rem;
}
.view-subjects.view-display-id-all_subjects_block .view-content > .row > .col-24,
.view-subjects.view-display-id-all_subjects_block .view-content > .row > .col-12 {
  margin-bottom: 1.5rem;
}
.view-subjects.view-display-id-all_subjects_block .subject--parent {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-size: 1.5rem;
}
.view-subjects.view-display-id-all_subjects_block .subject--parent a {
  color: #333;
}
.view-subjects.view-display-id-all_subjects_block .subject--parent a:hover, .view-subjects.view-display-id-all_subjects_block .subject--parent a:focus, .view-subjects.view-display-id-all_subjects_block .subject--parent a:active {
  text-decoration: none;
  opacity: 0.7;
}
.view-subjects.view-display-id-all_subjects_block .subject--child {
  margin-bottom: 1rem;
}

.block-facets {
  margin-bottom: 1.5rem;
}
.block-facets .facets-widget-checkbox,
.block-facets .facets-widget-links {
  margin-bottom: 30px;
}
.block-facets .facets-widget-checkbox h3,
.block-facets .facets-widget-links h3 {
  font-size: 1.25rem;
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  margin-bottom: 0.75rem;
}
.block-facets .facets-widget-checkbox ul,
.block-facets .facets-widget-links ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 2.5rem;
}
.block-facets .facets-widget-checkbox ul li,
.block-facets .facets-widget-links ul li {
  margin-left: 0;
}
.block-facets .facets-widget-checkbox > ul,
.block-facets .facets-widget-links > ul {
  padding-left: 0;
}
.block-facets .facets-widget-links .facet-item {
  margin-bottom: 0.5rem;
}
.block-facets .facets-widget-links .facet-item a {
  display: inline-flex;
  align-items: center;
  font-family: "Nexa-Regular", "Nunito", sans-serif;
}
.block-facets .facets-widget-links .facet-item a.is-active .facet-item__status {
  background-image: url("/themes/custom/ocelot_myportima/assets/images/icons-studio/icon-close.svg");
  background-repeat: no-repeat;
  background-size: 19px;
  display: inline-block;
  height: 19px;
  margin-right: 0.25rem;
  overflow: hidden;
  text-indent: 23px;
  transition: all 0.2s ease-in-out;
  width: 19px;
  white-space: nowrap;
}
.block-facets .facets-widget-links .facet-item a:hover, .block-facets .facets-widget-links .facet-item a:focus {
  text-decoration: none;
}
.block-facets .facets-widget-links .facet-item a:hover .facet-item__status, .block-facets .facets-widget-links .facet-item a:focus .facet-item__status {
  opacity: 0.5;
}
.block-facets .facets-widget-links .facet-item a:hover .facet-item__value, .block-facets .facets-widget-links .facet-item a:focus .facet-item__value {
  text-decoration: underline;
}
.block-facets .facets-widget-checkbox .facet-item {
  margin-bottom: 0.5rem;
}

.tutorial__like-share .entity-feedback-button {
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  text-indent: -999rem;
  background-size: 100%;
  background-repeat: no-repeat;
  transition: all 0.2s ease-in-out;
}
.tutorial__like-share .entity-feedback-button + .entity-feedback-button {
  margin-left: 1rem;
}
.tutorial__like-share .entity-feedback-button--like {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 9H15V4.5C14.9994 3.90345 14.7622 3.3315 14.3403 2.90967C13.9185 2.48784 13.3466 2.2506 12.75 2.25H11.1502C10.7896 2.25153 10.4415 2.3823 10.169 2.61857C9.89655 2.85484 9.71782 3.18096 9.66525 3.53775L9.0315 7.9755L6.34875 12H1.5V22.5H17.25C18.6419 22.4984 19.9763 21.9448 20.9606 20.9606C21.9448 19.9763 22.4984 18.6419 22.5 17.25V12C22.499 11.2047 22.1826 10.4422 21.6202 9.87978C21.0578 9.31738 20.2953 9.00099 19.5 9ZM6 21H3V13.5H6V21ZM21 17.25C20.9988 18.2442 20.6033 19.1973 19.9003 19.9003C19.1973 20.6033 18.2442 20.9988 17.25 21H7.5V12.9772L10.4685 8.5245L11.151 3.75H12.75C12.9489 3.75 13.1397 3.82902 13.2803 3.96967C13.421 4.11032 13.5 4.30109 13.5 4.5V10.5H19.5C19.8976 10.5006 20.2788 10.6588 20.56 10.94C20.8412 11.2212 20.9994 11.6024 21 12V17.25Z" fill="%23009E80"/></svg>');
}
.tutorial__like-share .entity-feedback-button--like.active {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 12H5.25V22.5H1.5V12ZM17.25 22.5H6.75V11.3977L9.0315 7.9755L9.66525 3.53775C9.71784 3.18084 9.89668 2.85461 10.1693 2.61833C10.4419 2.38204 10.7902 2.25135 11.151 2.25H11.25C11.8466 2.2506 12.4185 2.48784 12.8403 2.90967C13.2622 3.3315 13.4994 3.90345 13.5 4.5V9H19.5C20.2953 9.00099 21.0578 9.31738 21.6202 9.87978C22.1826 10.4422 22.499 11.2047 22.5 12V17.25C22.498 18.6418 21.9443 19.976 20.9601 20.9601C19.976 21.9443 18.6418 22.498 17.25 22.5Z" fill="%23009E80"/></svg>');
}
.tutorial__like-share .entity-feedback-button--dislike {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.5 12V6.75C22.4984 5.3581 21.9448 4.02367 20.9606 3.03944C19.9763 2.05522 18.6419 1.50159 17.25 1.5H1.5V12H6.34875L9.0315 16.0245L9.666 20.4622C9.71857 20.819 9.8973 21.1452 10.1698 21.3814C10.4422 21.6177 10.7904 21.7485 11.151 21.75H12.75C13.3466 21.7494 13.9185 21.5122 14.3403 21.0903C14.7622 20.6685 14.9994 20.0966 15 19.5V15H19.5C20.2953 14.999 21.0578 14.6826 21.6202 14.1202C22.1826 13.5578 22.499 12.7953 22.5 12ZM6 10.5H3V3H6V10.5ZM21 12C20.9994 12.3976 20.8412 12.7788 20.56 13.06C20.2788 13.3412 19.8976 13.4994 19.5 13.5H13.5V19.5C13.5 19.6989 13.421 19.8897 13.2803 20.0303C13.1397 20.171 12.9489 20.25 12.75 20.25H11.1502L10.4677 15.4755L7.5 11.0227V3H17.25C18.2442 3.00119 19.1973 3.39666 19.9003 4.09966C20.6033 4.80267 20.9988 5.7558 21 6.75V12Z" fill="%23009E80"/></svg>');
}
.tutorial__like-share .entity-feedback-button--dislike.active {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform: rotateX(180deg);"><path d="M1.5 12H5.25V22.5H1.5V12ZM17.25 22.5H6.75V11.3977L9.0315 7.9755L9.66525 3.53775C9.71784 3.18084 9.89668 2.85461 10.1693 2.61833C10.4419 2.38204 10.7902 2.25135 11.151 2.25H11.25C11.8466 2.2506 12.4185 2.48784 12.8403 2.90967C13.2622 3.3315 13.4994 3.90345 13.5 4.5V9H19.5C20.2953 9.00099 21.0578 9.31738 21.6202 9.87978C22.1826 10.4422 22.499 11.2047 22.5 12V17.25C22.498 18.6418 21.9443 19.976 20.9601 20.9601C19.976 21.9443 18.6418 22.498 17.25 22.5Z" fill="%23009E80"/></svg>');
}

.tutorial-video-87 video {
  background-color: #e0fdf7;
}

.tutorial-video-88 video {
  background-color: #fff6e5;
}

.tutorial-video-89 video {
  background-color: #ffe2e2;
}

.badge--category {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
  border: 1px solid #d2d7d7;
  color: #696969;
  padding-bottom: 3px;
}
.node--blog-article--full .badge--category {
  border-radius: 1rem;
  font-size: 0.8125rem;
  padding: 10px 14px 6px;
}
.badge--category-count {
  color: #696969;
  display: inline-block;
  padding: 0;
}
.badge--most-popular {
  font-family: "Nexa-Heavy", "Nunito", sans-serif;
  font-weight: 800;
  background-color: #fa965a;
  color: #fff;
  box-shadow: 0 2px 10px rgba(123, 126, 126, 0.2);
  padding-bottom: 3px;
  text-transform: uppercase;
}
.badge--personal-result {
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  font-weight: 700;
  background-color: #00725f;
  color: #fff;
  box-shadow: 1px 1px 5px rgba(74, 69, 66, 0.4);
  padding-bottom: 3px;
  text-transform: uppercase;
}
.badge--tutorial {
  background-color: #009996;
  color: #fff;
  padding: 6px 0.5rem 3px;
}

.banner {
  display: flex;
  flex-direction: column;
  min-width: 0;
  position: relative;
  word-wrap: break-word;
  background-clip: border-box;
}
.banner .banner__image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
@media (min-width: 1230px) {
  .banner .banner__image {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
}
.banner .banner__image .media--image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.banner .banner__image picture,
.banner .banner__image img {
  height: 100%;
  max-width: none;
}
@media (min-width: 1230px) {
  .banner .banner__image picture,
.banner .banner__image img {
    height: auto;
    max-width: 100%;
    width: 100%;
  }
}
.banner .banner__overlay {
  background: linear-gradient(to right, #00725f 60%, transparent);
  padding-top: 45px;
  padding-bottom: 45px;
  position: relative;
  z-index: 1;
}
.banner .banner__overlay::after {
  background: url("/themes/custom/ocelot_myportima/assets/images/watermark-green.svg") top left no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 220px;
  opacity: 0.25;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: -75px;
  width: 200px;
}
.banner .banner__overlay > div {
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .banner .banner__overlay {
    background: linear-gradient(to right, #00725f 35%, rgba(0, 114, 95, 0.5) 70%, transparent);
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .banner .banner__overlay::after {
    height: 330px;
    left: 15px;
    top: -120px;
    width: 300px;
  }
}
@media (min-width: 1230px) {
  .banner .banner__overlay {
    background: linear-gradient(to right, #00725f 40%, rgba(0, 114, 95, 0.5) 60%, transparent 75%);
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .banner .banner__overlay::after {
    height: 600px;
    left: 5vw;
    top: -250px;
    width: 550px;
  }
}
.banner .banner__title,
.banner .banner__text {
  color: #fff;
}
@media (min-width: 768px) {
  .banner .banner__title,
.banner .banner__text {
    padding-right: 10%;
  }
}
@media (min-width: 1230px) {
  .banner .banner__title,
.banner .banner__text {
    padding-right: 15%;
  }
}
@media (min-width: 768px) {
  .banner .banner__title {
    margin-bottom: 30px;
  }
}
.banner.no-image.has-referenced_pages .banner__referenced_pages {
  position: relative;
}

.banner__referenced_pages {
  background: #f4f5f5;
  height: 56px;
  width: 100%;
}

.referenced-pages__menu {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
@media (min-width: 992px) {
  .referenced-pages__menu {
    display: flex;
    justify-content: flex-start;
  }
}
.referenced-pages__menu .menu__toggle-button {
  background: transparent;
  border: none;
  color: #00725f;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 56px;
  z-index: 2;
}
.referenced-pages__menu .menu__toggle-button .far {
  transition: all 0.2s ease-in-out;
}
.referenced-pages__menu .menu__toggle-button:focus {
  outline: 1px dotted #ffd17d;
}
@media (min-width: 992px) {
  .referenced-pages__menu .menu__toggle-button {
    display: none;
  }
}
.referenced-pages__menu li {
  display: flex;
  align-items: flex-start;
  height: 56px;
}
.referenced-pages__menu li a {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
  color: #333;
  display: flex;
  align-items: center;
  line-height: 1.2;
  height: 56px;
  padding: 18px 65px 12px 15px;
  text-decoration: none;
  width: 100%;
}
.referenced-pages__menu li.active a {
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  font-weight: 700;
  color: #009e80;
}
@media (min-width: 992px) {
  .referenced-pages__menu li a {
    line-height: 1.4;
    padding: 18px 30px 12px;
  }
  .referenced-pages__menu li a:hover, .referenced-pages__menu li a:focus {
    background-color: #fff;
  }
  .referenced-pages__menu li.active a {
    background-color: #fff;
  }
}
.referenced-pages__menu li:not(.active) {
  display: none;
}
@media (min-width: 992px) {
  .referenced-pages__menu li:not(.active) {
    display: block;
  }
}
.referenced-pages__menu.js-menu-open {
  background: #f4f5f5;
  position: relative;
}
.referenced-pages__menu.js-menu-open::before, .referenced-pages__menu.js-menu-open::after {
  background-color: #f4f5f5;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 15px;
}
.referenced-pages__menu.js-menu-open::before {
  left: -15px;
}
.referenced-pages__menu.js-menu-open::after {
  right: -15px;
}
.referenced-pages__menu.js-menu-open .menu__toggle-button .far {
  transform: rotate(180deg);
}
.referenced-pages__menu.js-menu-open li {
  height: auto;
  min-height: 56px;
}
.referenced-pages__menu.js-menu-open li.active {
  background-color: #eff2f3;
  position: relative;
}
.referenced-pages__menu.js-menu-open li.active::before, .referenced-pages__menu.js-menu-open li.active::after {
  background-color: #eff2f3;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 15px;
  z-index: 1;
}
.referenced-pages__menu.js-menu-open li.active::before {
  left: -15px;
}
.referenced-pages__menu.js-menu-open li.active::after {
  right: -15px;
}
.referenced-pages__menu.js-menu-open li:not(.active) {
  display: block;
}
@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.b-lazy,
.b-responsive {
  display: block;
  opacity: 0;
  transition: opacity 500ms ease-in-out;
}

.b-loaded,
.media--loading.media--background {
  opacity: 1;
}

.media--loading {
  backface-visibility: hidden;
  position: relative;
}
.media--loading::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  max-width: 30px;
  background-color: #f4f5f5;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -15px;
  font-size: 0;
  z-index: 22;
  animation: rotateplane 1.2s infinite ease-in-out;
}

.media--background {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.media--blazy img {
  min-height: 1px;
}

.breadcrumb {
  align-items: center;
  font-size: 0.875rem;
}
.breadcrumb-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.breadcrumb-item a {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
  color: #009e80;
  text-decoration: underline;
}
.breadcrumb-item a:hover, .breadcrumb-item a:focus {
  color: #00725f;
}
.breadcrumb-item + .breadcrumb-item {
  margin-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  font-family: "Font Awesome 5 Pro";
  font-size: 0.875rem;
  line-height: 1;
  padding-right: 0.5rem;
  position: relative;
}
.breadcrumb-item + .breadcrumb-item.active::before {
  color: #333;
}

.brio__add-ons {
  background-color: rgba(0, 153, 150, 0.1);
  margin-top: 5rem;
  padding: 2.5rem 50% 2.5rem 2.5rem;
  position: relative;
}
.brio__add-ons::before {
  background-image: url("../images/icons-studio/brio-addons-image.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 260px;
  position: absolute;
  right: 90px;
  top: -26px;
  width: 420px;
}
.brio__add-ons > .field--field-block-body h2 {
  color: #005645;
  font-size: 2.5rem;
}

.brio__eco-system {
  background-color: rgba(26, 101, 190, 0.1);
  border: 1px solid #eff2f3;
  margin-top: 5rem;
  padding: 2.5rem 1.5rem 0;
  position: relative;
}
.brio__eco-system::before {
  background-image: url("../images/icons-studio/brio-ecosystem-image.svg");
  background-repeat: no-repeat;
  background-size: 274px 201px;
  content: "";
  display: block;
  height: 201px;
  position: absolute;
  right: 7%;
  top: -45px;
  width: 274px;
}
.brio__eco-system > .container:not(:last-child) .paragraph--type--columns-one {
  padding-right: 40%;
}
.brio__eco-system > .container:not(:last-child) .paragraph--type--columns-one h2 {
  color: #1a65be;
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .brio__eco-system .paragraph--type--columns-three-equal .ab__field-wrapper,
.brio__eco-system .paragraph--type--columns-three-equal .children,
.brio__eco-system .paragraph--type--columns-three-equal .ab__widget,
.brio__eco-system .paragraph--type--columns-three-equal .paragraph,
.brio__eco-system .paragraph--type--columns-three-equal .card,
.brio__eco-system .paragraph--type--columns-four-equal .ab__field-wrapper,
.brio__eco-system .paragraph--type--columns-four-equal .children,
.brio__eco-system .paragraph--type--columns-four-equal .ab__widget,
.brio__eco-system .paragraph--type--columns-four-equal .paragraph,
.brio__eco-system .paragraph--type--columns-four-equal .card {
    height: 100%;
  }
}

.card__link {
  background: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-decoration: none;
  width: 100%;
  z-index: 5;
}
.card__link:hover ~ .card__image .card__image_hover, .card__link:focus ~ .card__image .card__image_hover {
  opacity: 1;
}
.card__link:hover ~ .card__text .card__cta a::after, .card__link:focus ~ .card__text .card__cta a::after {
  margin-left: 8px;
}
.card__link:focus {
  outline: 1px dotted #009e80;
}
.card__image {
  height: 100%;
  position: relative;
}
.card__image img {
  max-width: none;
  width: 100%;
}
.card__image .field--field-media-copyright {
  display: none;
}
.card__image .card__image_hover {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.2s ease-in-out;
  z-index: 4;
}
.card__image i {
  color: #00725f;
  font-size: 90px;
  height: 90px;
  width: auto;
}
.card__image:hover .card__image_hover {
  opacity: 1;
}
.card.has-description .card__image {
  margin-bottom: 26px;
}
.card__text > h4,
.card__text > div {
  max-width: 100%;
}
.card__text .card__cta a {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
}
.card__text .card__cta a::after {
  content: "\f105";
  color: #009e80;
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 300;
  width: 1rem;
  line-height: 1;
  margin-left: 5px;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
}
.card__title {
  margin-bottom: 20px;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  word-break: break-word;
}
.card__description {
  margin-bottom: 1rem;
}
.card__description p:last-child {
  margin-bottom: 0;
}
.card.card--horizontal {
  flex-direction: row;
}
@media (min-width: 768px) {
  .card.card--horizontal .card__link:hover ~ .row .card__title, .card.card--horizontal .card__link:focus ~ .row .card__title {
    color: #005645;
  }
  .background--dark-gray .card.card--horizontal .card__link:hover ~ .row .card__title, .background--dark-gray .card.card--horizontal .card__link:focus ~ .row .card__title {
    color: #ffd17d;
  }
  .background--primary .card.card--horizontal .card__link:hover ~ .row .card__title, .background--secondary .card.card--horizontal .card__link:hover ~ .row .card__title, .background--primary .card.card--horizontal .card__link:focus ~ .row .card__title, .background--secondary .card.card--horizontal .card__link:focus ~ .row .card__title {
    color: #fff;
  }
  .card.card--horizontal .card__image {
    margin-bottom: 0;
    width: auto;
    padding-right: 1rem;
  }
  .card.card--horizontal .card__text {
    padding: 0.25rem 0;
  }
}
.card.card--with-overlay .card-img-overlay {
  padding: 0;
}
.card.card--with-overlay .card-img-overlay .card-body {
  padding: 1.25rem;
}
.card.card--small-image {
  height: 100%;
}
.card.card--small-image .card__image {
  flex: 1 0 auto;
  margin-right: 1rem;
}
.card.card--small-image .card-body {
  padding: 1rem;
}
.card.card--small-image .card__cta {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.card.card--small-image .card__cta > a {
  display: block;
  width: 100%;
}
.card.card--small-image .card__cta > a:not(:last-child) {
  margin-bottom: 1rem;
}

.card--blog .card__link:hover ~ .card__image .card__cta, .card--blog .card__link:focus ~ .card__image .card__cta {
  opacity: 1;
}
.card--blog .card__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.card--blog .blog__date,
.card--blog .blog__categories {
  display: flex;
}
.card--blog .blog__date {
  margin-right: 10px;
  margin-bottom: 0.5rem;
}
.card--blog .blog__categories {
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.card--blog .blog__categories .badge {
  margin-right: 10px;
  margin-bottom: 0.25rem;
}
.card--blog .card__cta {
  background-color: rgba(255, 209, 125, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
.card--blog .card__cta a {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
  color: #005645;
  font-size: 1.25rem;
}
.card--blog .card__cta a i {
  color: inherit;
  font-size: 1.125rem;
  height: auto;
  margin-left: 0.5rem;
}

.card--contact {
  margin-bottom: 30px;
  transition: all 0.2s ease-in-out;
  text-align: center;
  max-width: 145px;
}
.card--contact .card__image {
  margin-bottom: 1rem;
}
.card--contact .card__image img {
  border-radius: 48%;
  transition: all 0.2s ease-in-out;
}
.card--contact .contact__firstname {
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  font-weight: 700;
}
@media (min-width: 992px) {
  .card--contact .card__image {
    margin-bottom: 24px;
  }
  .card--contact .contact__firstname {
    font-size: 1.125rem;
  }
}

.card--pricing-model {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 1.5rem;
}
.card--pricing-model.background--orange {
  background-color: #fff5ee;
}
.card--pricing-model.background--light {
  background-color: #f2fcfb;
}
.card--pricing-model.background--green {
  background-color: #e5f0f0;
}
.card--pricing-model.background--blue {
  background-color: #d1e0f2;
}
.card--pricing-model .card__text {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.card--pricing-model .card__included {
  margin-bottom: 1.5rem;
}
.card--pricing-model .card__included__label, .card--pricing-model .card__included__content {
  margin-bottom: 5px;
}
.card--pricing-model .card__included__icon {
  background-position: center center;
  background-size: contain;
  flex: 0 0 1.5rem;
  height: 1.5rem;
  margin-right: 5px;
  width: 1.5rem;
}
.card--pricing-model .card__included__icon.checked {
  background-image: url("../images/icons-studio/icon-check.svg");
  background-repeat: no-repeat;
}
.card--pricing-model .card__included__icon.plus {
  background-image: url("../images/icons-studio/icon-plus-green.svg");
  background-repeat: no-repeat;
}
.card--pricing-model .card__included__text {
  line-height: 1.5rem;
}
.card--pricing-model .card__included__extra {
  color: #005645;
}
.card--pricing-model .card__included__label, .card--pricing-model .card__included__suffix,
.card--pricing-model .card__pricing__label,
.card--pricing-model .card__pricing__suffix {
  font-family: "Nexa-Bold", "Nunito", sans-serif;
}
.card--pricing-model .card__pricing {
  margin-top: auto;
  min-height: 53px;
}
.card--pricing-model .card__pricing__label {
  font-size: 1.5rem;
}
.card--pricing-model .card__pricing__suffix {
  font-size: 0.875rem;
}

.card--service {
  background-color: #f4f5f5;
  border: 4px dashed #d2d7d7;
  border-radius: 4px;
}
.card--service .card__image {
  margin-bottom: 0 !important;
}
.card--service .card__text {
  min-height: 1px;
  padding: 1.5rem 1.5rem 0;
}
.card--service .card__category {
  color: #696969;
  margin-bottom: 1.25rem;
}
.card--service .card__category .category__icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  display: inline-block;
  height: 1rem;
  margin-right: 0.5rem;
  width: 1rem;
}
.card--service .card__category .category__icon--document {
  background-image: url("../images/icons-studio/icon-studio-document.svg");
}
.card--service .card__category .category__icon--user {
  background-image: url("../images/icons-studio/icon-studio-user.svg");
}
.card--service .card__category .category__icon--telephone {
  background-image: url("../images/icons-studio/icon-studio-telephone.svg");
  background-size: 0.75rem;
}
.card--service .card__title {
  color: #00725f;
}
.card--service .card__costs {
  color: #d24600;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-size: 0.75rem;
  margin-top: 1.5rem;
}
.card--service .card__costs .icon--light-bulb {
  background-image: url("../images/icons-studio/icon-studio-bulb-orange.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  display: inline-block;
  height: 1rem;
  margin-right: 0.25rem;
  width: 1rem;
}
.card--service .card__pricing {
  padding: 1.5rem 1.5rem 0;
  display: flex;
  flex-direction: column;
}
.card--service .card__pricing .pricing__label {
  font-size: 2.125rem;
  font-family: "Nexa-Heavy", "Nunito", sans-serif;
  line-height: 1;
}
.card--service .card__pricing .pricing__prefix,
.card--service .card__pricing .pricing__suffix {
  font-size: 0.875rem;
  line-height: 1;
}
.card--service .card__cta {
  padding: 1.5rem 1.5rem 1rem;
  min-height: 4.5rem;
}
.card--service .card__cta a {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  text-decoration: none;
  display: block !important;
  width: 100% !important;
}
.card--service .card__cta a.btn-link {
  color: #00725f;
}

.card--testimonial {
  background-color: #fff;
  border-radius: 4px;
  flex-direction: row;
  padding: 0;
}
.card--testimonial .card__link:hover ~ .card-body .card__cta a, .card--testimonial .card__link:focus ~ .card-body .card__cta a {
  text-decoration: none;
}
.card--testimonial .card__link:hover ~ .card__image.rounded-circle picture::before, .card--testimonial .card__link:focus ~ .card__image.rounded-circle picture::before {
  color: #fff;
}
.card--testimonial .card__link:hover ~ .card__image.rounded-circle picture::after, .card--testimonial .card__link:focus ~ .card__image.rounded-circle picture::after {
  background-color: #ffd17d;
  opacity: 0.7;
}
.card--testimonial .card__image.rounded-circle {
  flex: 0 0 95px;
  height: 65px;
}
.card--testimonial .card__image.rounded-circle picture {
  border-radius: 50%;
  display: inline-block;
  width: 65px;
  overflow: hidden;
}
.card--testimonial .card__image.rounded-circle picture img {
  max-width: 100%;
  width: auto;
}
.card--testimonial .card__text {
  padding-top: 1rem;
}
.card--testimonial .testimonial__name {
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  font-weight: 700;
  color: #000;
}
.card--testimonial .testimonial__name,
.card--testimonial .testimonial__company {
  font-size: 0.8125rem;
  margin-bottom: 0.25rem;
}
.card--testimonial .testimonial__categories {
  display: flex;
  flex-wrap: wrap;
}
.card--testimonial .testimonial__categories .badge {
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}
.card--testimonial .testimonial__quote {
  color: #696969;
  font-family: "Nexa-LightItalic", "Nunito", sans-serif;
  font-style: italic;
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 1rem;
  margin-bottom: 20px;
}
.card--testimonial .card__cta a {
  font-size: 0.875rem;
  line-height: 1;
}
.card--testimonial .card__cta a::after {
  font-size: 0.875rem;
}
.card--testimonial.has-video .card__image.rounded-circle picture::before {
  content: "\f04b";
  color: #ffd17d;
  font-family: "Font Awesome 5 Pro";
  font-size: 25px;
  font-weight: 900;
  width: 25px;
  position: absolute;
  top: 16px;
  left: 23px;
  z-index: 2;
}
.card--testimonial.has-video .card__image.rounded-circle picture::after {
  background: #fff;
  content: "";
  display: block;
  height: 100%;
  opacity: 0.25;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.2s ease-in-out;
  width: 100%;
  z-index: 1;
  border-radius: 50%;
  height: 65px;
  width: 65px;
}

.card--tile {
  background-color: #fff;
  padding: 1rem;
  height: 100%;
}
.card--tile .card__image {
  margin-bottom: 1rem;
  height: auto;
}
.card--tile .card__title {
  text-align: center;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  transition: all 0.2s ease-in-out;
  font-family: "Nexa-Heavy", "Nunito", sans-serif;
}
.card--tile .card__link {
  transition: all 0.2s ease-in-out;
}
.card--tile .card__link:hover {
  box-shadow: 2px 3px 6px rgba(51, 51, 51, 0.15);
}
.card--tile .card__link:hover + .card__image + .card__text > h4 {
  color: #009996;
}

.slick--optionset--carousel .slick-arrow {
  background: #00725f;
}
.slick--optionset--carousel .slick-arrow:hover, .slick--optionset--carousel .slick-arrow:focus {
  background: #00725f;
  box-shadow: 0 0 8px rgba(0, 86, 69, 0.9);
  outline: none;
}
.slick--optionset--carousel .slick-arrow.slick-prev::before, .slick--optionset--carousel .slick-arrow.slick-next::before {
  color: #fff;
}

.slick {
  position: relative;
}
.slick .slick-slider .slick-list {
  margin-left: -15px;
  margin-right: -15px;
}
.slick .slick-slider .slick-track {
  margin-left: 0;
  margin-right: 0;
}
.slick .slick-slider .slick-slide {
  margin-left: 15px;
  margin-right: 15px;
}
.slick .slick-slider.slick-dotted {
  margin-bottom: 60px;
}
.slick .slick__arrow {
  display: flex;
  justify-content: space-between;
  height: 0;
  position: absolute;
  left: 0;
  top: 113px;
  width: 100%;
}
@media (min-width: 768px) {
  .slick .slick__arrow {
    top: 78px;
  }
}
@media (min-width: 992px) {
  .slick .slick__arrow {
    top: 103px;
  }
}
@media (min-width: 1230px) {
  .slick .slick__arrow {
    top: 127px;
  }
}
.slick .slick-arrow {
  background: #fff;
  border: 1px solid #d2d7d7;
  border-radius: 50%;
  color: #009e80;
  height: 36px;
  overflow: hidden;
  padding: 0;
  position: relative;
  margin-top: -18px;
  top: 0;
  text-indent: 99999em;
  transition: all 0.2s ease-in-out;
  transform: none;
  width: 36px;
}
.slick .slick-arrow:hover, .slick .slick-arrow:focus {
  border-color: #009e80;
}
.slick .slick-arrow:focus {
  outline: 1px dotted #009e80;
}
.slick .slick-arrow::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  text-indent: 0;
  width: 36px;
}
@media (min-width: 768px) {
  .slick .slick-arrow {
    height: 50px;
    margin-top: -25px;
    width: 50px;
  }
  .slick .slick-arrow::before {
    height: 50px;
  }
}
.slick .slick-arrow.slick-disabled {
  border: 1px solid #eff2f3;
  color: #eff2f3;
}
@media (max-width: 767.98px) {
  .slick .slick-arrow.slick-disabled {
    opacity: 0;
    pointer-events: none;
  }
}
.slick .slick-arrow.slick-prev {
  margin-left: -10px;
}
@media (min-width: 1230px) {
  .slick .slick-arrow.slick-prev {
    margin-left: -1rem;
  }
}
@media (min-width: 1320px) {
  .slick .slick-arrow.slick-prev {
    margin-left: -70px;
  }
}
.slick .slick-arrow.slick-prev::before {
  content: "\f104";
  color: #009e80;
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 400;
  width: 1rem;
}
.slick .slick-arrow.slick-next {
  margin-right: -10px;
}
@media (min-width: 1230px) {
  .slick .slick-arrow.slick-next {
    margin-right: -1rem;
  }
}
@media (min-width: 1320px) {
  .slick .slick-arrow.slick-next {
    margin-right: -70px;
  }
}
.slick .slick-arrow.slick-next::before {
  content: "\f105";
  color: #009e80;
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 400;
  width: 1rem;
  right: 0;
}
.slick .slick-arrow.slick-prev.slick-disabled::before, .slick .slick-arrow.slick-next.slick-disabled::before {
  color: #eff2f3;
}
@media (min-width: 768px) {
  .slick .slick-arrow.slick-prev::before, .slick .slick-arrow.slick-next::before {
    font-size: 24px;
  }
}
.slick .slick-dots {
  position: absolute;
  bottom: -67px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .slick .slick-dots {
    bottom: -76px;
  }
}
.slick .slick-dots li {
  position: relative;
  display: inline-block;
  height: 24px;
  width: 24px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.slick .slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 24px;
  width: 24px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 6px;
  cursor: pointer;
}
.slick .slick-dots li button:hover, .slick .slick-dots li button:focus {
  outline: none;
}
.slick .slick-dots li button:hover::before, .slick .slick-dots li button:focus::before {
  color: #ffd17d;
  opacity: 0.5;
}
.slick .slick-dots li button::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 24px;
  height: 24px;
  font-size: 60px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  opacity: 0.6;
  transition: all 0.2s ease-in-out;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick .slick-dots li.slick-active button::before {
  color: #ffd17d;
  opacity: 1;
}

.slick--optionset--testimonial-slider .node--testimonial--teaser {
  padding-top: 30px;
}
.slick--optionset--testimonial-slider .slick-arrow {
  background: #fff;
}
.slick--optionset--testimonial-slider .slick-arrow:hover, .slick--optionset--testimonial-slider .slick-arrow:focus {
  background: #fff;
}
@media (min-width: 768px) {
  .slick--optionset--testimonial-slider.unslick .slick__slide {
    width: calc((100% - 30px) * 0.5);
  }
}
@media (min-width: 1410px) {
  .slick--optionset--testimonial-slider .slick-arrow.slick-prev {
    margin-left: -65px;
  }
  .slick--optionset--testimonial-slider .slick-arrow.slick-next {
    margin-right: -65px;
  }
}

.date {
  color: #696969;
  font-size: 1rem;
  line-height: 1;
  margin-bottom: 1rem;
}

.file {
  display: block;
  font-size: 1.125rem;
  margin-bottom: 10px;
}
.file a {
  color: #000;
  display: inline-block;
  font-weight: 300;
  padding-left: 26px;
  padding-right: 34px;
  position: relative;
}
.file a::before {
  content: "\f15b";
  color: #009e80;
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  font-weight: 300;
  width: 18px;
  position: absolute;
  left: 0;
  top: -3px;
}
.file a:hover, .file a:focus {
  color: #009e80;
  text-decoration: none;
}
.file a:hover .link__file, .file a:focus .link__file {
  opacity: 1;
}
.file .link__file {
  border: 1px solid transparent;
  border-radius: 50%;
  display: block;
  height: 2rem;
  overflow: hidden;
  opacity: 0;
  position: absolute;
  right: 0;
  top: -5px;
  text-indent: 9999em;
  transition: all 0.2s ease-in-out;
  width: 2rem;
}
.file .link__file::before {
  content: "\f019";
  color: #009e80;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  font-weight: 300;
  width: 14px;
  position: absolute;
  top: 5px;
  left: 50%;
  text-indent: 0;
  transform: translateX(-50%);
}
.file .file-size {
  font-size: 0.875rem;
  line-height: 1.2;
  color: #333;
  font-weight: 400;
}
.file--application-pdf a::before {
  content: "\f1c1";
  color: #009e80;
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  font-weight: 300;
  width: 18px;
}
.file--x-office-document a::before {
  content: "\f1c2";
  color: #009e80;
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  font-weight: 300;
  width: 18px;
}
.file--x-office-spreadsheet a::before {
  content: "\f1c3";
  color: #009e80;
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  font-weight: 300;
  width: 18px;
}
.file--x-office-presentation a::before {
  content: "\f1c4";
  color: #009e80;
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  font-weight: 300;
  width: 18px;
}
.file--text a::before {
  content: "\f15c";
  color: #009e80;
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  font-weight: 300;
  width: 18px;
}
.file--package-x-generic a::before {
  content: "\f1c6";
  color: #009e80;
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  font-weight: 300;
  width: 18px;
}

.view-filters {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .view-filters {
    margin-top: 45px;
  }
}
.view-filters .view-filters__title {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.view-filters .view-filters__filters .views-exposed-form {
  margin-bottom: 30px;
  max-width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .view-filters .view-filters__filters .views-exposed-form {
    margin-bottom: 75px;
  }
}
@media (min-width: 768px) {
  .view-filters .view-filters__filters .views-exposed-form {
    display: flex;
    align-items: flex-start;
  }
}
.view-filters .view-filters__filters .views-exposed-form .form-group {
  margin-bottom: 0;
  position: relative;
}
.view-filters .view-filters__filters .views-exposed-form .form-group legend {
  margin: 0;
}
.view-filters .view-filters__filters .views-exposed-form .form-group .fieldset-legend {
  display: none;
}
.view-filters .view-filters__filters .views-exposed-form > .form-actions {
  margin-bottom: 1rem;
}
.view-filters .view-filters__filters .views-exposed-form > .form-actions .btn {
  background-color: #ffd17d;
  color: #005645;
  font-size: 0.8125rem;
  justify-content: center;
  min-height: 30px;
  padding: 7px 1rem;
  width: 100%;
}
.view-filters .view-filters__filters .views-exposed-form > .form-actions .btn:hover {
  background-color: #ffc65f;
}
.view-filters .view-filters__filters .views-exposed-form > .form-actions .btn:focus, .view-filters .view-filters__filters .views-exposed-form > .form-actions .btn:active {
  background-color: #fdb530;
  box-shadow: 0 0 0 4px rgba(255, 198, 95, 0.5);
}
@media (min-width: 576px) {
  .view-filters .view-filters__filters .views-exposed-form > .form-actions .btn {
    margin-right: 15px;
    width: auto;
  }
}
.view-filters .view-filters__filters .views-exposed-form .form-checkboxes ul,
.view-filters .view-filters__filters .views-exposed-form .form-radios ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
.view-filters .view-filters__filters .views-exposed-form .form-checkboxes ul li,
.view-filters .view-filters__filters .views-exposed-form .form-radios ul li {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 576px) {
  .view-filters .view-filters__filters .views-exposed-form .form-checkboxes,
.view-filters .view-filters__filters .views-exposed-form .form-radios {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .view-filters .view-filters__filters .views-exposed-form .form-checkboxes .form-checkboxes,
.view-filters .view-filters__filters .views-exposed-form .form-checkboxes .form-radios,
.view-filters .view-filters__filters .views-exposed-form .form-radios .form-checkboxes,
.view-filters .view-filters__filters .views-exposed-form .form-radios .form-radios {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.view-filters .view-filters__filters .views-exposed-form .form-checkboxes .bef-toggle,
.view-filters .view-filters__filters .views-exposed-form .form-radios .bef-toggle {
  display: inline-block;
  padding: 0.5rem 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 576px) {
  .view-filters .view-filters__filters .views-exposed-form .form-checkboxes .bef-toggle,
.view-filters .view-filters__filters .views-exposed-form .form-radios .bef-toggle {
    margin-bottom: 0.5rem;
    min-width: 120px;
    padding: 0.75rem 0 0.75rem 1.5rem;
    position: relative;
    right: auto;
    top: auto;
    text-align: right;
  }
}
@media (min-width: 576px) {
  .view-filters .view-filters__filters .views-exposed-form .form-checkboxes .form-item,
.view-filters .view-filters__filters .views-exposed-form .form-radios .form-item {
    margin-right: 15px;
  }
}
.view-filters .view-filters__filters .views-exposed-form .form-checkboxes .form-item .option,
.view-filters .view-filters__filters .views-exposed-form .form-radios .form-item .option {
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #ffd17d;
  border-radius: 1rem;
  color: #005645;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  line-height: 1.1;
  margin-bottom: 0;
  padding: 7px 1rem;
  transition: all 0.2s ease-in-out;
}
.view-filters .view-filters__filters .views-exposed-form .form-checkboxes .form-item .option::before, .view-filters .view-filters__filters .views-exposed-form .form-checkboxes .form-item .option::after,
.view-filters .view-filters__filters .views-exposed-form .form-radios .form-item .option::before,
.view-filters .view-filters__filters .views-exposed-form .form-radios .form-item .option::after {
  display: none;
}
.view-filters .view-filters__filters .views-exposed-form .form-checkboxes .form-item .option .badge--category-count,
.view-filters .view-filters__filters .views-exposed-form .form-radios .form-item .option .badge--category-count {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
  margin-left: 10px;
}
.view-filters .view-filters__filters .views-exposed-form .form-checkboxes .form-item input:checked ~ .option,
.view-filters .view-filters__filters .views-exposed-form .form-radios .form-item input:checked ~ .option {
  background-color: #ffd17d;
}
.view-filters .view-filters__filters .views-exposed-form .form-checkboxes .form-item input:hover ~ .option,
.view-filters .view-filters__filters .views-exposed-form .form-radios .form-item input:hover ~ .option {
  background-color: #ffd17d;
}

.hamburger {
  padding: 0 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  z-index: 101;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger .hamburger-text {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
  color: #00725f;
  font-size: 0.875rem;
  line-height: 1rem;
  height: 13px;
  margin-right: 0.75rem;
  opacity: 1;
  text-transform: uppercase;
}
.hamburger .hamburger-box {
  width: 18px;
  height: 16px;
  display: inline-block;
  position: relative;
}
.hamburger .hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger .hamburger-inner, .hamburger .hamburger-inner::before, .hamburger .hamburger-inner::after {
  width: 18px;
  height: 2px;
  background-color: #00725f;
  border-radius: 3px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger .hamburger-inner::before, .hamburger .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger .hamburger-inner::before {
  top: -7px;
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger .hamburger-inner::after {
  bottom: -7px;
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger[aria-expanded=true] .hamburger-inner,
.hamburger[aria-expanded=true] .hamburger-inner::before,
.hamburger[aria-expanded=true] .hamburger-inner::after {
  background-color: #fff;
}
.hamburger[aria-expanded=true] .hamburger-text {
  color: rgba(255, 255, 255, 0.5);
}
.hamburger[aria-expanded=true] .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger[aria-expanded=true] .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger[aria-expanded=true] .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.navbar-dark .hamburger .hamburger-text {
  color: #fff;
}
.navbar-dark .hamburger[aria-expanded=true] .hamburger-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .hamburger .hamburger-inner,
.navbar-dark .hamburger .hamburger-inner::before,
.navbar-dark .hamburger .hamburger-inner::after {
  background-color: #fff;
}

.media--image {
  border-radius: 2px;
  overflow: hidden;
}
.media--image + .field--field-media-copyright {
  margin-top: 10px;
}

.field--field-media-copyright,
.field--field-p-caption {
  font-size: 0.8125rem;
  line-height: 1.4;
}

.field--field-media-copyright {
  color: #696969;
  margin: 4px 0 2px;
}

@media (min-width: 992px) {
  .introduction.introduction-lg {
    margin-right: -30px;
    padding-left: 0;
  }
}
.introduction p:last-child, .introduction p:only-child {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .introduction p:last-child, .introduction p:only-child {
    margin-bottom: 30px;
  }
}
.introduction.shadow p:last-child, .introduction.shadow p:only-child, .introduction.shadow-lg p:last-child, .introduction.shadow-lg p:only-child {
  margin-bottom: 0;
}

.block-language {
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  padding-left: 15px;
}
.block-language .nav-item {
  padding: 0;
}
.block-language .nav-item:not(:last-child) {
  margin-right: 0.5rem;
}
.block-language .nav-item.active a, .block-language .nav-item.is-active a {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
  background-color: #fff;
  color: #009e80;
}
.block-language .nav-link {
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 1.625rem;
  width: 1.625rem;
  padding: 0;
  font-size: 0.625rem;
  line-height: calc(1.625rem - 2px);
  text-decoration: none;
}
.block-language .nav-link:hover, .block-language .nav-link:focus {
  background-color: #fff;
  color: #009e80;
}

.link-list {
  margin-left: 0;
  padding-left: 0;
}
.link-list li {
  font-size: 1.125rem;
  margin-bottom: 1rem;
  padding: 0 0 0 26px;
  position: relative;
  list-style-type: none;
}
.link-list li:last-child {
  margin-bottom: 0;
}
.link-list li::before {
  content: "\f0a9";
  color: #00725f;
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 400;
  width: 1rem;
  position: absolute;
  top: 2px;
  left: 0;
}

.link-with-icon__list {
  list-style: none;
}
.link-with-icon__list .link-with-icon__item {
  list-style-type: none;
  font-size: 1.125rem;
  margin-bottom: 1rem;
}
.link-with-icon__list .link-with-icon__item a {
  display: inline-block;
}
.link-with-icon__list .link-with-icon__item a.icon--tel::before, .link-with-icon__list .link-with-icon__item a.icon--mail::before, .link-with-icon__list .link-with-icon__item a.icon--link::before, .link-with-icon__list .link-with-icon__item a.icon--webform::before, .link-with-icon__list .link-with-icon__item a.icon--document::before {
  width: 18px;
}
.link-with-icon__list .link-with-icon__item a.icon--document[href*=download] {
  padding-right: 40px;
  position: relative;
}
.link-with-icon__list .link-with-icon__item a.icon--document[href*=download]::after {
  content: "\f019";
  color: #00725f;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  font-weight: 400;
  width: 14px;
  border: 2px solid #00725f;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s ease-in-out;
  width: 2rem;
}
.link-with-icon__list .link-with-icon__item a.icon--document[href*=download]:hover, .link-with-icon__list .link-with-icon__item a.icon--document[href*=download]:focus {
  text-decoration: none;
}
.link-with-icon__list .link-with-icon__item a.icon--document[href*=download]:hover::after, .link-with-icon__list .link-with-icon__item a.icon--document[href*=download]:focus::after {
  opacity: 1;
}
.link-with-icon__list .link-with-icon__item a[href^="http://"]:not([href^="/"]).icon--link::after,
.link-with-icon__list .link-with-icon__item a[href^="https://"]:not([href^="/"]).icon--link::after,
.link-with-icon__list .link-with-icon__item a[href^="//"]:not([href^="/"]).icon--link::after {
  content: "\f14c";
  color: #adb5bd;
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 400;
  width: 1rem;
  display: inline-block;
  margin-left: 0.5rem;
}
.link-with-icon__list .link-with-icon__item a[href^="http://"]:not([href^="/"]).icon--link:hover::after, .link-with-icon__list .link-with-icon__item a[href^="http://"]:not([href^="/"]).icon--link:focus::after,
.link-with-icon__list .link-with-icon__item a[href^="https://"]:not([href^="/"]).icon--link:hover::after,
.link-with-icon__list .link-with-icon__item a[href^="https://"]:not([href^="/"]).icon--link:focus::after,
.link-with-icon__list .link-with-icon__item a[href^="//"]:not([href^="/"]).icon--link:hover::after,
.link-with-icon__list .link-with-icon__item a[href^="//"]:not([href^="/"]).icon--link:focus::after {
  text-decoration: none;
}

.block-local-tasks-block > .contextual {
  display: none !important;
}

.local-tasks-block-wrapper {
  position: fixed;
  left: 15px;
  top: 115px;
  z-index: 1070;
}
.toolbar-fixed .local-tasks-block-wrapper {
  left: 15px;
  top: 194px;
}
.local-tasks-block-wrapper .local-tasks-toggle {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  font-size: 1.2rem;
  background-color: #0075be;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  text-decoration: none;
  transition: all 0.3s ease;
}
.local-tasks-block-wrapper .local-tasks-toggle:hover {
  background-color: #171846;
  text-decoration: none;
}
.local-tasks-block-wrapper .local-tasks-toggle .open-trigger {
  opacity: 1;
}
.local-tasks-block-wrapper .local-tasks-toggle .close-trigger {
  opacity: 0;
}
.local-tasks-block-wrapper .local-tasks-toggle i {
  color: #fff;
  transition: opacity 0.3s, transform 0.3s;
  position: absolute;
}
.local-tasks-block-wrapper .local-tasks-toggle.--active .open-trigger {
  opacity: 0;
}
.local-tasks-block-wrapper .local-tasks-toggle.--active .close-trigger {
  opacity: 1;
}
.local-tasks-block-wrapper .local-tasks-list {
  display: none;
  margin-top: 15px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
}
.local-tasks-block-wrapper .local-tasks-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.local-tasks-block-wrapper .local-tasks-list ul li a {
  min-width: 150px;
  padding: 10px 15px;
  display: block;
  background: #f6f6f6;
  color: #898989;
  font-size: 0.875rem;
  text-decoration: none;
}
.local-tasks-block-wrapper .local-tasks-list ul li a.is-active {
  background: #0075be;
  color: #fff;
  text-decoration: none;
}
.local-tasks-block-wrapper .local-tasks-list ul li a:hover {
  background: #171846;
  color: #fff;
  text-decoration: none;
}

.logo {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  width: 150px;
}
.logo:hover, .logo:focus {
  text-decoration: none;
}
@media (min-width: 992px) {
  .logo {
    width: 200px;
  }
}

.navbar .navbar-toggler {
  border: 0;
  position: relative;
  z-index: 101;
}
.navbar .navbar-toggler:hover, .navbar .navbar-toggler:focus {
  outline: 1px dotted #009e80;
}
.navbar .navbar-toggler[aria-expanded=true] {
  position: fixed;
  top: 35px;
  right: 15px;
}
.user-logged-in .navbar .navbar-toggler[aria-expanded=true] {
  top: 74px;
}

.header-wrapper .navbar-expand-xs,
.header-wrapper .navbar-expand-lg {
  align-items: flex-end;
}
.header-wrapper .navbar-expand-xs .navbar-nav .dropdown-menu,
.header-wrapper .navbar-expand-lg .navbar-nav .dropdown-menu {
  position: absolute;
}

@media (min-width: 992px) {
  .navbar-nav .nav-item .dropdown-menu.fade-down, .navbar-nav .nav-item .dropdown-menu.fade-up {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    margin-top: 0;
  }
  .navbar-nav .nav-item .dropdown-menu.fade-down {
    top: 30%;
    transform: rotateX(-75deg);
    transform-origin: 0 0;
  }
  .navbar-nav .nav-item .dropdown-menu.fade-up {
    top: 130%;
  }
  .navbar-nav .nav-item .dropdown-menu.show.fade-down, .navbar-nav .nav-item .dropdown-menu.show.fade-up {
    transition: 0.3s;
    opacity: 1;
    visibility: visible;
    top: 100%;
    transform: rotateX(0deg);
  }
}
.block-portima-saml-user {
  color: #fff;
  margin-right: 15px;
}
.block-portima-saml-user .navbar-dark .po-icon::before {
  color: #fff;
}
.block-portima-saml-user .navbar-light .po-icon::before {
  color: #333;
}
.block-portima-saml-user .nav-item {
  position: relative;
}
.block-portima-saml-user .nav-item > a,
.block-portima-saml-user .nav-item > span {
  cursor: pointer;
  text-decoration: none;
}
.block-portima-saml-user .navbar-nav > .nav-item > a,
.block-portima-saml-user .navbar-nav > .nav-item > span {
  transition: all 0.2s ease-in-out;
  line-height: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 0.25rem solid transparent;
}
@media (prefers-reduced-motion: reduce) {
  .block-portima-saml-user .navbar-nav > .nav-item > a,
.block-portima-saml-user .navbar-nav > .nav-item > span {
    transition: none;
  }
}
.block-portima-saml-user .navbar-nav > .nav-item > a .po-icon,
.block-portima-saml-user .navbar-nav > .nav-item > span .po-icon {
  font-size: 1.75rem;
}
.block-portima-saml-user .navbar-nav > .nav-item .dropdown-toggle::after {
  transition: all 0.2s ease-in-out;
  content: "\f078";
  color: #fff;
  font-family: "Font Awesome 5 Pro";
  font-size: 0.625rem;
  font-weight: 900;
  width: 0.625rem;
  margin-left: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .block-portima-saml-user .navbar-nav > .nav-item .dropdown-toggle::after {
    transition: none;
  }
}
.block-portima-saml-user .navbar-nav > .nav-item .dropdown-toggle[aria-expanded=true] {
  border-bottom-color: #ffd17d;
}
.block-portima-saml-user .navbar-nav > .nav-item .dropdown-toggle[aria-expanded=true]::after {
  content: "\f077";
}
.block-portima-saml-user .dropdown-menu {
  width: auto;
  min-width: 100%;
  background: #fff;
  border: none;
  border-radius: 0;
  box-shadow: 0 5px 10px 0 #ced4da;
}
.block-portima-saml-user .dropdown-item {
  border-bottom: 0;
  padding: 0;
}
.block-portima-saml-user .dropdown-item a,
.block-portima-saml-user .dropdown-item span {
  color: inherit;
  display: block;
  line-height: 1.4;
  font-size: 1rem;
  padding: 0.625rem 20px 0.5rem;
}
.block-portima-saml-user .dropdown-item.active > a,
.block-portima-saml-user .dropdown-item.active > span {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
}

.menu--contact {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
  position: fixed;
  right: 0;
  bottom: 15%;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.menu--contact .views-row,
.menu--contact li {
  list-style-type: none;
}
.menu--contact .views-row:not(:last-child) .menu--contact__link,
.menu--contact li:not(:last-child) .menu--contact__link {
  position: relative;
}
.menu--contact .views-row:not(:last-child) .menu--contact__link::after,
.menu--contact li:not(:last-child) .menu--contact__link::after {
  background: #d2d7d7;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 5px;
  width: 35px;
}
@media (min-width: 768px) {
  .menu--contact .views-row:not(:last-child) .menu--contact__link::after,
.menu--contact li:not(:last-child) .menu--contact__link::after {
    left: 10px;
    width: 50px;
  }
}
.menu--contact__link {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
  background-color: #f4f5f5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  line-height: 1;
  min-height: 50px;
  padding: 7px 5px;
  text-decoration: none;
  text-transform: uppercase;
  width: 45px;
}
.menu--contact__link span {
  color: #000;
  display: block;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-align: center;
  word-break: break-word;
  word-wrap: break-word;
}
.menu--contact__link .fal {
  font-size: 1.125rem;
  margin-bottom: 0.4rem;
}
.menu--contact__link:hover, .menu--contact__link:focus {
  background-color: #eff2f3;
  text-decoration: none;
}
@media (min-width: 768px) {
  .menu--contact__link {
    min-height: 60px;
    padding: 10px;
    width: 70px;
  }
  .menu--contact__link .fal {
    font-size: 1.25rem;
  }
}

.menu--doormat .block__title {
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0;
  text-transform: uppercase;
}
.menu--doormat .block__title .nav-link:hover, .menu--doormat .block__title .nav-link:focus {
  color: #fff;
  opacity: 0.5;
}
.menu--doormat .block__title + .nav {
  margin-bottom: 30px;
}
.menu--doormat .nav-link {
  display: inline-block;
}
.menu--doormat .nav-item .nav-link {
  color: #fff;
}
.menu--doormat .nav-item .nav-link:hover, .menu--doormat .nav-item .nav-link:focus {
  opacity: 0.5;
}
@media (min-width: 992px) {
  .menu--doormat .nav-item .nav-link {
    font-size: 1.125rem;
  }
}

.menu--footer {
  display: flex;
  font-size: 0.8125rem;
  line-height: 1;
  color: #fff;
}
.menu--footer .nav-item:first-child {
  flex: 0 0 100%;
}
@media (min-width: 576px) {
  .menu--footer .nav-item:first-child {
    flex: 0 0 auto;
    margin-right: 1rem;
  }
}
.menu--footer .nav-link {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
}
.menu--footer .nav-item {
  display: flex;
  align-items: center;
}
.menu--footer .nav-item:not(:last-child) {
  margin: 0 1rem 0 0;
}
.menu--footer .nav-item:not(:last-child)::after {
  content: "|";
  color: #fff;
  margin-left: 1rem;
}
.menu--footer .nav-item .nav-link {
  padding-left: 0;
  padding-right: 0;
  color: #fff;
  text-decoration: underline;
}
.menu--footer .nav-item .nav-link:hover, .menu--footer .nav-item .nav-link:focus {
  text-decoration: none;
}
.menu--footer .nav-item span.nav-link {
  text-decoration: none;
  cursor: default;
}

.menu--interesting-links {
  display: flex;
  justify-content: center;
  line-height: 1;
}
@media (min-width: 768px) {
  .menu--interesting-links {
    align-items: center;
    justify-content: flex-start;
    margin: 0 auto;
  }
}
.menu--interesting-links .nav-item {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  margin: 0 20px 0 0;
}
.menu--interesting-links .nav-item:first-child {
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  font-weight: 700;
  display: block;
  flex: 0 0 100%;
  margin: 0 0 20px;
  padding-bottom: 0;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .menu--interesting-links .nav-item:first-child {
    flex: 0 0 auto;
    margin: 0 20px 0 0;
  }
}
.menu--interesting-links .nav-item:not(:first-child):not(:last-child)::after {
  content: "|";
  color: #696969;
  margin-left: 20px;
}
.menu--interesting-links .nav-item .nav-link {
  color: #00725f;
  margin-bottom: 1rem;
  padding-bottom: 0;
  text-decoration: underline;
}
.menu--interesting-links .nav-item .nav-link:hover, .menu--interesting-links .nav-item .nav-link:focus {
  text-decoration: none;
}

.menu--list .menu-item .menu {
  margin: 0.5rem 0;
}
.menu--list .menu-item .menu-item {
  margin-bottom: 0.5rem;
}
.menu--list .menu-item .menu-item::before {
  color: #ffd17d;
}

.menu--main .nav-item {
  position: relative;
  padding: 0;
}
.menu--main .nav-item:not(:last-child) {
  margin-right: 1.75rem;
}
.menu--main .nav-item > a,
.menu--main .nav-item > span {
  cursor: pointer;
  text-decoration: none;
}
.menu--main .nav-item .nav-link {
  border-bottom: 0.25rem solid transparent;
  padding-bottom: 0.75rem;
  padding-top: 1rem;
  padding-left: 0;
  padding-right: 0;
  font-weight: 600;
}
.menu--main .nav-item .nav-link.active, .menu--main .nav-item .nav-link:hover, .menu--main .nav-item .nav-link:focus {
  border-bottom-color: #ffd17d;
}
.menu--main .nav-item .nav-link.dropdown-toggle::after {
  transition: all 0.2s ease-in-out;
  content: "\f078";
  color: #333;
  font-family: "Font Awesome 5 Pro";
  font-size: 0.625rem;
  font-weight: 900;
  width: 0.625rem;
  line-height: 1;
  margin-left: 0.5rem;
}
@media (prefers-reduced-motion: reduce) {
  .menu--main .nav-item .nav-link.dropdown-toggle::after {
    transition: none;
  }
}
.menu--main .nav-item .nav-link.dropdown-toggle[aria-expanded=true]::after {
  content: "\f077";
}
.menu--main .nav-item.active .nav-link, .menu--main .nav-item.show .nav-link {
  border-bottom-color: #ffd17d;
}
.menu--main .nav-item.home-item > a,
.menu--main .nav-item.home-item > span {
  color: #009e80;
  border-bottom-color: transparent !important;
  padding: 1rem 0 0;
}
.menu--main .nav-item.home-item.active > a .icon--home {
  background-image: url("/themes/custom/ocelot_myportima/assets/images/icons/home-solid-primary.svg");
}
.menu--main .nav-item .dropdown-menu {
  left: 0;
  width: auto;
  min-width: 100%;
  background: #fff;
  border: none;
  border-radius: 0;
  box-shadow: 0 5px 10px 0 #ced4da;
}
.menu--main .nav-item .dropdown-menu .dropdown-menu {
  top: 0;
  left: 0;
  width: auto;
  min-width: 100%;
  background: #fff;
  border: none;
  border-radius: 0;
  box-shadow: 0 5px 10px 0 #ced4da;
}
.menu--main .nav-item .dropdown-item {
  border-bottom: 0;
  padding: 0;
}
.menu--main .nav-item .dropdown-item a,
.menu--main .nav-item .dropdown-item span {
  color: inherit;
  display: block;
  line-height: 1.4;
  font-size: 1rem;
  padding: 0.4rem 1rem;
}
.menu--main .nav-item .dropdown-item a:hover, .menu--main .nav-item .dropdown-item a:focus,
.menu--main .nav-item .dropdown-item span:hover,
.menu--main .nav-item .dropdown-item span:focus {
  color: #009e80;
  text-decoration: none;
}
.menu--main .nav-item .dropdown-item.active > a,
.menu--main .nav-item .dropdown-item.active > span {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
}

.messages {
  border-radius: 4px;
  border: 0;
  display: flex;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 1rem 1rem 13px;
}
.messages a,
.messages .messages-icon {
  color: inherit;
  text-decoration: underline;
}
.messages ul,
.messages ol {
  margin-bottom: 0;
}
.messages--icon {
  margin-right: 10px;
}
.messages--success {
  color: #fff;
  background-color: #009e80;
}
.messages--info {
  color: #fff;
  background-color: #1a65be;
}
.messages--warning {
  color: #fff;
  background-color: #e87a43;
}
.messages--error, .messages--danger {
  color: #fff;
  background-color: #be1a33;
}
.messages--success-outline, .messages--info-outline, .messages--warning-outline, .messages--error-outline, .messages--danger-outline {
  background-color: #fff;
}
.messages--success-outline {
  color: #333;
  border: 1px solid #009e80;
}
.messages--success-outline a,
.messages--success-outline .messages--icon {
  color: #009e80;
}
.messages--info-outline {
  color: #333;
  border: 1px solid #1a65be;
}
.messages--info-outline a,
.messages--info-outline .messages--icon {
  color: #1a65be;
}
.messages--warning-outline {
  color: #333;
  border: 1px solid #e87a43;
}
.messages--warning-outline a,
.messages--warning-outline .messages--icon {
  color: #e87a43;
}
.messages--error-outline, .messages--danger-outline {
  color: #333;
  border: 1px solid #be1a33;
}
.messages--error-outline a,
.messages--error-outline .messages--icon, .messages--danger-outline a,
.messages--danger-outline .messages--icon {
  color: #be1a33;
}

.toast-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1030;
}

.toast-title {
  font-weight: bold;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #fff;
}

.toast-message a:hover {
  color: #ced4da;
  text-decoration: none;
}

.toast-close-button {
  position: absolute;
  right: 0.5rem;
  top: 0.75rem;
  float: right;
  font-size: 20px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

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

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container,
#js-toast-container {
  position: fixed;
  z-index: 1030;
}

#toast-container * {
  box-sizing: border-box;
}

.toast {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 0.75rem 1.5rem;
  width: 300px;
  border-radius: 4px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-color: #333;
  box-shadow: 2px 3px 6px rgba(51, 51, 51, 0.15);
  color: #fff;
}

.toast:hover {
  cursor: pointer;
}

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.toast-success {
  background-color: #e0f3f0;
  color: #005243;
  border-color: #b8e4db;
  background-image: url('data:image/svg+xml,"""%3Csvg fill=" %23005243 "" height=" 20 "" width=" 20 "" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 464c-118.664 0-216-96.055-216-216 0-118.663 96.055-216 216-216 118.664 0 216 96.055 216 216 0 118.663-96.055 216-216 216zm141.63-274.961L217.15 376.071c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.97.068l68.976 69.533 163.441-162.13c4.705-4.667 12.303-4.637 16.97.068l8.451 8.52c4.668 4.705 4.637 12.303-.068 16.97z"/%3E%3C/svg%3E');
  padding-left: calc(1.5rem + 25px);
}
.toast-success .toast-message a,
.toast-success .toast-message label {
  color: #001f19;
  text-decoration: underline;
}
.toast-success .toast-message a:hover,
.toast-success .toast-message label:hover {
  text-decoration: none;
}
.toast-success .toast-close-button {
  color: #005243;
  text-shadow: 0 1px 0 #005243;
}
.toast-success .toast-close-button:hover {
  color: #001f19;
}
.toast-success hr {
  border-top-color: #a6ddd2;
}

.toast-info {
  background-color: #e4edf7;
  color: #0e3563;
  border-color: #bfd4ed;
  background-image: url('data:image/svg+xml,"""%3Csvg fill=" %230e3563 "" height=" 20 "" width=" 20 "" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-36 344h12V232h-12c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12h48c6.627 0 12 5.373 12 12v140h12c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12h-72c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12zm36-240c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32z"/%3E%3C/svg%3E');
  padding-left: calc(1.5rem + 25px);
}
.toast-info .toast-message a,
.toast-info .toast-message label {
  color: #081d36;
  text-decoration: underline;
}
.toast-info .toast-message a:hover,
.toast-info .toast-message label:hover {
  text-decoration: none;
}
.toast-info .toast-close-button {
  color: #0e3563;
  text-shadow: 0 1px 0 #0e3563;
}
.toast-info .toast-close-button:hover {
  color: #081d36;
}
.toast-info hr {
  border-top-color: #abc7e7;
}

.toast-warning {
  background-color: #fcefe8;
  color: #793f23;
  border-color: #f9daca;
  background-image: url('data:image/svg+xml,"""%3Csvg fill=" %23793f23 "" height=" 20 "" width=" 20 "" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"%3E%3Cpath d="M176 248c-13.25 0-24 10.74-24 24 0 13.25 10.75 24 24 24s24-10.75 24-24c0-13.26-10.75-24-24-24zm-16.47-31.5c.26 4.22 3.76 7.5 7.98 7.5h16.97a8 8 0 0 0 7.98-7.5l7-112c.29-4.61-3.37-8.5-7.98-8.5h-30.97c-4.61 0-8.27 3.89-7.98 8.5l7 112zM176 0C73.05 0-.12 83.54 0 176.24c.06 44.28 16.5 84.67 43.56 115.54C69.21 321.03 93.85 368.68 96 384l.06 75.18c0 3.15.94 6.22 2.68 8.84l24.51 36.84c2.97 4.46 7.97 7.14 13.32 7.14h78.85c5.36 0 10.36-2.68 13.32-7.14l24.51-36.84c1.74-2.62 2.67-5.7 2.68-8.84L256 384c2.26-15.72 26.99-63.19 52.44-92.22C335.55 260.85 352 220.37 352 176 352 78.8 273.2 0 176 0zm47.94 454.31L206.85 480h-61.71l-17.09-25.69-.01-6.31h95.9v6.31zm.04-38.31h-95.97l-.07-32h96.08l-.04 32zm60.4-145.32c-13.99 15.96-36.33 48.1-50.58 81.31H118.21c-14.26-33.22-36.59-65.35-50.58-81.31C44.5 244.3 32.13 210.85 32.05 176 31.87 99.01 92.43 32 176 32c79.4 0 144 64.6 144 144 0 34.85-12.65 68.48-35.62 94.68z"/%3E%3C/svg%3E');
  padding-left: calc(1.5rem + 25px);
}
.toast-warning .toast-message a,
.toast-warning .toast-message label {
  color: #512a18;
  text-decoration: underline;
}
.toast-warning .toast-message a:hover,
.toast-warning .toast-message label:hover {
  text-decoration: none;
}
.toast-warning .toast-close-button {
  color: #793f23;
  text-shadow: 0 1px 0 #793f23;
}
.toast-warning .toast-close-button:hover {
  color: #512a18;
}
.toast-warning hr {
  border-top-color: #f6cab3;
}

.toast-error {
  background-color: #f7e4e7;
  color: #630e1b;
  border-color: #edbfc6;
  background-image: url('data:image/svg+xml,"""%3Csvg fill=" %23630e1b "" height=" 20 "" width=" 20 "" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 464c-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216 0 118.7-96.1 216-216 216zm94.8-285.3L281.5 256l69.3 69.3c4.7 4.7 4.7 12.3 0 17l-8.5 8.5c-4.7 4.7-12.3 4.7-17 0L256 281.5l-69.3 69.3c-4.7 4.7-12.3 4.7-17 0l-8.5-8.5c-4.7-4.7-4.7-12.3 0-17l69.3-69.3-69.3-69.3c-4.7-4.7-4.7-12.3 0-17l8.5-8.5c4.7-4.7 12.3-4.7 17 0l69.3 69.3 69.3-69.3c4.7-4.7 12.3-4.7 17 0l8.5 8.5c4.6 4.7 4.6 12.3 0 17z"/%3E%3C/svg%3E');
  padding-left: calc(1.5rem + 25px);
}
.toast-error .toast-message a,
.toast-error .toast-message label {
  color: #36080f;
  text-decoration: underline;
}
.toast-error .toast-message a:hover,
.toast-error .toast-message label:hover {
  text-decoration: none;
}
.toast-error .toast-close-button {
  color: #630e1b;
  text-shadow: 0 1px 0 #630e1b;
}
.toast-error .toast-close-button:hover {
  color: #36080f;
}
.toast-error hr {
  border-top-color: #e7abb4;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #333;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

@media all and (max-width: 240px) {
  .toast {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
.sliding-popup-top {
  left: 0;
  width: 100%;
}

.sliding-popup-bottom {
  left: 0;
  width: 100%;
}

div#sliding-popup {
  background-color: #fff6e5;
}

.eu-cookie-compliance-banner {
  padding: 2rem 2.5rem;
}

.eu-cookie-compliance-content {
  max-width: none;
}

.eu-cookie-compliance-buttons {
  margin-bottom: 0;
  max-width: none;
  float: none;
}
.eu-cookie-compliance-buttons .btn {
  display: block;
  width: 100%;
}
.eu-cookie-compliance-buttons .btn + .btn {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .eu-cookie-compliance-buttons .btn {
    display: inline-block;
    width: auto;
  }
  .eu-cookie-compliance-buttons .btn + .btn {
    margin-left: 1rem;
    margin-top: 0;
  }
}

.eu-cookie-compliance-message {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
  float: none;
  max-width: none;
}
.eu-cookie-compliance-message h2 {
  font-size: 2.125rem;
  margin-bottom: 1rem;
}
.eu-cookie-compliance-message h3 {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  font-weight: bold;
}

.featherlight .featherlight-content {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-height: 100% !important;
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  padding: 0 !important;
  background: rgba(239, 242, 243, 0.5);
}
.featherlight.featherlight-loading .featherlight-inner {
  font-size: 5rem;
  text-align: center;
  margin-top: 6rem;
}
.featherlight .featherlight-close-icon {
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  font-weight: 700;
  background-color: transparent;
  border: none;
  box-shadow: none;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 0.8125rem;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto !important;
  top: 20px;
  right: 20px;
}
@media (min-width: 1230px) {
  .featherlight .featherlight-close-icon {
    right: calc(50% - 600px);
  }
}
.featherlight .featherlight-close-icon::after {
  content: "\f00d";
  color: #fff;
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  font-weight: 900;
  width: 20px;
  display: inline-block;
  transition: all 0.2s ease-in-out;
  margin-left: 0.25rem;
}
.featherlight .featherlight-close-icon:focus, .featherlight .featherlight-close-icon.focus {
  outline: 0;
}
.featherlight .featherlight-close-icon.disabled, .featherlight .featherlight-close-icon:disabled {
  opacity: 0.65;
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.featherlight-loading {
  font-family: "Nexa-Heavy", "Nunito", sans-serif;
  font-weight: 800;
  color: #fff;
  text-align: center;
}
.featherlight-loading::after {
  background: url("/themes/custom/ocelot_myportima/assets/images/watermark-green-dark.svg") center center no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 75px;
  margin-left: -30px;
  opacity: 0.95;
  overflow: hidden;
  position: absolute;
  top: 34%;
  left: 50%;
  width: 60px;
  z-index: 1;
  animation: spinner 1s infinite linear;
}

.google-map {
  max-width: 100%;
}

.js-toggle-button-group .js-toggle-button {
  background: #eff2f3;
  border: none;
  border-radius: 5px;
  color: #009e80;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
  margin-right: 1rem;
  padding: 8px 18px;
  position: relative;
  overflow: hidden;
  outline: none;
  transition: all 0.2s ease-in-out;
  text-transform: uppercase;
  text-align: center;
}
.js-toggle-button-group .js-toggle-button::after {
  content: "+";
  transform-origin: center center;
  display: block;
  width: 14px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 14px;
  line-height: 10px;
  right: 16px;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.37, 0.01, 0, 0.98);
}
.js-toggle-button-group .js-toggle-button::before {
  background: #ffd17d;
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 100%;
  top: 0;
  left: -4px;
  transition: all 0.2s ease-in-out;
  z-index: 0;
}
.js-toggle-button-group .js-toggle-button:hover, .js-toggle-button-group .js-toggle-button.selected {
  padding-right: 24px;
  padding-left: 12px;
  color: #00725f;
  text-align: left;
}
.js-toggle-button-group .js-toggle-button:hover::before, .js-toggle-button-group .js-toggle-button.selected::before {
  left: 0;
}
.js-toggle-button-group .js-toggle-button:hover::after, .js-toggle-button-group .js-toggle-button.selected::after {
  right: 4px;
  transform: translateY(-50%);
  opacity: 1;
}
.js-toggle-button-group .js-toggle-button:hover::after {
  color: #ffd17d;
}
.js-toggle-button-group .js-toggle-button.selected::after {
  transform: translateY(-55%) rotate(-45deg);
}
.js-toggle-button-group .js-toggle-button.selected::before {
  width: 100%;
}
.js-toggle-button-group .js-toggle-button.selected:hover::after {
  color: #00725f;
}
.js-toggle-button-group .js-toggle-button .text {
  position: relative;
  z-index: 2;
  -webkit-text-stroke: 0.1px;
}

.toolbar {
  font-weight: 400;
}

.ui-widget:not(.ausy-builder-dialog-modal).ui-widget-content {
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 8px;
  box-shadow: 0 24px 34px rgba(12, 0, 51, 0.1);
  font-size: 0.875rem;
  font-weight: normal;
  margin-left: 1.5rem;
  margin-top: 1rem;
  overflow: hidden;
}
@media (min-width: 576px) {
  .ui-widget:not(.ausy-builder-dialog-modal).ui-widget-content {
    margin-left: 2.75rem;
  }
}
.ui-widget:not(.ausy-builder-dialog-modal).ui-widget-content ul,
.ui-widget:not(.ausy-builder-dialog-modal).ui-widget-content ol {
  font-weight: 300;
}
.ui-widget:not(.ausy-builder-dialog-modal) .ui-widget-header {
  background: #fff;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid transparent;
  margin-bottom: 0.5rem;
}
.ui-widget:not(.ausy-builder-dialog-modal) button {
  color: #00725f;
  font-size: 0.875rem;
  font-weight: 300;
}

.ui-widget.ausy-builder-dialog-modal {
  max-height: 700px;
  overflow: scroll;
}
.ui-widget.ausy-builder-dialog-modal .button {
  width: auto;
}

.ui-widget-overlay {
  background: #000;
  opacity: 0.7;
}

.ui-autocomplete {
  background: #fff;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.04);
}

.search-api-autocomplete-search {
  padding: 0.5rem;
}
.search-api-autocomplete-search .ui-menu-item-wrapper.ui-state-active .search-api-autocomplete-suggestion {
  background-color: rgba(0, 114, 95, 0.2);
  color: #333;
}
.search-api-autocomplete-search .search-api-autocomplete-suggestion {
  border-radius: 4px;
  padding: 0.5rem 0.75rem;
}
.search-api-autocomplete-search .ui-menu-item:hover {
  background: transparent;
}
.search-api-autocomplete-search .ui-menu-item:last-child {
  padding-top: 0.5rem;
}
.search-api-autocomplete-search .ui-menu-item:last-child .ui-menu-item-wrapper {
  background-color: #e5f1ef;
  border-radius: 4px;
  display: block;
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  padding: 0.5rem 0.75rem;
  transition: all 0.2s ease-in-out;
}
.search-api-autocomplete-search .ui-menu-item:last-child .ui-menu-item-wrapper::after {
  background-image: url("../images/icons-studio/icon-chevron-right.svg");
  background-repeat: no-repeat;
  background-size: 1rem;
  content: "";
  display: inline-block;
  height: 1rem;
  margin-left: 5px;
  width: 1rem;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
}
.search-api-autocomplete-search .ui-menu-item:last-child .ui-menu-item-wrapper:hover {
  background-color: rgba(0, 114, 95, 0.2);
}
.search-api-autocomplete-search .ui-menu-item:last-child .ui-menu-item-wrapper:hover::after {
  margin-left: 0.5rem;
}

.ui-datepicker {
  padding: 1.5rem;
  z-index: 5 !important;
}
.ui-datepicker.ui-widget:not(.ausy-builder-dialog-modal) {
  min-width: 300px;
  margin-top: 0;
  margin-left: 0;
}
.ui-datepicker .ui-datepicker-header {
  padding: 0.3rem 0.3rem 0.5rem;
}
.ui-datepicker .ui-datepicker-header .ui-state-hover {
  background: #009e80;
  border: 0;
}
.ui-datepicker .ui-datepicker-title {
  height: 30px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month,
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
  border-color: #d2d7d7;
  border-radius: 4px;
  margin: 0 2.5%;
  padding: 2px 4px 4px;
}
.ui-datepicker table {
  font-size: 0.875rem;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  background: #fff;
  border: 1px solid #009e80;
  border-radius: 50%;
  height: 30px;
  top: 5px;
  width: 30px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  height: 1rem;
  width: 1rem;
}
.ui-datepicker .ui-datepicker-next span {
  background: url("/themes/custom/ocelot_myportima/assets/images/icons/angle-right-green.svg") center center no-repeat;
  background-size: contain;
  margin-left: -7px;
}
.ui-datepicker .ui-datepicker-prev span {
  background: url("/themes/custom/ocelot_myportima/assets/images/icons/angle-left-green.svg") center center no-repeat;
  background-size: contain;
  margin-left: -9px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
  top: 5px;
}
.ui-datepicker .ui-datepicker-next-hover span {
  background: url("/themes/custom/ocelot_myportima/assets/images/icons/angle-right-white.svg") center center no-repeat;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
  top: 5px;
}
.ui-datepicker .ui-datepicker-prev-hover span {
  background: url("/themes/custom/ocelot_myportima/assets/images/icons/angle-left-white.svg") center center no-repeat;
}
.ui-datepicker .ui-datepicker-calendar {
  margin: 1rem 0 0;
}

.ui-datepicker-calendar table {
  font-size: 0.875rem;
}
.ui-datepicker-calendar thead {
  border-bottom: 0;
}
.ui-datepicker-calendar tbody tr:not(:last-child) {
  border-bottom: 1px solid #f4f5f5;
}
.ui-datepicker-calendar tbody td {
  padding: 4px 1px;
}
.ui-datepicker-calendar .ui-state-default {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  color: #00725f;
  height: 30px;
  line-height: 26px;
  text-align: center;
  transition: all 0.2s ease-in-out;
  width: 30px;
}
.ui-datepicker-calendar .ui-state-default:hover {
  border-color: #ffd17d;
}
.ui-datepicker-calendar .ui-state-default.ui-state-active {
  border-color: #ffd17d;
  color: #ffd17d;
}
.ui-datepicker-calendar .ui-state-default.ui-state-highlight {
  background-color: #00725f;
  border-color: #00725f;
  color: #fff;
}

.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) {
  max-width: 85%;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 576px) {
  .ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) {
    min-width: 500px;
    width: auto !important;
  }
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) .ui-dialog-titlebar {
  margin-bottom: 0;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) .ui-dialog-titlebar .ui-dialog-title {
  color: #333;
  font-size: 1.25rem;
  font-weight: 700;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) .ui-dialog-titlebar .ui-dialog-titlebar-close {
  background: transparent;
  border: 0;
  background-image: url("/themes/custom/ocelot_myportima/assets/images/icons/close.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px;
  opacity: 0.5;
  transition: all 0.2s ease-in-out;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) .ui-dialog-titlebar .ui-dialog-titlebar-close:hover, .ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) .ui-dialog-titlebar .ui-dialog-titlebar-close:focus {
  opacity: 1;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  border-radius: 0;
  z-index: 1260;
  color: #000;
  background: #fff;
  border: solid 1px #ced4da;
  padding: 1rem;
}
@media all and (max-width: 48em) {
  .ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content {
    width: 92% !important;
  }
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content h2 {
  font-size: 1rem;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).studio-brio__share-modal {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  border-radius: 1rem;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).studio-brio__share-modal .ui-dialog-titlebar {
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).studio-brio__share-modal .ui-dialog-title {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-size: 1.5rem;
  font-weight: normal;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).studio-brio__share-modal > .ui-widget-content {
  border: 0;
  padding: 1rem 1.5rem;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).studio-brio__share-modal > .ui-widget-content .d-flex {
  align-items: flex-end;
  margin-bottom: 1.5rem;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).studio-brio__share-modal > .ui-widget-content > .d-flex:not(:last-child) {
  border-bottom: 2px solid #eff2f3;
  padding-bottom: 1.75rem;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).studio-brio__share-modal > .ui-widget-content .form-item {
  margin-top: 0;
  margin-bottom: 0;
  width: 78%;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).studio-brio__share-modal > .ui-widget-content .form-item .form-control {
  background: #fff;
  border-color: #d2d7d7;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).studio-brio__share-modal > .ui-widget-content .btn-primary {
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-size: 1rem;
  font-weight: normal;
  width: 22%;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).studio-brio__share-modal > .ui-widget-content .btn-primary::before {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 22px;
  margin-right: 0.25rem;
  width: 22px;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).studio-brio__share-modal > .ui-widget-content .btn-primary.form-submit::before {
  background-image: url("../images/icons-studio/icon-studio-mail.svg");
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).studio-brio__share-modal > .ui-widget-content .btn-primary.form-submit.btn-copy::before {
  background-image: url("../images/icons-studio/icon-studio-copy.svg");
  margin-top: -2px;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).studio-brio__share-modal > .ui-widget-content .form-item + .btn-primary {
  height: 50px;
  margin-left: 1rem;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) a {
  color: #00725f;
  text-decoration: none;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) a:hover, .ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) a:focus {
  text-decoration: none;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) .ajax-progress-throbber {
  left: 49%;
  position: fixed;
  top: 48.5%;
  z-index: 1000;
  background-color: #212529;
  background-image: url("/core/misc/loading-small.gif");
  background-repeat: no-repeat;
  border-radius: 7px;
  height: 24px;
  opacity: 0.9;
  padding: 4px;
  width: 24px;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) .ajax-progress-throbber .throbber,
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) .ajax-progress-throbber .message {
  display: none;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) .ui-dialog-buttonpane {
  margin-top: 0;
  background: #f4f5f5;
  padding: 0.5rem 1rem;
  border-width: 0;
  border-color: #ced4da;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) .ui-dialog-buttonpane .ui-dialog-buttonset {
  margin: 0;
  padding: 0;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {
  padding: 0;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) .ui-dialog-buttonpane .button--primary {
  background: #009b81;
  border-color: #009b81;
  color: #fff;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) .ui-dialog-buttonpane .button--primary:hover, .ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) .ui-dialog-buttonpane .button--primary:focus {
  background: #00725f;
  border-color: #00725f;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).ausy-social-media-dialog-modal {
  border: 0;
  border-radius: 4px;
  box-shadow: 2px 3px 6px rgba(51, 51, 51, 0.15);
  overflow-y: auto;
  padding: 20px;
  z-index: 500;
}
@media (min-width: 768px) {
  .ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).ausy-social-media-dialog-modal {
    padding: 30px;
  }
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).ausy-social-media-dialog-modal .ui-widget-header {
  border-color: #d2d7d7;
  border-width: 3px;
  padding: 0 0 1rem;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).ausy-social-media-dialog-modal .ui-widget-header .ui-dialog-title {
  color: #00725f;
  font-size: 2.125rem;
  font-weight: 600;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).ausy-social-media-dialog-modal .ui-widget-header .ui-dialog-titlebar-close {
  top: 20px;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).ausy-social-media-dialog-modal > .ui-widget-content {
  border: 0;
  padding: 0.5rem 0 0;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).ausy-social-media-dialog-modal > .ui-widget-content label {
  color: #4a4542;
  font-family: "Nexa-Light", "Nunito", sans-serif !important;
  font-size: 1rem;
  font-weight: 300;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).ausy-social-media-dialog-modal > .ui-widget-content .form-item input:not(.button),
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).ausy-social-media-dialog-modal > .ui-widget-content .form-item textarea {
  background-color: #fff;
  border: 1px solid rgba(105, 105, 105, 0.3);
  line-height: 1.4;
  -webkit-appearance: none;
  outline-offset: 0;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).ausy-social-media-dialog-modal > .ui-widget-content .form-item input:not(.button):focus,
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).ausy-social-media-dialog-modal > .ui-widget-content .form-item textarea:focus {
  border-color: #009e80;
}
@media all and (max-width: 48em) {
  .ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).ausy-social-media-dialog-modal > .ui-widget-content {
    width: 100% !important;
  }
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).ausy-social-media-dialog-modal .ui-dialog-buttonpane {
  background: #fff;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).ausy-social-media-dialog-modal .ui-dialog-buttonpane .button--primary {
  background-color: #00725f;
  color: #fff;
  font-weight: 600;
  margin-right: 0;
  margin-top: 0;
}
.ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).ausy-social-media-dialog-modal .ui-dialog-buttonpane .button--primary:hover, .ui-dialog:not(.ausy-builder-dialog-offcanvas):not(.ausy-builder-dialog-modal):not(.media-library-widget-modal).ausy-social-media-dialog-modal .ui-dialog-buttonpane .button--primary:focus {
  background: #005645;
  color: #fff;
}

.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content details {
  border: 1px solid #eff2f3;
  font-size: 13px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0.2rem 0.5rem;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content details summary {
  color: #00725f;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  padding: 4px 0;
  text-transform: uppercase;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content details summary + .form-item {
  margin: 0;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content details .btn-primary {
  background: #f4f5f5;
  border-color: #f4f5f5;
  font-size: 13px;
  margin-top: 0.2rem;
  width: auto;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content details h4 {
  font-size: 14px;
  margin-bottom: 5px;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content fieldset {
  padding-top: 2rem;
  position: relative;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content fieldset legend {
  font-weight: bold;
  font-size: 1rem;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content fieldset legend .fieldset-legend {
  color: #4a4542;
  font-size: 16px;
  letter-spacing: 0;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content fieldset .fieldset-legend,
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content fieldset input ~ label,
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content fieldset textarea ~ label {
  position: absolute;
  top: 0.5rem;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content fieldset .fieldset-legend::after,
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content fieldset input ~ label::after,
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content fieldset textarea ~ label::after {
  display: none !important;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content fieldset .fieldset-legend {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1px;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content fieldset:not(.fieldgroup) {
  background: transparent;
  margin-bottom: 0;
  margin-top: 0.25rem;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content fieldset:not(.fieldgroup) > legend {
  text-transform: uppercase;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content fieldset:not(.fieldgroup) fieldset:not(.fieldgroup),
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content fieldset:not(.fieldgroup) details {
  background: #f4f5f5;
  border-color: #f4f5f5;
  margin-top: 0;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content fieldset:not(.fieldgroup) fieldset:not(.fieldgroup) {
  padding: 8px;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content fieldset:not(.fieldgroup) details summary {
  margin-bottom: 0.5rem;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content fieldset:not(.fieldgroup) details fieldset:not(.fieldgroup) {
  padding-left: 0;
  padding-right: 0;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content fieldset:not(.fieldgroup).form-type-textfield, .ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content fieldset:not(.fieldgroup).form-type-select {
  padding-top: 2rem;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content label {
  font-weight: 500;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content input,
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content select,
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content textarea {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0.75rem 1rem;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .description,
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .summary-content {
  color: #696969;
  font-size: 12px;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item input:not(.button),
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item textarea,
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item select {
  background-color: #f4f5f5;
  border: 1px solid #f4f5f5;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  padding: 11px 14px;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item input:not(.button):focus,
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item textarea:focus,
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item select:focus {
  border-color: #00725f;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item input[type=date]:focus, .ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item input[type=datetime-local]:focus, .ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item input[type=email]:focus, .ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item input[type=month]:focus, .ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item input[type=number]:focus, .ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item input[type=password]:focus, .ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item input[type=tel]:focus, .ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item input[type=text]:focus, .ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item input[type=time]:focus, .ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item input[type=url]:focus {
  border-color: #00725f;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item .custom-select {
  box-sizing: border-box;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  height: 42px;
  padding: 11px 50px 11px 14px;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item .custom-select:focus {
  border-color: #00725f;
  box-shadow: 0 0 0 0.2rem rgba(0, 114, 95, 0.25);
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item .form-item--error-message {
  color: #be1a33;
  font-size: 14px;
  font-weight: bold;
  margin-top: 4px;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item-upload,
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item-url {
  margin: 0;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item-upload .description,
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-item-url .description {
  font-size: 14px;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .select-wrapper {
  max-width: 333px;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-type-textarea + .filter-wrapper {
  margin-top: -1rem;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-type-checkbox,
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-type-radio {
  margin: 0;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-type-checkbox input,
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-type-radio input {
  height: auto;
  opacity: 1;
  position: relative;
  left: auto;
  top: auto;
  width: auto;
  z-index: auto;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-type-checkbox input ~ label,
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-type-radio input ~ label {
  padding-left: 0;
  position: relative;
  top: auto;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-type-checkbox input ~ label::before, .ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-type-checkbox input ~ label::after,
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-type-radio input ~ label::before,
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-type-radio input ~ label::after {
  display: none;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-type-radio label.option {
  color: #4a4542;
  font-size: 14px;
  font-weight: normal;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-type-date {
  display: inline-block;
  margin-top: 0;
  width: auto;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .jcf-select {
  display: inline-block;
  height: auto;
  padding: 0.5rem 0.75rem;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .jcf-select + label {
  left: 0;
  top: 1rem;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .jcf-select + label::after {
  display: none !important;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .jcf-select .jcf-select-text {
  font-size: 14px;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .jcf-select .jcf-select-opener {
  background-size: 12px auto;
  width: 34px;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .jcf-select-drop .jcf-select-drop-content {
  margin: 0;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .jcf-select-drop .jcf-select-drop-content .jcf-list {
  font-size: 14px;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .jcf-select-drop .jcf-select-drop-content .jcf-list .jcf-option {
  border-left: 0 !important;
  padding: 0.5rem 0.75rem;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .form-actions {
  padding: 0;
  margin: 0;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .tabledrag-toggle-weight {
  border-radius: 3em;
  color: #4a4542;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 0.5em 1.5em;
  transition: all 200ms ease-out;
  background: transparent;
  border: 0;
  outline: 0;
}
a .ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content.tabledrag-handle .handle {
  background-position: -1px 7px;
  height: auto;
}
table .ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content.field-multiple-table {
  border: 1px dotted #4a4542;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 100%;
}
table .ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content.field-multiple-table > thead th {
  background: #4a4542;
  color: #fff;
}
table .ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content.field-multiple-table > thead th:first-child {
  border-top-left-radius: 5px;
}
table .ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content.field-multiple-table > thead th:last-child {
  border-top-right-radius: 5px;
}
table .ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content.field-multiple-table table {
  border: 0;
}
table .ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content.field-multiple-table table > thead th {
  background: #fff;
}
tr table .ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content.field-multiple-table tbody.draggable {
  border-bottom: 1px solid #696969;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .field-add-more-submit {
  color: #00725f !important;
  border: 2px solid #00725f;
  margin-top: 1rem;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .field-add-more-submit:hover, .ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .field-add-more-submit:focus {
  color: #fff !important;
  background: #00725f;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .dropbutton .field-add-more-submit {
  margin-top: 0;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .field--type-text-long .filter-wrapper .form-type-select {
  display: inline-block;
  padding-top: 0;
  padding-left: 100px;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .heading-widget--container {
  display: flex;
  align-items: center;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .heading-widget--container input {
  margin-bottom: 0;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .heading-widget--container > fieldset {
  margin-right: 1.5rem;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .heading-widget--container > div {
  margin-right: 1rem;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .heading-widget--container > div label {
  margin-right: 0.5rem;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .heading-widget--container > .form-type-textfield,
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .heading-widget--container > .form-type-select {
  display: flex;
  align-items: center;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .heading-widget--container > .form-type-textfield label {
  margin-top: 0.5rem;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .entities-list .item-container > article {
  max-width: 50%;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .entities-list .item-container > input {
  border: 0;
  background: #f4f5f5;
  margin-top: 1rem;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .entities-list .item-container > input:hover {
  background: #eff2f3;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .field--widget-options-buttons .description {
  margin-bottom: 5px;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .field--widget-options-buttons .form-type-radio {
  margin-top: 0;
  margin-bottom: 0.25rem;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .field--widget-options-buttons fieldset input {
  margin-right: 5px;
  vertical-align: middle;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .field--widget-options-buttons fieldset input ~ label .ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .field--widget-options-buttons fieldset input.option {
  color: #4a4542;
  font-size: 13px;
  font-weight: normal;
  position: relative;
  top: auto;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .field--widget-boolean-checkbox {
  margin: 0.5rem 0;
}
.ui-dialog:not(.ausy-builder-dialog-modal):not(.media-library-widget-modal) > .ui-widget-content .field--widget-media-library-widget {
  border: 1px solid #f4f5f5;
  padding: 0 1rem 1rem;
}

.ui-dialog.media-library-widget-modal .ui-widget-header {
  background: #d9e7ef;
  border-bottom: 0;
  font-size: 1.25rem;
}
.ui-dialog > .ui-widget-content .media-library-widget__toggle-weight {
  background: #f4f5f5;
  border: 0;
  border-radius: 20px;
  color: #4a4542;
  padding: 0.5rem 1rem;
  font-size: 14px;
  font-weight: 700;
  transition: all 200ms ease-out;
}
.ui-dialog > .ui-widget-content .media-library-widget__toggle-weight:hover, .ui-dialog > .ui-widget-content .media-library-widget__toggle-weight:focus {
  background: #eff2f3;
}
.ui-dialog > .ui-widget-content .media-library-content {
  border: 0;
}
.ui-dialog > .ui-widget-content .media-library-widget .fieldset-legend {
  font-weight: bold;
}
.ui-dialog > .ui-widget-content .media-library-widget .fieldset-wrapper {
  font-size: 14px;
}
.ui-dialog > .ui-widget-content .media-library-widget .media-library-item__attributes {
  background: transparent;
}
.ui-dialog > .ui-widget-content .media-library-view {
  margin-top: 1rem;
  border: 1px solid #f4f5f5;
  padding: 1rem;
}
.ui-dialog > .ui-widget-content .media-library-view > form {
  width: 100%;
}
.ui-dialog > .ui-widget-content .media-library-view > .views-form {
  flex: 0 0 80%;
  order: 3;
}
.ui-dialog > .ui-widget-content .media-library-view > .column--folders {
  flex: 0 0 20%;
  order: 2;
  padding: 0.5rem 1rem 0 0;
}
.ui-dialog > .ui-widget-content .media-library-view .media-library-item--grid::before {
  width: calc(100% - 14px);
}
.ui-dialog > .ui-widget-content .media-library-view img {
  width: 100%;
}
.ui-dialog > .ui-widget-content .media-library-view .media-library-item__attributes {
  background: transparent;
}

.ui-dialog.portima-entity-feedback-modal {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  border-radius: 1rem;
}
.ui-dialog.portima-entity-feedback-modal .ui-dialog-titlebar {
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
}
.ui-dialog.portima-entity-feedback-modal .ui-dialog-titlebar .ui-dialog-title {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-size: 1.5rem;
  font-weight: normal;
}
.ui-dialog.portima-entity-feedback-modal .ui-dialog-titlebar .ui-dialog-titlebar-close {
  background: transparent;
  border: 0;
  background-image: url("/themes/custom/ocelot_myportima/assets/images/icons/close.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px;
  opacity: 0.5;
  transition: all 0.2s ease-in-out;
}
.ui-dialog.portima-entity-feedback-modal .ui-dialog-titlebar .ui-dialog-titlebar-close:hover, .ui-dialog.portima-entity-feedback-modal .ui-dialog-titlebar .ui-dialog-titlebar-close:focus {
  opacity: 1;
}
.ui-dialog.portima-entity-feedback-modal > .ui-widget-content {
  border: 0 !important;
  padding: 1rem 1.5rem !important;
}
.ui-dialog.portima-entity-feedback-modal > .ui-widget-content .form-item {
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
}
.ui-dialog.portima-entity-feedback-modal > .ui-widget-content .form-item label {
  margin-bottom: 1rem;
}
.ui-dialog.portima-entity-feedback-modal > .ui-widget-content .form-item .form-control {
  background: #fff;
  border-color: #d2d7d7;
}
.ui-dialog.portima-entity-feedback-modal > .ui-widget-content .form-actions {
  text-align: center;
}
.ui-dialog.portima-entity-feedback-modal .ajax-progress-throbber {
  left: 49%;
  position: fixed;
  top: 48.5%;
  z-index: 1000;
  background-color: #212529;
  background-image: url("/core/misc/loading-small.gif");
  background-repeat: no-repeat;
  border-radius: 7px;
  height: 24px;
  opacity: 0.9;
  padding: 4px;
  width: 24px;
}
.ui-dialog.portima-entity-feedback-modal .ajax-progress-throbber .throbber,
.ui-dialog.portima-entity-feedback-modal .ajax-progress-throbber .message {
  display: none;
}
.ui-dialog.portima-entity-feedback-modal .ui-dialog-buttonpane {
  margin-top: 0;
  background: #f4f5f5;
  padding: 0.5rem 1rem;
  border-width: 0;
  border-color: #ced4da;
}
.ui-dialog.portima-entity-feedback-modal .ui-dialog-buttonpane .ui-dialog-buttonset {
  margin: 0;
  padding: 0;
}
.ui-dialog.portima-entity-feedback-modal .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {
  padding: 0;
}
.ui-dialog.portima-entity-feedback-modal .ui-dialog-buttonpane .button--primary {
  background: #009b81;
  border-color: #009b81;
  color: #fff;
}
.ui-dialog.portima-entity-feedback-modal .ui-dialog-buttonpane .button--primary:hover, .ui-dialog.portima-entity-feedback-modal .ui-dialog-buttonpane .button--primary:focus {
  background: #00725f;
  border-color: #00725f;
}

.newsletter-form {
  position: relative;
}
.newsletter-form .webform-elements,
.newsletter-form .form-type-webform-agreement-terms-of-service,
.newsletter-form .form-actions {
  margin-bottom: 0 !important;
}
.newsletter-form .form-type-email input {
  border-radius: 26px;
  padding-right: 10rem;
}
.newsletter-form .form-actions {
  position: absolute;
  top: 0;
  right: 0;
}
.newsletter-form .form-submit {
  padding: 15px 18px;
}

.portinet-status-indicator {
  padding: 1.5rem 1.3rem 1rem;
  border-radius: 4px;
}
.portinet-status-indicator .status__text {
  margin-top: 4px;
}
.portinet-status-indicator .status__graph {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 3rem;
  max-width: 6rem;
}
.portinet-status-indicator .status__graph .bar {
  background-color: transparent;
  width: 15%;
  height: 50%;
  border-radius: 2px;
}
.portinet-status-indicator .status__graph .bar.bar-2 {
  height: 75%;
}
.portinet-status-indicator .status__graph .bar.bar-3 {
  height: 100%;
}
.portinet-status-indicator .status__graph .bar.bar-4 {
  height: 100%;
}
.portinet-status-indicator .status__graph .bar:not(:last-child) {
  margin-right: 6%;
}
.portinet-status-indicator.green {
  background-color: #f4f5f5;
}
.portinet-status-indicator.green .bar {
  background-color: #009e80;
}
.portinet-status-indicator.red {
  background-color: #fbebe2;
}
.portinet-status-indicator.red .status__title {
  color: #e87a43;
}
.portinet-status-indicator.red .bar {
  border: 3px solid #e87a43;
}
.portinet-status-indicator.red .bar.bar-1 {
  background-color: #e87a43;
}

.paragraph--type--block .block-portinet-network-status {
  padding: 0;
}

.page__banner {
  max-height: 500px;
  overflow: hidden;
}

.page-title__wrapper {
  margin-bottom: 15px;
  margin-top: 45px;
}
@media (min-width: 768px) {
  .page-title__wrapper {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .page-title__wrapper {
    margin-top: 60px;
  }
}
.page-title__wrapper .page-title {
  border-left: 8px solid #009e80;
  padding-left: 20px;
}

.page-title .text-align-left,
.page-title .text-align-center,
.page-title .text-align-right,
.page-title .text-align-justify {
  display: block;
}

.pager {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .pager {
    margin-bottom: 60px;
  }
}
.pager__items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.pager__item, .pager__item--first, .pager__item--previous, .pager__item--next, .pager__item--last {
  margin: 0 7px;
}
.pager__item a, .pager__item--first a, .pager__item--previous a, .pager__item--next a, .pager__item--last a {
  border: 1px solid transparent;
  border-radius: 50%;
  color: #005645;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  font-weight: 300;
  line-height: 1;
  text-decoration: none;
  width: 28px;
}
.pager__item a {
  background: transparent;
  font-size: 0.875rem;
}
.pager__item a:hover, .pager__item a:focus {
  background: #ffd17d;
}
.pager__item.is-active a {
  background: #ffd17d;
}
.pager__item--first a, .pager__item--previous a, .pager__item--next a, .pager__item--last a {
  border-color: #eff2f3;
  color: #009e80;
}
.pager__item--first a span, .pager__item--previous a span, .pager__item--next a span, .pager__item--last a span {
  margin-top: -2px;
}
.pager__item--first a:hover, .pager__item--first a:focus, .pager__item--previous a:hover, .pager__item--previous a:focus, .pager__item--next a:hover, .pager__item--next a:focus, .pager__item--last a:hover, .pager__item--last a:focus {
  border-color: #009e80;
}
.pager__item--ellipsis {
  color: #ffd17d;
}

.content-moderation-entity-moderation-form {
  max-width: 100%;
}

.diff-responsive-table-wrapper > h2 {
  display: none;
}

.search-filter {
  position: relative;
}
.search-filter:not(:last-child) {
  border-bottom: 3px solid #d2d7d7;
  margin-bottom: 1rem;
  padding-bottom: 14px;
}
@media (min-width: 992px) {
  .search-filter:not(:last-child) {
    margin-bottom: 30px;
  }
}
.search-filter h4 {
  margin-bottom: 11px;
  padding-top: 11px;
  padding-right: 160px;
}
@media (min-width: 768px) {
  .search-filter h4 {
    margin-bottom: 1rem;
    padding-top: 0;
    padding-right: 0;
  }
}
.search-filter__toggle {
  position: absolute;
  top: 0;
  right: 0;
}
.page-wrapper .search-filter__toggle {
  margin-bottom: 0;
}
.search-filter__toggle .far {
  margin-left: 0.5rem;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .page-wrapper .search-filter__toggle {
    display: none;
  }
}
.search-filter__content {
  display: none;
}
@media (min-width: 768px) {
  .search-filter__content {
    display: block;
  }
}
.search-filter__content form {
  margin-top: 20px;
}
.search-filter__content form:first-child {
  margin-top: 0;
}
.search-filter__content form .form-autocomplete {
  background-position: 95% center;
}
.search-filter__content form .form-item {
  margin-bottom: 0;
}
.search-filter__content form .form-item.form-check {
  margin-bottom: 0.5rem;
}
.search-filter__content form .form-item.js-form-type-date {
  display: inline-block;
  width: 80%;
}
.search-filter__content form .form-item.js-form-type-date .form-date {
  height: 55px;
}
.search-filter__content form .form-actions {
  position: absolute;
  bottom: 14px;
  right: 0;
  width: 20%;
}
.search-filter__content form .form-actions::after {
  content: "\f002";
  color: #fff;
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  font-weight: 400;
  width: 18px;
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 55px;
  padding: 1rem 0;
  text-align: center;
  border: 1px solid transparent;
  line-height: 1;
}
.search-filter__content form .form-actions .button {
  margin-bottom: 0;
  overflow: hidden;
  text-indent: -9999px;
  width: 100%;
  height: 55px;
  line-height: 1;
}
.page-wrapper .search-filter__content form .form-actions .button {
  margin-bottom: 0;
  padding: 1rem 0;
  border: 1px solid transparent;
  line-height: 1;
}
.js .search-filter__content form .form-actions .button.js-hide {
  display: none;
}
.search-filter.show-filters h4 {
  margin-bottom: 1rem;
}
.search-filter.show-filters .search-filter__toggle .far {
  transform: rotate(180deg);
}
.search-filter.show-filters .search-filter__content {
  display: block;
}
.search-filter__facets {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.search-filter__facets .search-filter__facet {
  margin-bottom: 10px;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 992px) {
  .search-filter__facets .search-filter__facet > a {
    position: relative;
  }
  .search-filter__facets .search-filter__facet > a:hover, .search-filter__facets .search-filter__facet > a:focus {
    color: #333;
    text-decoration: none;
  }
  .search-filter__facets .search-filter__facet > a:hover + span, .search-filter__facets .search-filter__facet > a:focus + span {
    color: #333;
  }
}
.search-filter__facets a + span {
  color: #00725f;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
}
.search-filter__facets a {
  margin-right: 0.5rem;
}
@media (min-width: 992px) {
  .search-filter__facets a,
.search-filter__facets a + span {
    font-size: 1.125rem;
    line-height: 1.3;
  }
}
.search-filter__facets .search-filter__facet--active span {
  color: #00725f;
  font-size: 1.125rem;
  font-weight: 700;
  transition: all 0.2s ease-in-out;
}
.search-filter__facets .search-filter__facet--active .search-filter__remove::before {
  content: "\f057";
  color: #be1a33;
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 400;
  width: 1rem;
  transition: all 0.2s ease-in-out;
}
.search-filter__facets .search-filter__facet--active .search-filter__remove:hover, .search-filter__facets .search-filter__facet--active .search-filter__remove:focus {
  text-decoration: none;
}
.search-filter__facets .search-filter__facet--active .search-filter__remove:hover + span, .search-filter__facets .search-filter__facet--active .search-filter__remove:focus + span {
  color: #be1a33;
}

.search-filter__facets--active {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .search-filter__facets--active {
    display: flex;
  }
  .search-filter__facets--active h4 {
    margin-right: 1rem;
    margin-bottom: 0;
    padding-top: 14px;
  }
}
.search-filter__facets--active .search-filter__facets-list {
  display: flex;
  flex-wrap: wrap;
}
.search-filter__facets--active .search-filter__facet--active {
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.search-filter__facets--active .search-filter__facet--active a {
  border: 3px solid #d2d7d7;
  color: #00725f;
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 700;
  padding: 10px 20px;
}
.search-filter__facets--active .search-filter__facet--active a .far {
  color: #be1a33;
  margin-right: 0.5rem;
}
.search-filter__facets--active .search-filter__facet--active a:hover, .search-filter__facets--active .search-filter__facet--active a:focus {
  border-color: #be1a33;
  color: #be1a33;
  text-decoration: none;
}

@media (min-width: 768px) {
  .block-search-header {
    margin-right: 30px;
  }
  .path-frontpage header .block-search-header {
    display: none;
  }
}
@media (min-width: 992px) {
  .block-search-header {
    margin-right: 40px;
  }
}
.block-search-header .header-search-form {
  position: relative;
}
.block-search-header .header-search-form .form-item-query {
  margin-bottom: 0;
}
.block-search-header .header-search-form .form-item-query label {
  display: none;
}
.block-search-header .header-search-form .form-item-query input {
  padding-right: 44px;
}
.block-search-header .header-search-form .form-item-query input.form-autocomplete {
  background-image: none;
}
@media (min-width: 768px) {
  .block-search-header .header-search-form .form-item-query input {
    max-width: 250px;
  }
  html[lang=nl] header .block-search-header .header-search-form .form-item-query input {
    max-width: 180px;
  }
}
@media (min-width: 992px) {
  .block-search-header .header-search-form .form-item-query input {
    transition: all 0.2s ease-in-out;
  }
  .block-search-header .header-search-form .form-item-query input:focus {
    max-width: 360px;
  }
  html[lang=nl] header .block-search-header .header-search-form .form-item-query input:focus {
    max-width: 320px;
  }
}
.block-search-header .header-search-form .form-actions {
  position: absolute;
  right: 14px;
  top: 13px;
}
.block-search-header .header-search-form .form-actions::before {
  content: "\f002";
  color: #00725f;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.125rem;
  font-weight: 400;
  width: 1.125rem;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-indent: 0;
}
.block-search-header .header-search-form .form-actions .btn:not(.ausy-builder-add-link):not(.btn-secondary) {
  background: transparent;
  height: 30px;
  margin-bottom: 0;
  overflow: hidden;
  padding: 0;
  text-indent: 110%;
  width: 30px;
}
.block-search-header .search-header__trigger,
.block-search-header .search-header__close {
  border: 0;
  background: transparent;
  cursor: pointer;
  display: block;
  font-size: 1.125rem;
  font-weight: 600;
  margin-right: 1rem;
  padding: 0;
}
.block-search-header .search-header__trigger .far,
.block-search-header .search-header__close .far {
  color: #00725f;
  margin-right: 10px;
}
.block-search-header .search-header__trigger:hover, .block-search-header .search-header__trigger:focus, .block-search-header .search-header__trigger:active,
.block-search-header .search-header__close:hover,
.block-search-header .search-header__close:focus,
.block-search-header .search-header__close:active {
  color: #00725f;
}
@media (min-width: 768px) {
  .block-search-header .search-header__trigger,
.block-search-header .search-header__close {
    display: none;
  }
}
.block-search-header .search-header__overlay {
  display: none;
}
@media (min-width: 768px) {
  .block-search-header .search-header__overlay {
    display: block;
  }
}
.block-search-header .search-header__close {
  color: #00725f;
  display: none;
}
.block-search-header.search-header--active .search-header__overlay,
.block-search-header.search-header--active .search-header__close {
  display: block;
}
.block-search-header.search-header--active .search-header__trigger {
  display: none;
}
.block-search-header.search-header--active .search-header__overlay {
  background: #fff;
  border-top: 3px solid #d2d7d7;
  margin-top: 1rem;
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  transition: all 0.2s ease-in-out;
  z-index: 10;
}
.block-search-header.search-header--active .search-header__overlay .content {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04);
  position: relative;
  padding: 20px 1rem;
}

.block-more-results-block,
.block-events-only-more-results-block {
  background-color: #f4f5f5;
  padding: 45px 0;
}
.block-more-results-block .search-more__title,
.block-events-only-more-results-block .search-more__title {
  margin-bottom: 30px;
  text-align: center;
}
.block-more-results-block .search-more__block-title,
.block-events-only-more-results-block .search-more__block-title {
  border-left: 5px solid #009e80;
  color: #000;
  margin-bottom: 20px;
  padding-left: 10px;
}
.block-more-results-block .search-more__results,
.block-events-only-more-results-block .search-more__results {
  margin-bottom: 30px;
}
.block-more-results-block .search-more__results > .card,
.block-events-only-more-results-block .search-more__results > .card {
  margin-bottom: 1rem;
}
.block-more-results-block .search-more__results > .card .card__link,
.block-events-only-more-results-block .search-more__results > .card .card__link {
  box-shadow: none;
}
.block-more-results-block .search-more__results .more-link,
.block-events-only-more-results-block .search-more__results .more-link {
  display: flex;
  justify-content: flex-end;
}
.block-more-results-block .search-more__results .view-search-visithasselt .card,
.block-events-only-more-results-block .search-more__results .view-search-visithasselt .card {
  margin-bottom: 1rem;
}
.block-more-results-block .search-more__results .view-search-visithasselt .card__link,
.block-events-only-more-results-block .search-more__results .view-search-visithasselt .card__link {
  background: #fff;
  color: #333;
  display: block;
  padding: 20px 20px 36px;
  position: relative;
}
.block-more-results-block .search-more__results .view-search-visithasselt .card__link::before, .block-more-results-block .search-more__results .view-search-visithasselt .card__link::after,
.block-events-only-more-results-block .search-more__results .view-search-visithasselt .card__link::before,
.block-events-only-more-results-block .search-more__results .view-search-visithasselt .card__link::after {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.block-more-results-block .search-more__results .view-search-visithasselt .card__link::before,
.block-events-only-more-results-block .search-more__results .view-search-visithasselt .card__link::before {
  background: #d2d7d7;
}
.block-more-results-block .search-more__results .view-search-visithasselt .card__link::after,
.block-events-only-more-results-block .search-more__results .view-search-visithasselt .card__link::after {
  background: #009e80;
  transition: all 0.2s ease-in-out;
  width: 0;
}
.block-more-results-block .search-more__results .view-search-visithasselt .card__link > .far,
.block-events-only-more-results-block .search-more__results .view-search-visithasselt .card__link > .far {
  color: #00725f;
  opacity: 1;
  right: 20px;
  bottom: 20px;
}
.block-more-results-block .search-more__results .view-search-visithasselt .card__link:hover, .block-more-results-block .search-more__results .view-search-visithasselt .card__link:focus,
.block-events-only-more-results-block .search-more__results .view-search-visithasselt .card__link:hover,
.block-events-only-more-results-block .search-more__results .view-search-visithasselt .card__link:focus {
  text-decoration: none;
}
.block-more-results-block .search-more__results .view-search-visithasselt .card__link:hover .search-result__title, .block-more-results-block .search-more__results .view-search-visithasselt .card__link:focus .search-result__title,
.block-events-only-more-results-block .search-more__results .view-search-visithasselt .card__link:hover .search-result__title,
.block-events-only-more-results-block .search-more__results .view-search-visithasselt .card__link:focus .search-result__title {
  color: #00725f;
}
.block-more-results-block .search-more__results .view-search-visithasselt .card__link:hover::after, .block-more-results-block .search-more__results .view-search-visithasselt .card__link:focus::after,
.block-events-only-more-results-block .search-more__results .view-search-visithasselt .card__link:hover::after,
.block-events-only-more-results-block .search-more__results .view-search-visithasselt .card__link:focus::after {
  width: 100%;
}
.block-more-results-block .search-more__results .view-search-visithasselt .card__link:hover > .far, .block-more-results-block .search-more__results .view-search-visithasselt .card__link:focus > .far,
.block-events-only-more-results-block .search-more__results .view-search-visithasselt .card__link:hover > .far,
.block-events-only-more-results-block .search-more__results .view-search-visithasselt .card__link:focus > .far {
  right: 14px;
}
@media (min-width: 768px) {
  .block-more-results-block,
.block-events-only-more-results-block {
    padding: 60px 0;
  }
  .block-more-results-block .search-more__title,
.block-events-only-more-results-block .search-more__title {
    margin-bottom: 45px;
  }
  .block-more-results-block .search-more__block-title,
.block-events-only-more-results-block .search-more__block-title {
    margin-bottom: 30px;
  }
  .block-more-results-block .search-more__results,
.block-events-only-more-results-block .search-more__results {
    margin-bottom: 0;
  }
  .block-more-results-block .search-more__results > .card,
.block-events-only-more-results-block .search-more__results > .card {
    margin-bottom: 30px;
  }
  .block-more-results-block .search-more__results .view-search-visithasselt .card,
.block-events-only-more-results-block .search-more__results .view-search-visithasselt .card {
    margin-bottom: 30px;
  }
  .block-more-results-block .search-more__results .view-search-visithasselt .card__link,
.block-events-only-more-results-block .search-more__results .view-search-visithasselt .card__link {
    padding: 30px 30px 46px;
  }
  .block-more-results-block .search-more__results .view-search-visithasselt .card__link > .far,
.block-events-only-more-results-block .search-more__results .view-search-visithasselt .card__link > .far {
    right: 30px;
    bottom: 30px;
  }
  .block-more-results-block .search-more__results .view-search-visithasselt .card__content,
.block-events-only-more-results-block .search-more__results .view-search-visithasselt .card__content {
    font-size: 1.125rem;
  }
}

.search-result {
  border-top: 3px solid #d2d7d7;
  display: block;
  padding: 30px 0;
}
.search-result__link:hover, .search-result__link:focus {
  text-decoration: none;
}
.search-result__link:hover .search-result__title, .search-result__link:focus .search-result__title {
  color: #00725f;
}
.search-result__link:hover .search-result__title::after, .search-result__link:focus .search-result__title::after {
  opacity: 1;
}
.search-result__title::after {
  content: "\f0a9";
  color: #00725f;
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  font-weight: 400;
  width: 20px;
  margin-left: 0.5rem;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.search-result__meta {
  color: #333;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.search-result__summary {
  color: #000;
  font-weight: 300;
}
.search-result__summary p:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .search-result__summary {
    font-size: 1.125rem;
  }
}

.search-results__header {
  color: #333;
  font-weight: 600;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .search-results__header {
    font-size: 1.125rem;
  }
}
.search-results__header .link--search-other-results {
  border-bottom: 1px solid transparent;
  display: inline-block;
  font-size: 0.875rem;
}
.search-results__header .link--search-other-results::after {
  content: "\f0ab";
  color: #00725f;
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  font-weight: 400;
  width: 12px;
  margin-left: 5px;
}
.search-results__header .link--search-other-results:hover, .search-results__header .link--search-other-results:focus {
  border-color: #009e80;
  text-decoration: none;
}
.search-results__header .link--search-other-results:hover::after, .search-results__header .link--search-other-results:focus::after {
  color: inherit;
}
@media (min-width: 768px) {
  .search-results__header .link--search-other-results {
    margin-left: 1rem;
  }
}

.studio-brio__search {
  max-width: 450px;
}
.studio-brio__search .form-item .form-text {
  background-image: url("../images/icons-studio/icon-search.svg");
  background-position: right 18px center;
  background-repeat: no-repeat;
  background-size: 1.125rem;
  padding-right: 48px;
}
.studio-brio__search .form-item .form-text.ui-autocomplete-loading {
  background-position: right 18px center;
}
.studio-brio__search.block-configurable-views-filter-block {
  display: flex;
  justify-content: flex-end;
  max-width: 100%;
  width: 50%;
}
.studio-brio__search.block-configurable-views-filter-block .form-type-select {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .studio-brio__search.block-configurable-views-filter-block {
    position: absolute;
    right: 15px;
    top: calc(100% - 1rem);
  }
}

.search {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .search {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .search {
    max-width: 700px;
  }
}
.search > form {
  display: flex;
  align-items: flex-end;
}
.search .form-item-query {
  flex: 1 1 auto;
}
.search .form-item-query input.form-autocomplete {
  background-position: 98% center;
}
.search .form-actions {
  position: relative;
}
.search .form-actions::before {
  content: "\f002";
  color: #fff;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.125rem;
  font-weight: 400;
  width: 1.125rem;
  pointer-events: none;
  position: absolute;
  top: 13px;
  left: 20px;
}
@media (min-width: 768px) {
  .search .form-actions::before {
    top: 14px;
  }
}
.search .form-actions .btn:not(.ausy-builder-add-link):not(.btn-secondary) {
  padding: 14px 20px 14px 48px;
}
@media (min-width: 768px) {
  .search .form-actions .btn:not(.ausy-builder-add-link):not(.btn-secondary) {
    height: 56px;
    padding: 15px 20px 15px 48px;
  }
}

.ausy-social-media-sharing {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ausy-social-media-sharing .social-label {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1;
  margin-top: 3px;
}
.ausy-social-media-sharing .social-links {
  display: flex;
  list-style-type: none;
  margin: 0 0 0 0.25rem;
  padding: 0;
}
.ausy-social-media-sharing .social-links li {
  margin-left: 6px;
  margin-right: 0;
}
.ausy-social-media-sharing .share {
  background: #fff;
  border: 1px solid #ffd17d;
  border-radius: 50%;
  color: #00725f;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 2rem;
}
.ausy-social-media-sharing .share.facebook-share, .ausy-social-media-sharing .share.twitter, .ausy-social-media-sharing .share.linkedin {
  background: #fff;
}
.ausy-social-media-sharing .share:hover, .ausy-social-media-sharing .share:focus {
  background: #ffd17d;
}
.ausy-social-media-sharing .share + .ajax-progress {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tile {
  height: 100%;
  position: relative;
  text-align: center;
}
.tile__link {
  background-color: #fff;
  display: block;
  height: 100%;
  padding: 20px 15px;
  text-decoration: none;
  width: 100%;
}
.tile__link::after {
  background: #ffd17d;
  content: "";
  display: block;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity 0.15s linear;
  width: 100%;
  z-index: 2;
}
@media (min-width: 768px) {
  .tile__link {
    padding: 30px 20px 20px;
  }
}
@media (min-width: 992px) {
  .tile__link {
    padding: 30px 24px 24px;
  }
}
.tile__link:hover {
  text-decoration: none;
}
.tile__link:hover::after {
  opacity: 0.85;
}
.tile__icon {
  color: #00725f;
  font-size: 3rem;
}
@media (min-width: 768px) {
  .tile__icon {
    font-size: 4.25rem;
  }
}
.tile__title {
  margin-top: 30px;
}
@media (max-width: 767.98px) {
  .tile__title {
    font-size: 0.875rem;
    margin-top: 20px;
  }
}
.tile__description {
  color: #333;
}
.tile__description p {
  font-size: 0.875rem;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}
@media (min-width: 768px) {
  .tile__description p {
    font-size: 15px;
  }
}

.tooltip .tooltip-inner {
  text-align: left;
}
.tooltip .tooltip-inner * {
  color: inherit !important;
  font-size: 90%;
}
.tooltip .tooltip-inner a,
.tooltip .tooltip-inner a:hover,
.tooltip .tooltip-inner a:focus {
  color: #00725f;
  text-decoration: underline;
}

.popover-body {
  text-align: left;
}
.popover-body * {
  color: inherit !important;
  font-size: 90%;
}
.popover-body a,
.popover-body a:hover,
.popover-body a:focus {
  color: #00725f;
  text-decoration: underline;
}

.tutorial-block__levels {
  padding: 1.25rem 1.125rem;
}
.tutorial-block__levels .block__title {
  color: #333;
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  font-size: 1rem;
}
.tutorial-block__levels .taxonomy-term {
  margin-bottom: 10px;
}
.tutorial-block__levels .taxonomy__link,
.tutorial-block__levels .all-link {
  display: inline-block;
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-size: 17px;
}
.tutorial-block__levels .all-link {
  padding-right: 1.5rem;
  position: relative;
}
.tutorial-block__levels .all-link::after {
  background-image: url("../images/icons-studio/icon-chevron-right.svg");
  background-repeat: no-repeat;
  background-size: 1rem;
  content: "";
  display: inline-block;
  height: 1rem;
  position: absolute;
  right: 3px;
  top: 2px;
  transition: all 0.2s ease-in-out;
  width: 1rem;
}
.tutorial-block__levels .all-link:hover::after, .tutorial-block__levels .all-link:focus::after {
  right: 0;
}
.tutorial-block__levels .tutorial__level--tile .level__link {
  padding-left: 30px;
  position: relative;
}
.tutorial-block__levels .tutorial__level--tile .level__icon {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  height: 1.375rem;
  position: absolute;
  left: 0;
  top: 0;
  width: 1.375rem;
}
.tutorial-block__levels .tutorial__level--tile .level__icon.icon--level-1 {
  background-image: url("../images/icons-studio/icon-studio-level-1.svg");
}
.tutorial-block__levels .tutorial__level--tile .level__icon.icon--level-2 {
  background-image: url("../images/icons-studio/icon-studio-level-2.svg");
}
.tutorial-block__levels .tutorial__level--tile .level__icon.icon--level-3 {
  background-image: url("../images/icons-studio/icon-studio-level-3.svg");
}

.tutorial-block__roles {
  padding: 1.25rem 1.125rem;
}
.tutorial-block__roles .block__title {
  color: #333;
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  font-size: 1rem;
}
.tutorial-block__roles .taxonomy-term {
  margin-bottom: 10px;
}
.tutorial-block__roles .taxonomy__link,
.tutorial-block__roles .all-link {
  display: inline-block;
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-size: 17px;
}
.tutorial-block__roles .all-link {
  padding-right: 1.5rem;
  position: relative;
}
.tutorial-block__roles .all-link::after {
  background-image: url("../images/icons-studio/icon-chevron-right.svg");
  background-repeat: no-repeat;
  background-size: 1rem;
  content: "";
  display: inline-block;
  height: 1rem;
  position: absolute;
  right: 3px;
  top: 2px;
  transition: all 0.2s ease-in-out;
  width: 1rem;
}
.tutorial-block__roles .all-link:hover::after, .tutorial-block__roles .all-link:focus::after {
  right: 0;
}

.tutorial-block__subjects .subjects__title {
  color: #696969;
  font-size: 1rem;
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  margin-bottom: 0.75rem;
}
.tutorial-block__subjects .subjects__link {
  background: #fff;
  border-radius: 4px;
  box-shadow: 2px 3px 6px rgba(51, 51, 51, 0.15);
  color: #333;
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-size: 0.875rem;
  padding: 1.125rem 10px 0.75rem;
  text-align: center;
}
.tutorial-block__subjects .subjects__link:hover, .tutorial-block__subjects .subjects__link:focus {
  box-shadow: none;
  color: #00725f;
  text-decoration: none;
}
.tutorial-block__subjects .subjects__link.subjects__link--all {
  background: #e5f1ef;
  border: 1px solid #00725f;
  box-shadow: none;
}
.tutorial-block__subjects .subjects__link.subjects__link--all:hover, .tutorial-block__subjects .subjects__link.subjects__link--all:focus {
  background: rgba(0, 114, 95, 0.075);
  box-shadow: 1px 3px 4px rgba(51, 51, 51, 0.075);
  border-color: rgba(0, 114, 95, 0.035);
}
.tutorial-block__subjects .subjects__icon {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 1.625rem;
  margin-bottom: 10px;
  width: 1.625rem;
}
.tutorial-block__subjects .subjects__icon.icon--analytics {
  background-image: url("../images/icons-studio/icon-studio-analytics.svg");
}
.tutorial-block__subjects .subjects__icon.icon--no-paper {
  background-image: url("../images/icons-studio/icon-studio-no-paper.svg");
}
.tutorial-block__subjects .subjects__icon.icon--legislation {
  background-image: url("../images/icons-studio/icon-studio-legislation.svg");
}
.tutorial-block__subjects .subjects__icon.icon--start {
  background-image: url("../images/icons-studio/icon-studio-start.svg");
}
.tutorial-block__subjects .subjects__icon.icon--settings {
  background-image: url("../images/icons-studio/icon-studio-settings.svg");
}
.tutorial-block__subjects .subjects__icon.icon--branding {
  background-image: url("../images/icons-studio/icon-studio-branding.svg");
}
.tutorial-block__subjects .subjects__icon.icon--letter {
  background-image: url("../images/icons-studio/icon-studio-letter.svg");
}
.tutorial-block__subjects .subjects__icon.icon--digital {
  background-image: url("../images/icons-studio/icon-studio-digital.svg");
}
.tutorial-block__subjects .subjects__icon.icon--my-broker {
  background-image: url("../images/icons-studio/icon-studio-my-broker.svg");
}
.tutorial-block__subjects .subjects__icon.icon--client {
  background-image: url("../images/icons-studio/icon-studio-client.svg");
}
.tutorial-block__subjects .subjects__icon.icon--workflow {
  background-image: url("../images/icons-studio/icon-studio-workflow.svg");
}
.tutorial-block__subjects .subjects__icon.icon--menu {
  background-image: url("../images/icons-studio/icon-studio-menu.svg");
}
.tutorial-block__subjects .subjects__icon.icon--activities {
  background-image: url("../images/icons-studio/icon-studio-categories-activities.svg");
}
.tutorial-block__subjects .subjects__icon.icon--briocompare {
  background-image: url("../images/icons-studio/icon-studio-categories-briocompare.svg");
}
.tutorial-block__subjects .subjects__icon.icon--briomobile {
  background-image: url("../images/icons-studio/icon-studio-categories-briomobile.svg");
}
.tutorial-block__subjects .subjects__icon.icon--claims {
  background-image: url("../images/icons-studio/icon-studio-categories-claims.svg");
}
.tutorial-block__subjects .subjects__icon.icon--contracts {
  background-image: url("../images/icons-studio/icon-studio-categories-contracts.svg");
}
.tutorial-block__subjects .subjects__icon.icon--digitalsignature {
  background-image: url("../images/icons-studio/icon-studio-categories-digitalsignature.svg");
}
.tutorial-block__subjects .subjects__icon.icon--documents {
  background-image: url("../images/icons-studio/icon-studio-categories-documents.svg");
}
.tutorial-block__subjects .subjects__icon.icon--egor {
  background-image: url("../images/icons-studio/icon-studio-categories-egor.svg");
}
.tutorial-block__subjects .subjects__icon.icon--legal {
  background-image: url("../images/icons-studio/icon-studio-categories-legal.svg");
}
.tutorial-block__subjects .subjects__icon.icon--mybroker {
  background-image: url("../images/icons-studio/icon-studio-categories-mybroker.svg");
}
.tutorial-block__subjects .subjects__icon.icon--parties {
  background-image: url("../images/icons-studio/icon-studio-categories-parties.svg");
}

.view-subjects .views-view-grid .row {
  margin-bottom: 1rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.view-subjects .views-view-grid .col-4 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.tutorial-block__types {
  padding: 1.25rem 1.125rem;
}
.tutorial-block__types .block__title {
  color: #333;
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  font-size: 1rem;
}
.tutorial-block__types .taxonomy-term {
  margin-bottom: 10px;
}
.tutorial-block__types .taxonomy__link,
.tutorial-block__types .all-link {
  display: inline-block;
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-size: 17px;
}
.tutorial-block__types .all-link {
  padding-right: 1.5rem;
  position: relative;
}
.tutorial-block__types .all-link::after {
  background-image: url("../images/icons-studio/icon-chevron-right.svg");
  background-repeat: no-repeat;
  background-size: 1rem;
  content: "";
  display: inline-block;
  height: 1rem;
  position: absolute;
  right: 3px;
  top: 2px;
  transition: all 0.2s ease-in-out;
  width: 1rem;
}
.tutorial-block__types .all-link:hover::after, .tutorial-block__types .all-link:focus::after {
  right: 0;
}
.tutorial-block__types .tutorial__type--tile .type__link {
  padding-left: 30px;
  position: relative;
}
.tutorial-block__types .tutorial__type--tile .type__icon {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  height: 1.375rem;
  position: absolute;
  left: 0;
  top: 0;
  width: 1.375rem;
}
.tutorial-block__types .tutorial__type--tile .type__icon.icon--book {
  background-image: url("../images/icons-studio/icon-studio-book.svg");
}
.tutorial-block__types .tutorial__type--tile .type__icon.icon--tuto {
  background-image: url("../images/icons-studio/icon-studio-bulb.svg");
}
.tutorial-block__types .tutorial__type--tile .type__icon.icon--training {
  background-image: url("../images/icons-studio/icon-studio-class.svg");
}
.tutorial-block__types .tutorial__type--tile .type__icon.icon--webinar {
  background-image: url("../images/icons-studio/icon-studio-presentation.svg");
}

.profile {
  margin-bottom: 2rem;
}
.profile-section h4 {
  font-size: 1.125rem;
}
.profile .section--account {
  margin-bottom: 1rem;
}
.profile-field .form-item {
  margin-bottom: 0;
}
.profile__name {
  margin-bottom: 1rem;
}
.profile__email, .profile__phone, .profile__fax, .profile__address {
  display: flex;
}
.profile__email i, .profile__phone i, .profile__fax i, .profile__address i {
  color: #00725f;
  margin-right: 0.65rem;
}
.profile__office {
  margin-bottom: 1rem;
}

.align--widgets-left .row {
  justify-content: flex-start !important;
}

.align--widgets-center .row {
  justify-content: center !important;
}

.align--widgets-right .row {
  justify-content: flex-end !important;
}

.align--content-left {
  text-align: left !important;
}

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

.align--content-right {
  text-align: right !important;
}

.background--primary {
  background-color: #00725f;
  padding: 30px;
}
@media (min-width: 768px) {
  .background--primary {
    padding: 15px;
  }
}
.container > .background--primary, .container-padded > .background--primary, .container-fluid-padded .container__content > .background--primary {
  padding: 20px 15px 5px;
}
@media (min-width: 768px) {
  .container > .background--primary, .container-padded > .background--primary, .container-fluid-padded .container__content > .background--primary {
    padding: 30px 15px 0;
  }
}
.container-fluid > .background--primary, .container-fluid-padded > .background--primary {
  padding: 45px 15px 30px;
}
@media (min-width: 768px) {
  .container-fluid > .background--primary, .container-fluid-padded > .background--primary {
    padding: 60px 15px 30px;
  }
}
@media (min-width: 1230px) {
  .container-fluid > .background--primary, .container-fluid-padded > .background--primary {
    padding: 75px 15px 45px;
  }
}

.background--primary-dark {
  background-color: #005645;
  padding: 30px;
}
@media (min-width: 768px) {
  .background--primary-dark {
    padding: 15px;
  }
}
.container > .background--primary-dark, .container-padded > .background--primary-dark, .container-fluid-padded .container__content > .background--primary-dark {
  padding: 20px 15px 5px;
}
@media (min-width: 768px) {
  .container > .background--primary-dark, .container-padded > .background--primary-dark, .container-fluid-padded .container__content > .background--primary-dark {
    padding: 30px 15px 0;
  }
}
.container-fluid > .background--primary-dark, .container-fluid-padded > .background--primary-dark {
  padding: 45px 15px 30px;
}
@media (min-width: 768px) {
  .container-fluid > .background--primary-dark, .container-fluid-padded > .background--primary-dark {
    padding: 60px 15px 30px;
  }
}
@media (min-width: 1230px) {
  .container-fluid > .background--primary-dark, .container-fluid-padded > .background--primary-dark {
    padding: 75px 15px 45px;
  }
}

.background--primary-light {
  background-color: #009e80;
  padding: 30px;
}
@media (min-width: 768px) {
  .background--primary-light {
    padding: 15px;
  }
}
.container > .background--primary-light, .container-padded > .background--primary-light, .container-fluid-padded .container__content > .background--primary-light {
  padding: 20px 15px 5px;
}
@media (min-width: 768px) {
  .container > .background--primary-light, .container-padded > .background--primary-light, .container-fluid-padded .container__content > .background--primary-light {
    padding: 30px 15px 0;
  }
}
.container-fluid > .background--primary-light, .container-fluid-padded > .background--primary-light {
  padding: 45px 15px 30px;
}
@media (min-width: 768px) {
  .container-fluid > .background--primary-light, .container-fluid-padded > .background--primary-light {
    padding: 60px 15px 30px;
  }
}
@media (min-width: 1230px) {
  .container-fluid > .background--primary-light, .container-fluid-padded > .background--primary-light {
    padding: 75px 15px 45px;
  }
}

.background--primary-10 {
  background-color: #e5f1ef;
  padding: 30px;
}
@media (min-width: 768px) {
  .background--primary-10 {
    padding: 15px;
  }
}
.container > .background--primary-10, .container-padded > .background--primary-10, .container-fluid-padded .container__content > .background--primary-10 {
  padding: 20px 15px 5px;
}
@media (min-width: 768px) {
  .container > .background--primary-10, .container-padded > .background--primary-10, .container-fluid-padded .container__content > .background--primary-10 {
    padding: 30px 15px 0;
  }
}
.container-fluid > .background--primary-10, .container-fluid-padded > .background--primary-10 {
  padding: 45px 15px 30px;
}
@media (min-width: 768px) {
  .container-fluid > .background--primary-10, .container-fluid-padded > .background--primary-10 {
    padding: 60px 15px 30px;
  }
}
@media (min-width: 1230px) {
  .container-fluid > .background--primary-10, .container-fluid-padded > .background--primary-10 {
    padding: 75px 15px 45px;
  }
}

.background--secondary {
  background-color: #ffd17d;
  padding: 30px;
}
@media (min-width: 768px) {
  .background--secondary {
    padding: 15px;
  }
}
.container > .background--secondary, .container-padded > .background--secondary, .container-fluid-padded .container__content > .background--secondary {
  padding: 20px 15px 5px;
}
@media (min-width: 768px) {
  .container > .background--secondary, .container-padded > .background--secondary, .container-fluid-padded .container__content > .background--secondary {
    padding: 30px 15px 0;
  }
}
.container-fluid > .background--secondary, .container-fluid-padded > .background--secondary {
  padding: 45px 15px 30px;
}
@media (min-width: 768px) {
  .container-fluid > .background--secondary, .container-fluid-padded > .background--secondary {
    padding: 60px 15px 30px;
  }
}
@media (min-width: 1230px) {
  .container-fluid > .background--secondary, .container-fluid-padded > .background--secondary {
    padding: 75px 15px 45px;
  }
}

.background--secondary-light {
  background-color: #fdb530;
  padding: 30px;
}
@media (min-width: 768px) {
  .background--secondary-light {
    padding: 15px;
  }
}
.container > .background--secondary-light, .container-padded > .background--secondary-light, .container-fluid-padded .container__content > .background--secondary-light {
  padding: 20px 15px 5px;
}
@media (min-width: 768px) {
  .container > .background--secondary-light, .container-padded > .background--secondary-light, .container-fluid-padded .container__content > .background--secondary-light {
    padding: 30px 15px 0;
  }
}
.container-fluid > .background--secondary-light, .container-fluid-padded > .background--secondary-light {
  padding: 45px 15px 30px;
}
@media (min-width: 768px) {
  .container-fluid > .background--secondary-light, .container-fluid-padded > .background--secondary-light {
    padding: 60px 15px 30px;
  }
}
@media (min-width: 1230px) {
  .container-fluid > .background--secondary-light, .container-fluid-padded > .background--secondary-light {
    padding: 75px 15px 45px;
  }
}

.background--secondary-dark {
  background-color: #ffc65f;
  padding: 30px;
}
@media (min-width: 768px) {
  .background--secondary-dark {
    padding: 15px;
  }
}
.container > .background--secondary-dark, .container-padded > .background--secondary-dark, .container-fluid-padded .container__content > .background--secondary-dark {
  padding: 20px 15px 5px;
}
@media (min-width: 768px) {
  .container > .background--secondary-dark, .container-padded > .background--secondary-dark, .container-fluid-padded .container__content > .background--secondary-dark {
    padding: 30px 15px 0;
  }
}
.container-fluid > .background--secondary-dark, .container-fluid-padded > .background--secondary-dark {
  padding: 45px 15px 30px;
}
@media (min-width: 768px) {
  .container-fluid > .background--secondary-dark, .container-fluid-padded > .background--secondary-dark {
    padding: 60px 15px 30px;
  }
}
@media (min-width: 1230px) {
  .container-fluid > .background--secondary-dark, .container-fluid-padded > .background--secondary-dark {
    padding: 75px 15px 45px;
  }
}

.background--brio-yellow {
  background-color: #fad600;
  padding: 30px;
}
@media (min-width: 768px) {
  .background--brio-yellow {
    padding: 15px;
  }
}
.container > .background--brio-yellow, .container-padded > .background--brio-yellow, .container-fluid-padded .container__content > .background--brio-yellow {
  padding: 20px 15px 5px;
}
@media (min-width: 768px) {
  .container > .background--brio-yellow, .container-padded > .background--brio-yellow, .container-fluid-padded .container__content > .background--brio-yellow {
    padding: 30px 15px 0;
  }
}
.container-fluid > .background--brio-yellow, .container-fluid-padded > .background--brio-yellow {
  padding: 45px 15px 30px;
}
@media (min-width: 768px) {
  .container-fluid > .background--brio-yellow, .container-fluid-padded > .background--brio-yellow {
    padding: 60px 15px 30px;
  }
}
@media (min-width: 1230px) {
  .container-fluid > .background--brio-yellow, .container-fluid-padded > .background--brio-yellow {
    padding: 75px 15px 45px;
  }
}

.background--brio-yellow-light {
  background-color: #fdf7cb;
  padding: 30px;
}
@media (min-width: 768px) {
  .background--brio-yellow-light {
    padding: 15px;
  }
}
.container > .background--brio-yellow-light, .container-padded > .background--brio-yellow-light, .container-fluid-padded .container__content > .background--brio-yellow-light {
  padding: 20px 15px 5px;
}
@media (min-width: 768px) {
  .container > .background--brio-yellow-light, .container-padded > .background--brio-yellow-light, .container-fluid-padded .container__content > .background--brio-yellow-light {
    padding: 30px 15px 0;
  }
}
.container-fluid > .background--brio-yellow-light, .container-fluid-padded > .background--brio-yellow-light {
  padding: 45px 15px 30px;
}
@media (min-width: 768px) {
  .container-fluid > .background--brio-yellow-light, .container-fluid-padded > .background--brio-yellow-light {
    padding: 60px 15px 30px;
  }
}
@media (min-width: 1230px) {
  .container-fluid > .background--brio-yellow-light, .container-fluid-padded > .background--brio-yellow-light {
    padding: 75px 15px 45px;
  }
}

.background--brio-yellow-extralight {
  background-color: #fff6e5;
  padding: 30px;
}
@media (min-width: 768px) {
  .background--brio-yellow-extralight {
    padding: 15px;
  }
}
.container > .background--brio-yellow-extralight, .container-padded > .background--brio-yellow-extralight, .container-fluid-padded .container__content > .background--brio-yellow-extralight {
  padding: 20px 15px 5px;
}
@media (min-width: 768px) {
  .container > .background--brio-yellow-extralight, .container-padded > .background--brio-yellow-extralight, .container-fluid-padded .container__content > .background--brio-yellow-extralight {
    padding: 30px 15px 0;
  }
}
.container-fluid > .background--brio-yellow-extralight, .container-fluid-padded > .background--brio-yellow-extralight {
  padding: 45px 15px 30px;
}
@media (min-width: 768px) {
  .container-fluid > .background--brio-yellow-extralight, .container-fluid-padded > .background--brio-yellow-extralight {
    padding: 60px 15px 30px;
  }
}
@media (min-width: 1230px) {
  .container-fluid > .background--brio-yellow-extralight, .container-fluid-padded > .background--brio-yellow-extralight {
    padding: 75px 15px 45px;
  }
}

.background--brio-green {
  background-color: #009996;
  padding: 30px;
}
@media (min-width: 768px) {
  .background--brio-green {
    padding: 15px;
  }
}
.container > .background--brio-green, .container-padded > .background--brio-green, .container-fluid-padded .container__content > .background--brio-green {
  padding: 20px 15px 5px;
}
@media (min-width: 768px) {
  .container > .background--brio-green, .container-padded > .background--brio-green, .container-fluid-padded .container__content > .background--brio-green {
    padding: 30px 15px 0;
  }
}
.container-fluid > .background--brio-green, .container-fluid-padded > .background--brio-green {
  padding: 45px 15px 30px;
}
@media (min-width: 768px) {
  .container-fluid > .background--brio-green, .container-fluid-padded > .background--brio-green {
    padding: 60px 15px 30px;
  }
}
@media (min-width: 1230px) {
  .container-fluid > .background--brio-green, .container-fluid-padded > .background--brio-green {
    padding: 75px 15px 45px;
  }
}

.background--brio-cyan {
  background-color: #82e6d7;
  padding: 30px;
}
@media (min-width: 768px) {
  .background--brio-cyan {
    padding: 15px;
  }
}
.container > .background--brio-cyan, .container-padded > .background--brio-cyan, .container-fluid-padded .container__content > .background--brio-cyan {
  padding: 20px 15px 5px;
}
@media (min-width: 768px) {
  .container > .background--brio-cyan, .container-padded > .background--brio-cyan, .container-fluid-padded .container__content > .background--brio-cyan {
    padding: 30px 15px 0;
  }
}
.container-fluid > .background--brio-cyan, .container-fluid-padded > .background--brio-cyan {
  padding: 45px 15px 30px;
}
@media (min-width: 768px) {
  .container-fluid > .background--brio-cyan, .container-fluid-padded > .background--brio-cyan {
    padding: 60px 15px 30px;
  }
}
@media (min-width: 1230px) {
  .container-fluid > .background--brio-cyan, .container-fluid-padded > .background--brio-cyan {
    padding: 75px 15px 45px;
  }
}

.background--brio-cyan-light {
  background-color: #e0fdf7;
  padding: 30px;
}
@media (min-width: 768px) {
  .background--brio-cyan-light {
    padding: 15px;
  }
}
.container > .background--brio-cyan-light, .container-padded > .background--brio-cyan-light, .container-fluid-padded .container__content > .background--brio-cyan-light {
  padding: 20px 15px 5px;
}
@media (min-width: 768px) {
  .container > .background--brio-cyan-light, .container-padded > .background--brio-cyan-light, .container-fluid-padded .container__content > .background--brio-cyan-light {
    padding: 30px 15px 0;
  }
}
.container-fluid > .background--brio-cyan-light, .container-fluid-padded > .background--brio-cyan-light {
  padding: 45px 15px 30px;
}
@media (min-width: 768px) {
  .container-fluid > .background--brio-cyan-light, .container-fluid-padded > .background--brio-cyan-light {
    padding: 60px 15px 30px;
  }
}
@media (min-width: 1230px) {
  .container-fluid > .background--brio-cyan-light, .container-fluid-padded > .background--brio-cyan-light {
    padding: 75px 15px 45px;
  }
}

.background--blue-light {
  background-color: #eef2f2;
  padding: 30px;
}
@media (min-width: 768px) {
  .background--blue-light {
    padding: 15px;
  }
}
.container > .background--blue-light, .container-padded > .background--blue-light, .container-fluid-padded .container__content > .background--blue-light {
  padding: 20px 15px 5px;
}
@media (min-width: 768px) {
  .container > .background--blue-light, .container-padded > .background--blue-light, .container-fluid-padded .container__content > .background--blue-light {
    padding: 30px 15px 0;
  }
}
.container-fluid > .background--blue-light, .container-fluid-padded > .background--blue-light {
  padding: 45px 15px 30px;
}
@media (min-width: 768px) {
  .container-fluid > .background--blue-light, .container-fluid-padded > .background--blue-light {
    padding: 60px 15px 30px;
  }
}
@media (min-width: 1230px) {
  .container-fluid > .background--blue-light, .container-fluid-padded > .background--blue-light {
    padding: 75px 15px 45px;
  }
}

.background--light-gray {
  background-color: #f4f5f5;
  padding: 30px;
}
@media (min-width: 768px) {
  .background--light-gray {
    padding: 15px;
  }
}
.container > .background--light-gray, .container-padded > .background--light-gray, .container-fluid-padded .container__content > .background--light-gray {
  padding: 20px 15px 5px;
}
@media (min-width: 768px) {
  .container > .background--light-gray, .container-padded > .background--light-gray, .container-fluid-padded .container__content > .background--light-gray {
    padding: 30px 15px 0;
  }
}
.container-fluid > .background--light-gray, .container-fluid-padded > .background--light-gray {
  padding: 45px 15px 30px;
}
@media (min-width: 768px) {
  .container-fluid > .background--light-gray, .container-fluid-padded > .background--light-gray {
    padding: 60px 15px 30px;
  }
}
@media (min-width: 1230px) {
  .container-fluid > .background--light-gray, .container-fluid-padded > .background--light-gray {
    padding: 75px 15px 45px;
  }
}

.background--gray {
  background-color: #d2d7d7;
  padding: 30px;
}
@media (min-width: 768px) {
  .background--gray {
    padding: 15px;
  }
}
.container > .background--gray, .container-padded > .background--gray, .container-fluid-padded .container__content > .background--gray {
  padding: 20px 15px 5px;
}
@media (min-width: 768px) {
  .container > .background--gray, .container-padded > .background--gray, .container-fluid-padded .container__content > .background--gray {
    padding: 30px 15px 0;
  }
}
.container-fluid > .background--gray, .container-fluid-padded > .background--gray {
  padding: 45px 15px 30px;
}
@media (min-width: 768px) {
  .container-fluid > .background--gray, .container-fluid-padded > .background--gray {
    padding: 60px 15px 30px;
  }
}
@media (min-width: 1230px) {
  .container-fluid > .background--gray, .container-fluid-padded > .background--gray {
    padding: 75px 15px 45px;
  }
}

.background--white {
  background-color: #fff;
  padding: 30px;
}
@media (min-width: 768px) {
  .background--white {
    padding: 15px;
  }
}
.container > .background--white, .container-padded > .background--white, .container-fluid-padded .container__content > .background--white {
  padding: 20px 15px 5px;
}
@media (min-width: 768px) {
  .container > .background--white, .container-padded > .background--white, .container-fluid-padded .container__content > .background--white {
    padding: 30px 15px 0;
  }
}
.container-fluid > .background--white, .container-fluid-padded > .background--white {
  padding: 45px 15px 30px;
}
@media (min-width: 768px) {
  .container-fluid > .background--white, .container-fluid-padded > .background--white {
    padding: 60px 15px 30px;
  }
}
@media (min-width: 1230px) {
  .container-fluid > .background--white, .container-fluid-padded > .background--white {
    padding: 75px 15px 45px;
  }
}

.background--white-transparent {
  background-color: rgba(255, 255, 255, 0.75);
  padding: 30px;
}
@media (min-width: 768px) {
  .background--white-transparent {
    padding: 15px;
  }
}
.container > .background--white-transparent, .container-padded > .background--white-transparent, .container-fluid-padded .container__content > .background--white-transparent {
  padding: 20px 15px 5px;
}
@media (min-width: 768px) {
  .container > .background--white-transparent, .container-padded > .background--white-transparent, .container-fluid-padded .container__content > .background--white-transparent {
    padding: 30px 15px 0;
  }
}
.container-fluid > .background--white-transparent, .container-fluid-padded > .background--white-transparent {
  padding: 45px 15px 30px;
}
@media (min-width: 768px) {
  .container-fluid > .background--white-transparent, .container-fluid-padded > .background--white-transparent {
    padding: 60px 15px 30px;
  }
}
@media (min-width: 1230px) {
  .container-fluid > .background--white-transparent, .container-fluid-padded > .background--white-transparent {
    padding: 75px 15px 45px;
  }
}

.background--light-gray-watermark {
  position: relative;
}
.background--light-gray-watermark::before {
  background: url("/themes/custom/ocelot_myportima/assets/images/watermark-green-dark.svg") bottom right no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 300px;
  opacity: 0.08;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 85%;
}
@media (min-width: 768px) {
  .background--light-gray-watermark::before {
    height: 90%;
    width: 55%;
  }
}

.border--bottom {
  border-bottom: 1px solid #d2d7d7;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .border--bottom {
    padding-bottom: 45px;
  }
}

.border--right {
  border-right: 1px solid #d2d7d7;
  padding-right: 30px;
}

.border--left {
  border-left: 1px solid #d2d7d7;
  padding-left: 30px;
}

.rounded-corners--top {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rounded-corners--bottom {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.spacing--margin-bottom-none {
  margin-bottom: 0 !important;
}

.spacing--margin-bottom-one {
  margin-bottom: 15px !important;
}
@media (min-width: 768px) {
  .spacing--margin-bottom-one {
    margin-bottom: 30px !important;
  }
}

.spacing--margin-bottom-two {
  margin-bottom: 30px !important;
}
@media (min-width: 768px) {
  .spacing--margin-bottom-two {
    margin-bottom: 60px !important;
  }
}

.spacing--margin-top-none {
  margin-top: 0 !important;
}

.spacing--margin-top-one {
  margin-top: 15px !important;
}
@media (min-width: 768px) {
  .spacing--margin-top-one {
    margin-top: 30px !important;
  }
}

.spacing--margin-top-two {
  margin-top: 30px !important;
}
@media (min-width: 768px) {
  .spacing--margin-top-two {
    margin-top: 60px !important;
  }
}

.spacing--padding-bottom-none {
  padding-bottom: 0 !important;
}

.spacing--padding-bottom-one {
  padding-bottom: 15px !important;
}
@media (min-width: 768px) {
  .spacing--padding-bottom-one {
    padding-bottom: 30px !important;
  }
}

.spacing--padding-bottom-two {
  padding-bottom: 30px !important;
}
@media (min-width: 768px) {
  .spacing--padding-bottom-two {
    padding-bottom: 60px !important;
  }
}

.spacing--padding-top-none {
  padding-top: 0 !important;
}

.spacing--padding-top-one {
  padding-top: 15px !important;
}
@media (min-width: 768px) {
  .spacing--padding-top-one {
    padding-top: 30px !important;
  }
}

.spacing--padding-top-two {
  padding-top: 30px !important;
}
@media (min-width: 768px) {
  .spacing--padding-top-two {
    padding-top: 60px !important;
  }
}

@media (min-width: 768px) {
  .spacing--padding-left-large {
    padding-left: 2.5rem !important;
  }
}

@media (min-width: 768px) {
  .spacing--padding-right-large {
    padding-right: 2.5rem !important;
  }
}

.paragraphs-behavior-background {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 120px;
  overflow: hidden;
  position: relative;
  padding-top: 45px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .paragraphs-behavior-background {
    min-height: 320px;
    padding-top: 90px;
    padding-bottom: 75px;
  }
}

.paragraph--type--columns-one,
.paragraph--type--columns-two-equal,
.paragraph--type--columns-two-asym-left,
.paragraph--type--columns-two-asym-right,
.paragraph--type--columns-three-equal,
.paragraph--type--columns-four-equal {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--columns-one,
.paragraph--type--columns-two-equal,
.paragraph--type--columns-two-asym-left,
.paragraph--type--columns-two-asym-right,
.paragraph--type--columns-three-equal,
.paragraph--type--columns-four-equal {
    margin-bottom: 60px;
  }
}
.paragraph--type--columns-one .paragraph:not([class*=spacing--margin-bottom-]),
.paragraph--type--columns-two-equal .paragraph:not([class*=spacing--margin-bottom-]),
.paragraph--type--columns-two-asym-left .paragraph:not([class*=spacing--margin-bottom-]),
.paragraph--type--columns-two-asym-right .paragraph:not([class*=spacing--margin-bottom-]),
.paragraph--type--columns-three-equal .paragraph:not([class*=spacing--margin-bottom-]),
.paragraph--type--columns-four-equal .paragraph:not([class*=spacing--margin-bottom-]) {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .paragraph--type--columns-one .paragraph:not([class*=spacing--margin-bottom-]),
.paragraph--type--columns-two-equal .paragraph:not([class*=spacing--margin-bottom-]),
.paragraph--type--columns-two-asym-left .paragraph:not([class*=spacing--margin-bottom-]),
.paragraph--type--columns-two-asym-right .paragraph:not([class*=spacing--margin-bottom-]),
.paragraph--type--columns-three-equal .paragraph:not([class*=spacing--margin-bottom-]),
.paragraph--type--columns-four-equal .paragraph:not([class*=spacing--margin-bottom-]) {
    margin-bottom: 45px;
  }
}

[class*=background--] .field--type--text-long p:only-child,
[class*=background--] .field--type--text-long h2:only-child,
[class*=background--] .field--type--text-long h3:only-child,
[class*=background--] .field--type--text-long h4:only-child,
[class*=background--] .field--type--text-long h5:only-child,
[class*=background--] .field--type--text-long h6:only-child, [class*=background--] .field--type--string-long p:only-child,
[class*=background--] .field--type--string-long h2:only-child,
[class*=background--] .field--type--string-long h3:only-child,
[class*=background--] .field--type--string-long h4:only-child,
[class*=background--] .field--type--string-long h5:only-child,
[class*=background--] .field--type--string-long h6:only-child {
  margin-bottom: 0;
}

.paragraph .background--primary,
.background--primary .paragraph:not([class*=background--]),
.paragraph .background--primary-dark,
.background--primary-dark .paragraph:not([class*=background--]),
.paragraph .background--primary-light,
.background--primary-light .paragraph:not([class*=background--]),
.paragraph .background--brio-green,
.background--brio-green .paragraph:not([class*=background--]) {
  color: #fff;
}
.paragraph .background--primary h1,
.paragraph .background--primary h2,
.paragraph .background--primary h3,
.paragraph .background--primary h4,
.paragraph .background--primary h5,
.paragraph .background--primary h6,
.background--primary .paragraph:not([class*=background--]) h1,
.background--primary .paragraph:not([class*=background--]) h2,
.background--primary .paragraph:not([class*=background--]) h3,
.background--primary .paragraph:not([class*=background--]) h4,
.background--primary .paragraph:not([class*=background--]) h5,
.background--primary .paragraph:not([class*=background--]) h6,
.paragraph .background--primary-dark h1,
.paragraph .background--primary-dark h2,
.paragraph .background--primary-dark h3,
.paragraph .background--primary-dark h4,
.paragraph .background--primary-dark h5,
.paragraph .background--primary-dark h6,
.background--primary-dark .paragraph:not([class*=background--]) h1,
.background--primary-dark .paragraph:not([class*=background--]) h2,
.background--primary-dark .paragraph:not([class*=background--]) h3,
.background--primary-dark .paragraph:not([class*=background--]) h4,
.background--primary-dark .paragraph:not([class*=background--]) h5,
.background--primary-dark .paragraph:not([class*=background--]) h6,
.paragraph .background--primary-light h1,
.paragraph .background--primary-light h2,
.paragraph .background--primary-light h3,
.paragraph .background--primary-light h4,
.paragraph .background--primary-light h5,
.paragraph .background--primary-light h6,
.background--primary-light .paragraph:not([class*=background--]) h1,
.background--primary-light .paragraph:not([class*=background--]) h2,
.background--primary-light .paragraph:not([class*=background--]) h3,
.background--primary-light .paragraph:not([class*=background--]) h4,
.background--primary-light .paragraph:not([class*=background--]) h5,
.background--primary-light .paragraph:not([class*=background--]) h6,
.paragraph .background--brio-green h1,
.paragraph .background--brio-green h2,
.paragraph .background--brio-green h3,
.paragraph .background--brio-green h4,
.paragraph .background--brio-green h5,
.paragraph .background--brio-green h6,
.background--brio-green .paragraph:not([class*=background--]) h1,
.background--brio-green .paragraph:not([class*=background--]) h2,
.background--brio-green .paragraph:not([class*=background--]) h3,
.background--brio-green .paragraph:not([class*=background--]) h4,
.background--brio-green .paragraph:not([class*=background--]) h5,
.background--brio-green .paragraph:not([class*=background--]) h6 {
  color: inherit;
}
.paragraph .background--primary a,
.paragraph .background--primary a[class^=icon--]::before,
.background--primary .paragraph:not([class*=background--]) a,
.background--primary .paragraph:not([class*=background--]) a[class^=icon--]::before,
.paragraph .background--primary-dark a,
.paragraph .background--primary-dark a[class^=icon--]::before,
.background--primary-dark .paragraph:not([class*=background--]) a,
.background--primary-dark .paragraph:not([class*=background--]) a[class^=icon--]::before,
.paragraph .background--primary-light a,
.paragraph .background--primary-light a[class^=icon--]::before,
.background--primary-light .paragraph:not([class*=background--]) a,
.background--primary-light .paragraph:not([class*=background--]) a[class^=icon--]::before,
.paragraph .background--brio-green a,
.paragraph .background--brio-green a[class^=icon--]::before,
.background--brio-green .paragraph:not([class*=background--]) a,
.background--brio-green .paragraph:not([class*=background--]) a[class^=icon--]::before {
  color: inherit;
}
.paragraph .background--primary .wysiwyg p,
.background--primary .paragraph:not([class*=background--]) .wysiwyg p,
.paragraph .background--primary-dark .wysiwyg p,
.background--primary-dark .paragraph:not([class*=background--]) .wysiwyg p,
.paragraph .background--primary-light .wysiwyg p,
.background--primary-light .paragraph:not([class*=background--]) .wysiwyg p,
.paragraph .background--brio-green .wysiwyg p,
.background--brio-green .paragraph:not([class*=background--]) .wysiwyg p {
  font-family: "Nexa-Regular", "Nunito", sans-serif;
  font-weight: 400;
}
.paragraph .background--primary .btn-secondary:not(:disabled):not(.disabled),
.background--primary .paragraph:not([class*=background--]) .btn-secondary:not(:disabled):not(.disabled),
.paragraph .background--primary-dark .btn-secondary:not(:disabled):not(.disabled),
.background--primary-dark .paragraph:not([class*=background--]) .btn-secondary:not(:disabled):not(.disabled),
.paragraph .background--primary-light .btn-secondary:not(:disabled):not(.disabled),
.background--primary-light .paragraph:not([class*=background--]) .btn-secondary:not(:disabled):not(.disabled),
.paragraph .background--brio-green .btn-secondary:not(:disabled):not(.disabled),
.background--brio-green .paragraph:not([class*=background--]) .btn-secondary:not(:disabled):not(.disabled) {
  border: 1px solid #fff;
  color: #fff;
}
.paragraph .background--primary .btn-secondary:not(:disabled):not(.disabled):hover,
.background--primary .paragraph:not([class*=background--]) .btn-secondary:not(:disabled):not(.disabled):hover,
.paragraph .background--primary-dark .btn-secondary:not(:disabled):not(.disabled):hover,
.background--primary-dark .paragraph:not([class*=background--]) .btn-secondary:not(:disabled):not(.disabled):hover,
.paragraph .background--primary-light .btn-secondary:not(:disabled):not(.disabled):hover,
.background--primary-light .paragraph:not([class*=background--]) .btn-secondary:not(:disabled):not(.disabled):hover,
.paragraph .background--brio-green .btn-secondary:not(:disabled):not(.disabled):hover,
.background--brio-green .paragraph:not([class*=background--]) .btn-secondary:not(:disabled):not(.disabled):hover {
  background-color: #fff;
  border-color: transparent;
  color: #00725f;
}
.paragraph .background--primary .btn-secondary:not(:disabled):not(.disabled):focus, .paragraph .background--primary .btn-secondary:not(:disabled):not(.disabled):active,
.background--primary .paragraph:not([class*=background--]) .btn-secondary:not(:disabled):not(.disabled):focus,
.background--primary .paragraph:not([class*=background--]) .btn-secondary:not(:disabled):not(.disabled):active,
.paragraph .background--primary-dark .btn-secondary:not(:disabled):not(.disabled):focus,
.paragraph .background--primary-dark .btn-secondary:not(:disabled):not(.disabled):active,
.background--primary-dark .paragraph:not([class*=background--]) .btn-secondary:not(:disabled):not(.disabled):focus,
.background--primary-dark .paragraph:not([class*=background--]) .btn-secondary:not(:disabled):not(.disabled):active,
.paragraph .background--primary-light .btn-secondary:not(:disabled):not(.disabled):focus,
.paragraph .background--primary-light .btn-secondary:not(:disabled):not(.disabled):active,
.background--primary-light .paragraph:not([class*=background--]) .btn-secondary:not(:disabled):not(.disabled):focus,
.background--primary-light .paragraph:not([class*=background--]) .btn-secondary:not(:disabled):not(.disabled):active,
.paragraph .background--brio-green .btn-secondary:not(:disabled):not(.disabled):focus,
.paragraph .background--brio-green .btn-secondary:not(:disabled):not(.disabled):active,
.background--brio-green .paragraph:not([class*=background--]) .btn-secondary:not(:disabled):not(.disabled):focus,
.background--brio-green .paragraph:not([class*=background--]) .btn-secondary:not(:disabled):not(.disabled):active {
  background-color: #fff;
  border-color: transparent;
  color: #005645;
}
.paragraph .background--primary .btn-link:hover, .paragraph .background--primary .btn-link:focus,
.background--primary .paragraph:not([class*=background--]) .btn-link:hover,
.background--primary .paragraph:not([class*=background--]) .btn-link:focus,
.paragraph .background--primary-dark .btn-link:hover,
.paragraph .background--primary-dark .btn-link:focus,
.background--primary-dark .paragraph:not([class*=background--]) .btn-link:hover,
.background--primary-dark .paragraph:not([class*=background--]) .btn-link:focus,
.paragraph .background--primary-light .btn-link:hover,
.paragraph .background--primary-light .btn-link:focus,
.background--primary-light .paragraph:not([class*=background--]) .btn-link:hover,
.background--primary-light .paragraph:not([class*=background--]) .btn-link:focus,
.paragraph .background--brio-green .btn-link:hover,
.paragraph .background--brio-green .btn-link:focus,
.background--brio-green .paragraph:not([class*=background--]) .btn-link:hover,
.background--brio-green .paragraph:not([class*=background--]) .btn-link:focus {
  color: #fff;
}
.paragraph .background--primary ul:not(.contextual-links):not(.menu--social).checkmarks li::before,
.background--primary .paragraph:not([class*=background--]) ul:not(.contextual-links):not(.menu--social).checkmarks li::before,
.paragraph .background--primary-dark ul:not(.contextual-links):not(.menu--social).checkmarks li::before,
.background--primary-dark .paragraph:not([class*=background--]) ul:not(.contextual-links):not(.menu--social).checkmarks li::before,
.paragraph .background--primary-light ul:not(.contextual-links):not(.menu--social).checkmarks li::before,
.background--primary-light .paragraph:not([class*=background--]) ul:not(.contextual-links):not(.menu--social).checkmarks li::before,
.paragraph .background--brio-green ul:not(.contextual-links):not(.menu--social).checkmarks li::before,
.background--brio-green .paragraph:not([class*=background--]) ul:not(.contextual-links):not(.menu--social).checkmarks li::before {
  color: #fff;
}
.paragraph .background--primary ol li::before,
.background--primary .paragraph:not([class*=background--]) ol li::before,
.paragraph .background--primary-dark ol li::before,
.background--primary-dark .paragraph:not([class*=background--]) ol li::before,
.paragraph .background--primary-light ol li::before,
.background--primary-light .paragraph:not([class*=background--]) ol li::before,
.paragraph .background--brio-green ol li::before,
.background--brio-green .paragraph:not([class*=background--]) ol li::before {
  color: #000;
}
.paragraph .background--primary table th,
.background--primary .paragraph:not([class*=background--]) table th,
.paragraph .background--primary-dark table th,
.background--primary-dark .paragraph:not([class*=background--]) table th,
.paragraph .background--primary-light table th,
.background--primary-light .paragraph:not([class*=background--]) table th,
.paragraph .background--brio-green table th,
.background--brio-green .paragraph:not([class*=background--]) table th {
  color: #fff;
}
.paragraph .background--primary.paragraph--type--quote .field--field-p-text p,
.background--primary .paragraph:not([class*=background--]).paragraph--type--quote .field--field-p-text p,
.paragraph .background--primary-dark.paragraph--type--quote .field--field-p-text p,
.background--primary-dark .paragraph:not([class*=background--]).paragraph--type--quote .field--field-p-text p,
.paragraph .background--primary-light.paragraph--type--quote .field--field-p-text p,
.background--primary-light .paragraph:not([class*=background--]).paragraph--type--quote .field--field-p-text p,
.paragraph .background--brio-green.paragraph--type--quote .field--field-p-text p,
.background--brio-green .paragraph:not([class*=background--]).paragraph--type--quote .field--field-p-text p {
  color: #fff;
}
.paragraph .background--primary.paragraph--type--media-image .field--field-media-copyright, .paragraph .background--primary.paragraph--type--media-video .field--field-media-copyright,
.background--primary .paragraph:not([class*=background--]).paragraph--type--media-image .field--field-media-copyright,
.background--primary .paragraph:not([class*=background--]).paragraph--type--media-video .field--field-media-copyright,
.paragraph .background--primary-dark.paragraph--type--media-image .field--field-media-copyright,
.paragraph .background--primary-dark.paragraph--type--media-video .field--field-media-copyright,
.background--primary-dark .paragraph:not([class*=background--]).paragraph--type--media-image .field--field-media-copyright,
.background--primary-dark .paragraph:not([class*=background--]).paragraph--type--media-video .field--field-media-copyright,
.paragraph .background--primary-light.paragraph--type--media-image .field--field-media-copyright,
.paragraph .background--primary-light.paragraph--type--media-video .field--field-media-copyright,
.background--primary-light .paragraph:not([class*=background--]).paragraph--type--media-image .field--field-media-copyright,
.background--primary-light .paragraph:not([class*=background--]).paragraph--type--media-video .field--field-media-copyright,
.paragraph .background--brio-green.paragraph--type--media-image .field--field-media-copyright,
.paragraph .background--brio-green.paragraph--type--media-video .field--field-media-copyright,
.background--brio-green .paragraph:not([class*=background--]).paragraph--type--media-image .field--field-media-copyright,
.background--brio-green .paragraph:not([class*=background--]).paragraph--type--media-video .field--field-media-copyright {
  color: inherit;
}
.paragraph .background--primary .form-group,
.paragraph .background--primary .form-item,
.background--primary .paragraph:not([class*=background--]) .form-group,
.background--primary .paragraph:not([class*=background--]) .form-item,
.paragraph .background--primary-dark .form-group,
.paragraph .background--primary-dark .form-item,
.background--primary-dark .paragraph:not([class*=background--]) .form-group,
.background--primary-dark .paragraph:not([class*=background--]) .form-item,
.paragraph .background--primary-light .form-group,
.paragraph .background--primary-light .form-item,
.background--primary-light .paragraph:not([class*=background--]) .form-group,
.background--primary-light .paragraph:not([class*=background--]) .form-item,
.paragraph .background--brio-green .form-group,
.paragraph .background--brio-green .form-item,
.background--brio-green .paragraph:not([class*=background--]) .form-group,
.background--brio-green .paragraph:not([class*=background--]) .form-item {
  margin-bottom: 24px;
}
.paragraph .background--primary .form-group label,
.paragraph .background--primary .form-group > legend,
.paragraph .background--primary .form-item label,
.paragraph .background--primary .form-item > legend,
.background--primary .paragraph:not([class*=background--]) .form-group label,
.background--primary .paragraph:not([class*=background--]) .form-group > legend,
.background--primary .paragraph:not([class*=background--]) .form-item label,
.background--primary .paragraph:not([class*=background--]) .form-item > legend,
.paragraph .background--primary-dark .form-group label,
.paragraph .background--primary-dark .form-group > legend,
.paragraph .background--primary-dark .form-item label,
.paragraph .background--primary-dark .form-item > legend,
.background--primary-dark .paragraph:not([class*=background--]) .form-group label,
.background--primary-dark .paragraph:not([class*=background--]) .form-group > legend,
.background--primary-dark .paragraph:not([class*=background--]) .form-item label,
.background--primary-dark .paragraph:not([class*=background--]) .form-item > legend,
.paragraph .background--primary-light .form-group label,
.paragraph .background--primary-light .form-group > legend,
.paragraph .background--primary-light .form-item label,
.paragraph .background--primary-light .form-item > legend,
.background--primary-light .paragraph:not([class*=background--]) .form-group label,
.background--primary-light .paragraph:not([class*=background--]) .form-group > legend,
.background--primary-light .paragraph:not([class*=background--]) .form-item label,
.background--primary-light .paragraph:not([class*=background--]) .form-item > legend,
.paragraph .background--brio-green .form-group label,
.paragraph .background--brio-green .form-group > legend,
.paragraph .background--brio-green .form-item label,
.paragraph .background--brio-green .form-item > legend,
.background--brio-green .paragraph:not([class*=background--]) .form-group label,
.background--brio-green .paragraph:not([class*=background--]) .form-group > legend,
.background--brio-green .paragraph:not([class*=background--]) .form-item label,
.background--brio-green .paragraph:not([class*=background--]) .form-item > legend {
  color: #fff;
}

.paragraph .background--secondary table thead tr th th,
.paragraph .background--secondary table thead tr th td,
.paragraph .background--secondary table tbody tr:not(:last-child) th,
.paragraph .background--secondary table tbody tr:not(:last-child) td,
.background--secondary .paragraph:not([class*=background--]) table thead tr th th,
.background--secondary .paragraph:not([class*=background--]) table thead tr th td,
.background--secondary .paragraph:not([class*=background--]) table tbody tr:not(:last-child) th,
.background--secondary .paragraph:not([class*=background--]) table tbody tr:not(:last-child) td,
.paragraph .background--gray table thead tr th th,
.paragraph .background--gray table thead tr th td,
.paragraph .background--gray table tbody tr:not(:last-child) th,
.paragraph .background--gray table tbody tr:not(:last-child) td,
.background--gray .paragraph:not([class*=background--]) table thead tr th th,
.background--gray .paragraph:not([class*=background--]) table thead tr th td,
.background--gray .paragraph:not([class*=background--]) table tbody tr:not(:last-child) th,
.background--gray .paragraph:not([class*=background--]) table tbody tr:not(:last-child) td {
  border-bottom: 1px solid #fff;
}

.paragraph .background--secondary ul:not(.contextual-links):not(.menu--social) li::before,
.background--secondary .paragraph:not([class*=background--]) ul:not(.contextual-links):not(.menu--social) li::before {
  background-color: rgba(255, 255, 255, 0.5);
}
.paragraph .background--secondary .btn-primary:not(:disabled):not(.disabled),
.background--secondary .paragraph:not([class*=background--]) .btn-primary:not(:disabled):not(.disabled) {
  background-color: #fff;
}
.paragraph .background--secondary .btn-primary:not(:disabled):not(.disabled):hover,
.background--secondary .paragraph:not([class*=background--]) .btn-primary:not(:disabled):not(.disabled):hover {
  background-color: rgba(255, 255, 255, 0.75);
}
.paragraph .background--secondary .btn-primary:not(:disabled):not(.disabled):focus, .paragraph .background--secondary .btn-primary:not(:disabled):not(.disabled):active,
.background--secondary .paragraph:not([class*=background--]) .btn-primary:not(:disabled):not(.disabled):focus,
.background--secondary .paragraph:not([class*=background--]) .btn-primary:not(:disabled):not(.disabled):active {
  background-color: rgba(255, 255, 255, 0.85);
}
.paragraph .background--secondary .paragraph--type--text-list .text-list__items .text-list__item .list-index,
.background--secondary .paragraph:not([class*=background--]) .paragraph--type--text-list .text-list__items .text-list__item .list-index {
  color: #fff;
}

.paragraph .background--gray .paragraph--type--text-list .text-list__items .text-list__item .list-index,
.background--gray .paragraph:not([class*=background--]) .paragraph--type--text-list .text-list__items .text-list__item .list-index {
  color: #bfc6c6;
}

.background--primary .background--white,
.background--primary .background--light-gray,
.background--primary .background--gray,
.background--primary .card--testimonial,
.background--secondary .background--white,
.background--secondary .background--light-gray,
.background--secondary .background--gray,
.background--secondary .card--testimonial {
  color: #4a4542;
}
.background--primary .card--testimonial .card__cta a,
.background--secondary .card--testimonial .card__cta a {
  color: #00725f;
}

.paragraph--type--homepage-columns .paragraph {
  border-radius: 4px;
}

.homepage-left-bottom {
  padding-top: 30px;
}

.paragraph--type--numbered-accordion {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .paragraph--type--numbered-accordion {
    padding-bottom: 45px;
  }
}

.accordion {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .accordion {
    margin-bottom: 60px;
  }
}
.accordion.has-subtitle, .accordion.has-title {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .accordion.has-subtitle, .accordion.has-title {
    margin-top: 60px;
  }
}
.accordion .accordion__subtitle {
  margin-bottom: 10px;
}
.accordion .accordion__title {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .accordion .accordion__title {
    margin-bottom: 30px;
  }
}

.accordion-item {
  border-bottom: 1px solid #d2d7d7;
  overflow: hidden;
}
.accordion-item:last-child {
  border-bottom: none;
}
.accordion-item .accordion-item__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 0;
}
@media (min-width: 768px) {
  .accordion-item .accordion-item__toggle {
    padding: 30px 0.5rem;
  }
  .accordion-item .accordion-item__toggle:hover {
    background-color: rgba(255, 209, 125, 0.25);
  }
}
.accordion-item .accordion-item__toggle:hover {
  color: #000;
  text-decoration: none;
}
.accordion-item .accordion-item__toggle[aria-expanded=true] .toggle-label--open {
  display: none;
}
.accordion-item .accordion-item__toggle[aria-expanded=true] .toggle-label--close {
  display: flex;
}
.accordion-item .accordion-item__toggle[aria-expanded=false] .toggle-label--open {
  display: flex;
}
.accordion-item .accordion-item__toggle[aria-expanded=false] .toggle-label--close {
  display: none;
}
.accordion-item .accordion-item__number {
  color: #009e80;
  flex: 0 0 45px;
  font-family: "Nexa-Light", "Nunito", sans-serif;
  font-weight: 300;
}
.accordion-item .accordion-item__title {
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  font-weight: 700;
  width: 100%;
}
.accordion-item .toggle-label--open,
.accordion-item .toggle-label--close,
.accordion-item .accordion-item__title {
  transition: all 0.2s ease-in-out;
}
.accordion-item .toggle-label--open,
.accordion-item .toggle-label--close {
  align-items: center;
  color: #00725f;
  font-size: 1rem;
  line-height: 1;
  margin-left: 30px;
}
.accordion-item .accordion-item__text {
  padding: 0.25rem 0;
}
@media (min-width: 768px) {
  .accordion-item .accordion-item__text {
    padding: 0.5rem 0.5rem 1rem;
  }
  .accordion-item .accordion-item__text p {
    font-size: 1.125rem;
  }
}
.accordion-item .card-header {
  background: transparent;
  padding: 0;
}

.paragraph--type--carousel-blog-articles .field--field-p-link {
  text-align: center;
}

.paragraph--type--contacts .contacts__description {
  margin-bottom: 30px;
}
.paragraph--type--contacts .field--field-p-text {
  margin-bottom: 30px;
}
.paragraph--type--contacts .mobile-cta a {
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  .paragraph--type--contacts .contacts__description {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .paragraph--type--contacts .contacts > h2,
.paragraph--type--contacts .contacts > h3,
.paragraph--type--contacts .contacts > h4,
.paragraph--type--contacts .contacts > h5,
.paragraph--type--contacts .contacts > h6 {
    margin-bottom: 60px;
  }
}

.paragraph--type--media-image-collection .image-collection .image-collection__group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
}
.paragraph--type--media-image-collection .image-collection .image-collection__group + .image-collection__group {
  margin-top: 15px;
}
@media (min-width: 992px) {
  .paragraph--type--media-image-collection .image-collection .image-collection__group {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1230px) {
  .paragraph--type--media-image-collection .image-collection .image-collection__group {
    grid-gap: 30px;
  }
  .paragraph--type--media-image-collection .image-collection .image-collection__group + .image-collection__group {
    margin-top: 30px;
  }
}
.paragraph--type--media-image-collection .image-collection .image-collection__item {
  overflow: hidden;
}
.paragraph--type--media-image-collection .image-collection .image-collection__item img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.paragraph--type--media-image-collection .image-collection .item__1 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
}
.paragraph--type--media-image-collection .image-collection .item__2 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 4;
}
@media (min-width: 992px) {
  .paragraph--type--media-image-collection .image-collection .item__2 {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
  }
}
.paragraph--type--media-image-collection .image-collection .item__3 {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 3;
  grid-row-end: 4;
}
@media (min-width: 992px) {
  .paragraph--type--media-image-collection .image-collection .item__3 {
    grid-column-start: 1;
    grid-column-end: 2;
  }
}
.paragraph--type--media-image-collection .image-collection .item__4 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 4;
  grid-row-end: 5;
}
@media (min-width: 992px) {
  .paragraph--type--media-image-collection .image-collection .item__4 {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
  }
}
.paragraph--type--media-image-collection .image-collection .item__5 {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 4;
  grid-row-end: 5;
}
@media (min-width: 992px) {
  .paragraph--type--media-image-collection .image-collection .item__5 {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 4;
  }
}
.paragraph--type--media-image-collection .image-collection .item__6 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 5;
  grid-row-end: 6;
}
@media (min-width: 992px) {
  .paragraph--type--media-image-collection .image-collection .item__6 {
    grid-column-end: 4;
    grid-row-start: 4;
    grid-row-end: 5;
  }
}

@media all and (-ms-high-contrast: none) {
  .paragraph--type--media-image-collection .image-collection .image-collection__group {
    display: -ms-grid;
    -ms-grid-columns: 1fr 3 1fr;
  }
  .paragraph--type--media-image-collection .image-collection .image-collection__item img {
    -o-object-fit: cover;
  }
  .paragraph--type--media-image-collection .image-collection .item__3,
.paragraph--type--media-image-collection .image-collection .item__4,
.paragraph--type--media-image-collection .image-collection .item__5,
.paragraph--type--media-image-collection .image-collection .item__6 {
    margin-top: 30px;
  }
  .paragraph--type--media-image-collection .image-collection .item__1 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    margin-right: 30px;
  }
  .paragraph--type--media-image-collection .image-collection .item__2 {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .paragraph--type--media-image-collection .image-collection .item__3 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    margin-right: 30px;
  }
  .paragraph--type--media-image-collection .image-collection .item__4 {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    margin-right: 30px;
  }
  .paragraph--type--media-image-collection .image-collection .item__5 {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
  }
  .paragraph--type--media-image-collection .image-collection .item__6 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
  }
}
.paragraph--type--media-image-grid .field--field-p-text {
  margin-bottom: 2rem;
}
.path-frontpage .paragraph--type--media-image-grid .paragraph--type--media-image-grid-item .card__image > picture {
  opacity: 0.5;
}

.paragraph--type--media-grid .field--field-p-text {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .paragraph--type--media-grid .field--field-p-text {
    margin-bottom: 60px;
  }
}
.paragraph--type--media-grid .field--field-p-media .item {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--media-grid .field--field-p-media .item {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .paragraph--type--media-grid .field--field-p-media {
    margin-bottom: 30px;
  }
  .paragraph--type--media-grid .field--field-p-media .item {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.paragraph--type--media-image.paragraph--view-mode--column-fill {
  min-height: 320px;
}
.paragraph--type--media-image.paragraph--view-mode--column-fill .field--field-p-image {
  height: 100%;
}
.paragraph--type--media-image.paragraph--view-mode--column-fill .field--field-p-image .background-image {
  height: 100%;
  margin-left: -15px;
  width: 100vw;
}
@media (min-width: 576px) {
  .paragraph--type--media-image.paragraph--view-mode--column-fill .field--field-p-image .background-image {
    float: right;
    margin-left: 0;
    width: 50vw;
  }
}
.paragraph--type--media-image.paragraph--view-mode--column-fill .field--field-p-image .background-image > div {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

@media (min-width: 1230px) {
  .paragraph--type--columns-two-equal .container__content > .row > .col-sm-12:first-child .paragraph--type--media-image.paragraph--view-mode--column-fill .field--field-p-image {
    padding-right: 30px;
  }
  .paragraph--type--columns-two-equal .container__content > .row > .col-sm-12:first-child .paragraph--type--media-image.paragraph--view-mode--column-fill .field--field-p-image .background-image {
    width: calc(50vw - 30px);
  }
}
@media (min-width: 1230px) {
  .paragraph--type--columns-two-equal .container__content > .row > .col-sm-12:last-child .paragraph--type--media-image.paragraph--view-mode--column-fill .field--field-p-image {
    padding-left: 30px;
  }
  .paragraph--type--columns-two-equal .container__content > .row > .col-sm-12:last-child .paragraph--type--media-image.paragraph--view-mode--column-fill .field--field-p-image .background-image {
    width: calc(50vw - 30px);
  }
}

.paragraph--type--media-video .field--field-p-video {
  margin-bottom: 10px;
  text-align: center;
}
.paragraph--type--media-video .field--field-p-video .media-oembed-content {
  min-height: 185px;
}
@media (max-width: 991.98px) {
  .paragraph--type--media-video .field--field-p-video .media-oembed-content {
    height: auto;
  }
}
@media (min-width: 768px) {
  .paragraph--type--columns-one .paragraph--type--media-video .field--field-p-video .media-oembed-content {
    min-height: 423px;
  }
}

.ausy-media-launch-modal {
  background-color: #696969;
  cursor: pointer;
  display: inline-block;
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  text-align: center;
  width: auto;
}
.ausy-media-launch-modal::before, .ausy-media-launch-modal::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: all 0.2s ease-in-out;
}
.ausy-media-launch-modal::before {
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 24px 34px rgba(12, 0, 51, 0.1);
  content: "";
  display: block;
  height: 60px;
  transform: translate(-50%, -50%);
  width: 60px;
  z-index: 1;
}
.ausy-media-launch-modal::after {
  content: "\f04b";
  color: #ffd17d;
  font-family: "Font Awesome 5 Pro";
  font-size: 25px;
  font-weight: 900;
  width: 25px;
  transform: translate(-43%, -50%);
  z-index: 2;
}
.ausy-media-launch-modal img {
  opacity: 0.75;
}
.ausy-media-launch-modal:hover::before, .ausy-media-launch-modal:focus::before {
  background-color: #ffd17d;
}
.ausy-media-launch-modal:hover::after, .ausy-media-launch-modal:focus::after {
  color: #fff;
}

.ausy-media-responsive-modal.media-oembed-content {
  min-height: 185px;
}
@media (max-width: 991.98px) {
  .ausy-media-responsive-modal.media-oembed-content {
    height: auto;
  }
}
@media (min-width: 768px) {
  .ausy-media-responsive-modal.media-oembed-content {
    min-height: 423px;
  }
}

.paragraph--type--quote {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .paragraph--type--quote {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.paragraph--type--quote blockquote {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 992px) {
  .paragraph--type--quote blockquote {
    max-width: 960px;
  }
}
.paragraph--type--quote .field--field-p-text {
  padding-bottom: 1rem;
}
.paragraph--type--quote .field--field-p-text p {
  color: #696969;
  font-family: "Nexa-LightItalic", "Nunito", sans-serif;
  font-style: italic;
  font-size: 1.25rem;
  line-height: 1.4;
}
.paragraph--type--quote .field--field-p-text p:last-child {
  margin-bottom: 0;
}
.paragraph--type--quote cite {
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  font-style: normal;
  font-weight: 700;
  display: block;
  margin-bottom: 1rem;
}

.paragraph--type--rich-text p:last-child {
  margin-bottom: 0;
}
.paragraph--type--rich-text.background-illustration--envelope, .paragraph--type--rich-text.background-illustration--arrow-right {
  position: relative;
}
.paragraph--type--rich-text.background-illustration--envelope::after, .paragraph--type--rich-text.background-illustration--arrow-right::after {
  background-repeat: no-repeat;
  background-position: top right;
  content: "";
  display: block;
  position: absolute;
  top: -30px;
  right: 45px;
}
.paragraph--type--rich-text.background-illustration--envelope::after {
  background-image: url("../images/icons-studio/illustration-envelope.svg");
  height: 64px;
  width: 122px;
}
.paragraph--type--rich-text.background-illustration--arrow-right::after {
  background-image: url("../images/icons-studio/illustration-arrow-right.svg");
  height: 152px;
  width: 145px;
}

@media (min-width: 576px) {
  .paragraph--type--columns-two-equal .paragraph--type--rich-text,
.paragraph--type--columns-two-asym-left .paragraph--type--rich-text,
.paragraph--type--columns-two-asym-right .paragraph--type--rich-text,
.paragraph--type--columns-three-equal .paragraph--type--rich-text,
.paragraph--type--columns-four-equal .paragraph--type--rich-text {
    padding-top: 10px;
  }
}
@media (min-width: 1230px) {
  .paragraph--type--columns-two-equal .paragraph--type--rich-text,
.paragraph--type--columns-two-asym-left .paragraph--type--rich-text,
.paragraph--type--columns-two-asym-right .paragraph--type--rich-text,
.paragraph--type--columns-three-equal .paragraph--type--rich-text,
.paragraph--type--columns-four-equal .paragraph--type--rich-text {
    padding-top: 1rem;
  }
}

.paragraph--type--text-image-bg {
  overflow: hidden;
}
.paragraph--type--text-image-bg .card__text {
  position: absolute;
  top: 20px;
  bottom: 20px;
  width: 40%;
  background-color: rgba(255, 255, 255, 0.5);
}
.paragraph--type--text-image-bg .align--left .card__text {
  left: 20px;
}
.paragraph--type--text-image-bg .align--center .card__text {
  left: 30%;
}
.paragraph--type--text-image-bg .align--right .card__text {
  right: 20px;
}

.paragraph--type--columns-one.container-fluid .paragraph--type--text-image-bg > .align--left .card__text,
.paragraph--type--columns-two-equal.container-fluid .paragraph--type--text-image-bg > .align--left .card__text,
.paragraph--type--columns-two-asym-left.container-fluid .paragraph--type--text-image-bg > .align--left .card__text,
.paragraph--type--columns-two-asym-right.container-fluid .paragraph--type--text-image-bg > .align--left .card__text,
.paragraph--type--columns-three-equal.container-fluid .paragraph--type--text-image-bg > .align--left .card__text,
.paragraph--type--columns-four-equal.container-fluid .paragraph--type--text-image-bg > .align--left .card__text {
  left: 40px;
}
.paragraph--type--columns-one.container-fluid .paragraph--type--text-image-bg > .align--right .card__text,
.paragraph--type--columns-two-equal.container-fluid .paragraph--type--text-image-bg > .align--right .card__text,
.paragraph--type--columns-two-asym-left.container-fluid .paragraph--type--text-image-bg > .align--right .card__text,
.paragraph--type--columns-two-asym-right.container-fluid .paragraph--type--text-image-bg > .align--right .card__text,
.paragraph--type--columns-three-equal.container-fluid .paragraph--type--text-image-bg > .align--right .card__text,
.paragraph--type--columns-four-equal.container-fluid .paragraph--type--text-image-bg > .align--right .card__text {
  right: 40px;
}

@media (min-width: 768px) {
  .paragraph--type--text-list .text-list__items .column__odd,
.paragraph--type--text-list .text-list__items .column__even {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .paragraph--type--text-list .text-list__items .column__odd {
    padding-right: 15px;
  }
  .paragraph--type--text-list .text-list__items .column__even {
    margin-top: 90px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .paragraph--type--text-list .text-list__items .column__odd {
    padding-right: 75px;
  }
  .paragraph--type--text-list .text-list__items .column__even {
    margin-top: 150px;
    padding-left: 75px;
  }
}
.paragraph--type--text-list .text-list__items .text-list__item {
  padding-top: 7.5rem;
  position: relative;
}
@media (min-width: 768px) {
  .paragraph--type--text-list .text-list__items .text-list__item {
    margin-bottom: 45px;
  }
}
@media (min-width: 992px) {
  .paragraph--type--text-list .text-list__items .text-list__item {
    padding-top: 10.75rem;
    margin-bottom: 90px;
  }
}
.paragraph--type--text-list .text-list__items .text-list__item .list-index {
  font-family: "Nexa-Bold", "Nunito", sans-serif;
  font-weight: 700;
  color: #ffd17d;
  display: inline-block;
  font-size: 8.5rem;
  line-height: 1;
  opacity: 0.4;
  position: absolute;
  top: 2.85rem;
}
@media (min-width: 992px) {
  .paragraph--type--text-list .text-list__items .text-list__item .list-index {
    font-size: 12rem;
    line-height: 1;
  }
}
.paragraph--type--text-list .text-list__items .text-list__item .item__title {
  position: relative;
  z-index: 1;
}

.timeline .timeline__year {
  color: #ffd17d;
  font-size: 2.75rem;
  padding-top: 1rem;
}
@media (min-width: 768px) {
  .timeline .timeline__year {
    font-size: 3.75rem;
  }
}
.timeline .timeline__events {
  padding-left: 30px;
  padding-bottom: 15px;
  position: relative;
}
.timeline .timeline__events::before {
  border-left: 1px dashed #eff2f3;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  left: 8px;
  top: 0;
  width: 2px;
}
@media (min-width: 768px) {
  .timeline .timeline__events {
    padding-left: 45px;
    padding-bottom: 30px;
    padding-top: 15px;
  }
  .timeline .timeline__events::before {
    left: 20px;
  }
}
@media (min-width: 992px) {
  .timeline .timeline__events {
    padding-left: 150px;
    padding-top: 20px;
  }
  .timeline .timeline__events::before {
    left: 92px;
  }
}
.timeline .timeline-event + .timeline-event {
  margin-top: 45px;
}
@media (min-width: 768px) {
  .timeline .timeline-event + .timeline-event {
    margin-top: 60px;
  }
}
.timeline .timeline-event__lead {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .timeline .timeline-event__lead {
    margin-bottom: 45px;
  }
}
.timeline .timeline-event__text .paragraph {
  border-left: 4px solid rgba(0, 158, 128, 0.25);
  padding-left: 10px;
}
@media (min-width: 768px) {
  .timeline .timeline-event__text .paragraph {
    padding-left: 20px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}