/*1753862236000*/
@charset "UTF-8";
/**
 * Clay 3.63.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
/**
 * Clay 3.63.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
.lfr-asset-column-details .lfr-asset-categories {
  color: #7d7d7d;
}
.lfr-asset-column-details .lfr-asset-categories .lfr-asset-category {
  color: #555;
}
.lfr-asset-column-details .lfr-asset-description {
  color: #444;
  font-style: italic;
  margin: 0.5em auto 2em;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}
.lfr-asset-column-details .lfr-asset-icon {
  border-right: 1px solid transparent;
  color: #999;
  float: left;
  line-height: 1em;
  margin-right: 10px;
  padding-right: 10px;
}
.lfr-asset-column-details .lfr-asset-icon.last {
  border-width: 0;
}
.lfr-asset-column-details .lfr-asset-tags {
  color: #7d7d7d;
}
.lfr-asset-column-details .lfr-asset-tags .tag {
  color: #555;
}
.lfr-asset-column-details .lfr-asset-metadata {
  clear: both;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
}
.lfr-asset-column-details .lfr-panel {
  clear: both;
  margin-bottom: 0.2em;
}
.lfr-asset-column-details .lfr-panel.lfr-extended {
  border: 1px solid #ccc;
  margin-bottom: 0;
}
.lfr-asset-column-details .taglib-custom-attributes-list label,
.lfr-asset-column-details .lfr-asset-field label {
  display: block;
}
.lfr-asset-column-details .taglib-custom-attributes-list {
  margin-bottom: 1em;
}

.overlay {
  position: absolute;
}

.overlay-hidden,
.overlaymask-hidden {
  display: none;
}

.lfr-form-row {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 1px 5px 25px;
  position: relative;
}
.lfr-form-row:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.lfr-form-row:hover {
  border: solid #ccc;
  border-width: 1px 0;
  padding-top: 0;
}
.lfr-form-row.lfr-form-row-inline .form-group {
  margin-right: 5px;
}
.lfr-form-row legend .field-label {
  float: left;
  margin-right: 10px;
}
.lfr-form-row .handle-sort-vertical {
  background: url(../images/application/handle_sort_vertical.png) no-repeat 0 50%;
  cursor: move;
  padding-left: 20px;
}
.lfr-form-row fieldset {
  border-width: 0;
  margin: 0;
  padding: 0;
}

.lfr-autorow-controls {
  bottom: 5px;
  position: absolute;
  right: 5px;
}

.datepicker-popover-content .popover-content {
  padding: 0.75rem 1rem;
}

.dropdown.open > .dropdown-menu, .overlay-content .open > .dropdown-menu {
  display: block;
}

.form-control-inline {
  background-color: transparent;
  font-size: 1.125rem;
  font-weight: 700;
}
.form-control-inline:not(:hover) {
  border-color: transparent;
}
.form-control-inline::placeholder {
  color: #a9afb5;
  font-style: italic;
}

.form-search .input-group {
  position: relative;
}
.form-search .input-group.advanced-search .search-query {
  padding-left: 40px;
  z-index: 0;
}
.form-search .input-group.advanced-search .toggle-advanced {
  cursor: pointer;
  left: 0;
  line-height: 1;
  padding: 8px 10px;
  position: absolute;
  top: 0;
}
.form-search .input-group.advanced-search .toggle-advanced .caret {
  margin-top: 7px;
}
.form-search .input-group.advanced-search .toggle-advanced .icon-search {
  font-size: 14px;
}
@media (max-width: 991.98px) {
  .form-search .input-group {
    width: 100%;
  }
  .form-search .input-group .btn {
    clip: rect(0, 0, 0, 0);
    left: -9999px;
    position: absolute;
  }
  .form-search .input-group input.search-query {
    width: 100%;
  }
}

.lfr-table {
  border-collapse: collapse;
  clear: both;
}
.lfr-table > tbody > tr > td,
.lfr-table > tbody > tr > th,
.lfr-table > thead > tr > td,
.lfr-table > thead > tr > th,
.lfr-table > tfoot > tr > td,
.lfr-table > tfoot > tr > th {
  padding: 0 5px;
  overflow-wrap: break-all;
  word-wrap: break-all;
}
.lfr-table > tbody > tr > td:first-child, .lfr-table > tbody > tr > td.first-child,
.lfr-table > tbody > tr > th:first-child,
.lfr-table > tbody > tr > th.first-child,
.lfr-table > thead > tr > td:first-child,
.lfr-table > thead > tr > td.first-child,
.lfr-table > thead > tr > th:first-child,
.lfr-table > thead > tr > th.first-child,
.lfr-table > tfoot > tr > td:first-child,
.lfr-table > tfoot > tr > td.first-child,
.lfr-table > tfoot > tr > th:first-child,
.lfr-table > tfoot > tr > th.first-child {
  padding-left: 0;
}
.lfr-table > tbody > tr > td:last-child, .lfr-table > tbody > tr > td.last-child,
.lfr-table > tbody > tr > th:last-child,
.lfr-table > tbody > tr > th.last-child,
.lfr-table > thead > tr > td:last-child,
.lfr-table > thead > tr > td.last-child,
.lfr-table > thead > tr > th:last-child,
.lfr-table > thead > tr > th.last-child,
.lfr-table > tfoot > tr > td:last-child,
.lfr-table > tfoot > tr > td.last-child,
.lfr-table > tfoot > tr > th:last-child,
.lfr-table > tfoot > tr > th.last-child {
  padding-right: 0;
}
.lfr-table > tbody > tr > th,
.lfr-table > thead > tr > th,
.lfr-table > tfoot > tr > th {
  font-weight: bold;
}

.lfr-pagination:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.lfr-pagination .dropdown-menu {
  display: none;
}
.lfr-pagination .dropdown-toggle .icon-caret-down {
  margin-left: 5px;
}
.lfr-pagination .lfr-pagination-controls {
  float: left;
}
.lfr-pagination .lfr-pagination-controls .search-results {
  display: inline-block;
  margin-left: 10px;
  margin-top: 5px;
  top: 10px;
}
.lfr-pagination .lfr-pagination-controls li .lfr-pagination-link {
  border-width: 0;
  clear: both;
  color: #333;
  display: block;
  font-weight: normal;
  line-height: 20px;
  padding: 3px 20px;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}
.lfr-pagination .lfr-pagination-delta-selector {
  float: left;
}
@media (max-width: 991.98px) {
  .lfr-pagination .lfr-pagination-delta-selector .lfr-icon-menu-text {
    display: none;
  }
}
.lfr-pagination .pagination-content {
  float: right;
}

.lfr-panel.lfr-extended {
  border: 1px solid transparent;
  border-color: #dedede #bfbfbf #bfbfbf #dedede;
}
.lfr-panel.lfr-extended.lfr-collapsible .lfr-panel-button {
  display: block;
}
.lfr-panel.lfr-extended.lfr-collapsed .lfr-panel-titlebar {
  border-bottom-width: 0;
}
.lfr-panel.panel-default .panel-heading {
  border-bottom-width: 0;
}
.lfr-panel .toggler-header {
  cursor: pointer;
}

.sidebar-sm {
  font-size: 0.875rem;
}
.sidebar-sm .sheet-subtitle {
  font-size: 0.75rem;
  margin-bottom: 1rem;
}
.sidebar-sm .form-group {
  margin-bottom: 1rem;
}
.sidebar-sm .form-control {
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  min-height: auto;
  padding: 0.25rem 0.75rem;
}
.sidebar-sm .form-control.form-control-tag-group {
  height: auto;
}
.sidebar-sm .form-control.form-control-tag-group .form-control-inset {
  margin-bottom: 0;
  margin-top: 0;
}
.sidebar-sm .form-control.form-control-tag-group .label {
  margin-bottom: 0;
  margin-top: 0;
  padding: 0 0.25rem;
}
.sidebar-sm .form-control[type=file] {
  padding: 0;
}
.sidebar-sm select.form-control {
  padding-right: 1.6rem;
}
.sidebar-sm select.form-control:not([size]) {
  height: 2rem;
}
.sidebar-sm .article-content-description .input-localized.input-localized-editor .input-group-item .wrapper .form-control {
  min-height: auto;
  padding: 0.285rem 0.75rem;
}
.sidebar-sm .btn:not(.btn-unstyled) {
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  line-height: 1.15;
  padding: 0.4375rem 0.75rem;
}
.sidebar-sm .btn:not(.btn-unstyled).close {
  padding: 0.4375rem;
}
.sidebar-sm .btn.btn-monospaced, .sidebar-sm .btn.btn-monospaced.btn-sm {
  height: 2rem;
  padding: 0.1875rem 0;
  width: 2rem;
}
.sidebar-sm .btn.btn-monospaced.input-localized-trigger, .sidebar-sm .btn.btn-monospaced.btn-sm.input-localized-trigger {
  padding: 0;
}
.sidebar-sm .input-group-item .input-group-text {
  font-size: 0.875rem;
  height: 2rem;
  min-width: 2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.sidebar-sm .input-group-item .btn .btn-section {
  font-size: 0.5625rem;
}
.sidebar-sm .list-group-item-flex {
  padding: 0.5rem 0.25rem;
}
.sidebar-sm .list-group-item-flex .autofit-col {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.lfr-translation-manager {
  border-radius: 4px;
  display: inline-block;
  margin-top: 0.5em;
  min-height: 1.8em;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-default-locale {
  display: inline-block;
  width: auto;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu {
  float: none;
  padding: 0.4em 0;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li,
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li strong {
  display: inline;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-translations-message {
  margin: 10px 0;
}
.lfr-translation-manager .lfr-translation-manager-available-translations {
  white-space: normal;
}
.lfr-translation-manager .lfr-translation-manager-available-translations .lfr-translation-manager-available-translations-links {
  line-height: 1;
}
.lfr-translation-manager .lfr-translation-manager-translation {
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  margin: 0.2em;
  padding: 0.4em 0.3em 0.4em 0.5em;
  text-decoration: none;
}
.lfr-translation-manager .lfr-translation-manager-translation * {
  vertical-align: middle;
}
.lfr-translation-manager .lfr-translation-manager-translation img {
  margin-right: 0.3em;
}
.lfr-translation-manager .lfr-translation-manager-translation:hover {
  background-color: #d1e5ef;
}
.lfr-translation-manager .lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
  background-color: #598bec;
  border-color: #224fa8;
  color: #fff;
}
.lfr-translation-manager .lfr-translation-manager-change-default-locale {
  margin: 0 0.4em;
}
.lfr-translation-manager .lfr-translation-manager-delete-translation {
  display: inline-block;
  padding: 0 2px;
}
.lfr-translation-manager .lfr-translation-manager-delete-translation svg {
  pointer-events: none;
}

.lfr-tree a {
  text-decoration: none;
}
.lfr-tree li {
  margin-bottom: 2px;
  padding-left: 0;
}
.lfr-tree li ul li, .lfr-tree li.tree-item {
  padding-left: 0;
}
.lfr-tree li.tree-item {
  padding-left: 5px;
}
.lfr-tree li.tree-item li {
  padding-left: 20px;
}
.lfr-tree li.tree-item ul {
  margin-left: 0;
  margin-top: 5px;
}

.lfr-upload-container {
  margin-bottom: 1rem;
}
.lfr-upload-container .upload-target {
  border: 3px dashed #e5e7e9;
  margin-bottom: 1rem;
  min-height: 2rem;
  padding: 2rem 0;
  position: relative;
  text-align: center;
}
.upload-drop-intent .lfr-upload-container .upload-target {
  z-index: 100;
}
.upload-drop-active .lfr-upload-container .upload-target {
  background-color: #92e5a5;
  border-color: #69db83;
}
.lfr-upload-container .upload-target .drop-file-text {
  font-weight: normal;
}
.mobile .lfr-upload-container .upload-target .drop-file-text {
  display: none;
}
.lfr-upload-container .upload-target .small {
  display: block;
  margin: 5px 0;
  text-transform: lowercase;
}
.lfr-upload-container .manage-upload-target {
  padding-top: 5px;
  position: relative;
}
.lfr-upload-container .manage-upload-target .select-files {
  float: left;
  line-height: 0;
  margin: 0 1.125rem 1.125rem;
  padding: 0 0 0 5px;
}
.lfr-upload-container .cancel-uploads,
.lfr-upload-container .clear-uploads {
  background-repeat: no-repeat;
  float: right;
}
.lfr-upload-container .cancel-uploads {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAnFBMVEX////4YWP/dXjyS07/dXj9bXD6a234YWP4XWD2WVv2VFfsOTzoLzHmKSvkISP2VFf0TE/vREftPT/iHB72WVvvREf0TE//hon/gYX/fYD/e33/dXj/cXP9bXD/a236a23/Zmb4YWP4XWD/Wl32WVv/VVj2VFf3VFb0TE/yS072SUvvREfuQELtPT/sOTzrMzXoLzHnLC/mKSvkISPh2jkWAAAAF3RSTlMAESIiMzMzMzMzMzMzMzNERERERHd3qtw8lzkAAACOSURBVHjaZcjZDsIgEIXhcd+tu5YBKUixttS6vP+7OQKJTfxvTr4D7Tpxu/2w410SjDjwVvLQ805TPiRryfQeKM6OTI68K/BJPHGlJZJjSqSMofEOGXbJecsTgzkds58V5+J8refBU7Jx9yIrmkW0sA6gqbLyuaRjZZWtgXq58rEFan0jf3uTfRuIkf/7AO8DDcVPSSG3AAAAAElFTkSuQmCC);
  margin-right: 0;
}
.lfr-upload-container .clear-uploads {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAdVBMVEX///+6QwTEVx65RQPEVx3EWB64RQPDVxq5RAO5RAO5RQPATQ65RQO5RQO5RQPRczjJZCW9TQTLay28QgTdZAHhaAPmdyHqeQXrikDudgDvfxj0nWP1qHL2tY33tY34dgD+za7+1rj/dxH/fxj/hiH/kk3///9TM3sUAAAAFHRSTlMAbXd4eHh6gN3e3+Hi4+T5+/z8/mIsq5IAAABHSURBVBjTY2CgGWDlFuZhRuIz8cspyggxIgQ4ZFWVVCQ4EQLCCmpqalLCCAFeaWV5SVE+hAC7gJi4iCAbkqksXMK8bNRzNADCOQN++eLhCQAAAABJRU5ErkJggg==);
  padding-left: 16px;
}
.lfr-upload-container .upload-file.upload-complete.file-saved {
  padding-left: 25px;
}
.lfr-upload-container .upload-file .file-title {
  display: inline-block;
  max-width: 95%;
  overflow: hidden;
  padding-right: 16px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.lfr-upload-container .upload-file .icon-file {
  font-size: 40px;
}
.lfr-upload-container .upload-list-info {
  margin: 1em 0 0.5em;
}
.lfr-upload-container .upload-list-info h4 {
  font-size: 1.3em;
}
.lfr-upload-container .cancel-button {
  color: #6c757d;
  margin-top: 1px;
  position: absolute;
  right: 5px;
  top: 50%;
  white-space: nowrap;
}
.lfr-upload-container .cancel-button .cancel-button-text {
  display: none;
  margin-left: 5px;
}
.lfr-upload-container .cancel-button:hover .cancel-button-text {
  display: inline;
}
.lfr-upload-container .cancel-button .lexicon-icon {
  height: 12px;
}
.lfr-upload-container .delete-button {
  color: #6c757d;
}
.lfr-upload-container .delete-button-col {
  padding-right: 10px;
}
.lfr-upload-container .file-added .success-message {
  float: right;
  font-weight: normal;
}
.lfr-upload-container .upload-error {
  opacity: 1;
  padding-left: 25px;
}
.lfr-upload-container .upload-complete .cancel-button,
.lfr-upload-container .delete-button,
.lfr-upload-container .upload-complete.file-saved .delete-button,
.lfr-upload-container .upload-complete.upload-error .delete-button {
  display: none;
}
.lfr-upload-container .multiple-files .upload-error {
  background: #f5c4c9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJPSURBVDjLpZPLS5RhFMYfv9QJlelTQZwRb2OKlKuINuHGLlBEBEOLxAu46oL0F0QQFdWizUCrWnjBaDHgThCMoiKkhUONTqmjmDp2GZ0UnWbmfc/ztrC+GbM2dXbv4ZzfeQ7vefKMMfifyP89IbevNNCYdkN2kawkCZKfSPZTOGTf6Y/m1uflKlC3LvsNTWArr9BT2LAf+W73dn5jHclIBFZyfYWU3or7T4K7AJmbl/yG7EtX1BQXNTVCYgtgbAEAYHlqYHlrsTEVQWr63RZFuqsfDAcdQPrGRR/JF5nKGm9xUxMyr0YBAEXXHgIANq/3ADQobD2J9fAkNiMTMSFb9z8ambMAQER3JC1XttkYGGZXoyZEGyTHRuBuPgBTUu7VSnUAgAUAWutOV2MjZGkehgYUA6O5A0AlkAyRnotiX3MLlFKduYCqAtuGXpyH0XQmOj+TIURt51OzURTYZdBKV2UBSsOIcRp/TVTT4ewK6idECAihtUKOArWcjq/B8tQ6UkUR31+OYXP4sTOdisivrkMyHodWejlXwcC38Fvs8dY5xaIId89VlJy7ACpCNCFCuOp8+BJ6A631gANQSg1mVmOxxGQYRW2nHMha4B5WA3chsv22T5/B13AIicWZmNZ6cMchTXUe81Okzz54pLi0uQWp+TmkZqMwxsBV74Or3od4OISPr0e3SHa3PX0f3HXKofNH/UIG9pZ5PeUth+CyS2EMkEqs4fPEOBJLsyske48/+xD8oxcAYPzs4QaS7RR2kbLTTOTQieczfzfTv8QPldGvTGoF6/8AAAAASUVORK5CYII=) no-repeat 5px 5px;
  border-color: #bd2130;
  color: #bd2130;
  font-weight: normal;
  margin-bottom: 16px;
  padding: 8px 8px 8px 24px;
}
.lfr-upload-container .multiple-files .upload-error .error-message {
  display: block;
}
.lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .card-body,
.lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .card-body {
  padding-left: 1rem;
}
.lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .custom-control-label,
.lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .custom-control-label {
  display: none;
}
.lfr-upload-container .single-file .upload-error {
  list-style: none;
  margin-top: 1em;
}
.lfr-upload-container .single-file .upload-error .upload-error-message {
  margin-bottom: 0.5em;
}
.lfr-upload-container .upload-complete {
  padding-left: 5px;
}
.lfr-upload-container .upload-complete .error-message,
.lfr-upload-container .upload-complete .success-message {
  font-weight: bold;
  margin-left: 1em;
}
.lfr-upload-container .upload-complete .delete-button {
  display: inline-block;
}
.lfr-upload-container .upload-complete .select-file:disabled + .custom-control-label {
  display: none;
}
.lfr-upload-container .progress {
  display: none;
  margin-top: 0.5rem;
}
.lfr-upload-container .file-uploading .progress {
  display: flex;
}

.lfr-alert-container {
  left: 0;
  position: absolute;
  right: auto;
  top: auto;
  width: 100%;
  z-index: 430;
}
.lfr-alert-container.inline-alert-container {
  position: relative;
}
.lfr-alert-container.inline-alert-container .lfr-alert-wrapper {
  padding: 0;
}
.lfr-alert-container .lfr-alert-wrapper {
  margin-bottom: 5px;
  overflow: hidden;
}

.lfr-search-container td .overlay.entry-action {
  position: static;
}
.lfr-search-container td .overlay.entry-action .btn a {
  display: block;
  padding: 4px 12px;
}

.contextual-sidebar {
  height: calc(100vh - 49px);
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 49px;
  transform: translateX(100%);
  transition: transform ease 0.5s;
  width: 320px;
  will-change: transform;
}
.contextual-sidebar.contextual-sidebar-visible {
  pointer-events: auto;
  transform: translateX(0);
}
body.has-control-menu .contextual-sidebar {
  height: calc(100vh - 98px);
  top: 98px;
}

@media (min-width: 576px) {
  .contextual-sidebar {
    height: calc(100vh - 64px);
    top: 64px;
  }
  body.has-control-menu .contextual-sidebar {
    height: calc(
				100vh - 120px
			);
    top: 120px;
  }
  .contextual-sidebar-content {
    transition: padding ease 0.5s;
    will-change: padding;
  }
  .contextual-sidebar-visible .contextual-sidebar-content,
  .contextual-sidebar-visible + .contextual-sidebar-content {
    padding-right: 320px;
  }
}
.taglib-diff-html div.diff-removed-image {
  background: #fdc6c6 url(../images/diff/minus.png);
}
.taglib-diff-html div.diff-added-image {
  background: #cfc url(../images/diff/plus.png) no-repeat;
}
.taglib-diff-html div.diff-removed-image, .taglib-diff-html div.diff-added-image {
  height: 300px;
  margin: 2px;
  opacity: 0.55;
  position: absolute;
  width: 200px;
}
.taglib-diff-html span.diff-html-added {
  background-color: #cfc;
  font-size: 1em;
}
.taglib-diff-html span.diff-html-added img {
  border: 2px solid #cfc;
}
.taglib-diff-html span.diff-html-changed {
  background: url(../images/diff/underline.png) bottom repeat-x;
}
.taglib-diff-html span.diff-html-changed img {
  border: 2px dotted #009;
}
.taglib-diff-html span.diff-html-removed {
  background-color: #fdc6c6;
  font-size: 1em;
  text-decoration: line-through;
}
.taglib-diff-html span.diff-html-removed img {
  border: 2px solid #fdc6c6;
}

.taglib-discussion {
  font-size: 0.875rem;
  margin-top: 1rem;
}
.taglib-discussion .actions-menu .component-action {
  display: inline-flex;
}
.taglib-discussion .button-holder {
  margin: 1rem 0;
}
.taglib-discussion .comment-container {
  margin-bottom: 1.5rem;
}
.taglib-discussion .lfr-discussion .lfr-discussion-form-edit .alloy-editor-placeholder {
  border-left-color: #dbdde1;
}
.taglib-discussion .lfr-discussion-body {
  font-size: 1rem;
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-body {
    padding-left: 3.5rem;
  }
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-details .taglib-user-display {
    word-wrap: break-word;
  }
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name {
  font-weight: bold;
  text-decoration: none;
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name:hover {
  text-decoration: underline;
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-profile-image .avatar {
  background-size: 50px;
}
.taglib-discussion .lfr-discussion-container {
  border-bottom: 1px solid #e7e7ed;
  margin-bottom: 1.5rem;
}
.taglib-discussion .lfr-discussion-container:first-of-type {
  border-top: 1px solid #e7e7ed;
  padding-top: 1.5rem;
}
.taglib-discussion .lfr-discussion-container:last-of-type {
  border-bottom: 0;
}
.taglib-discussion .lfr-discussion-container .lfr-discussion {
  padding-left: 1rem;
}
.taglib-discussion .lfr-discussion-container .lfr-discussion .lfr-discussion .lfr-discussion .lfr-discussion {
  padding-left: 0;
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-container .lfr-discussion {
    padding-left: 3.5rem;
  }
}
.taglib-discussion .lfr-discussion-parent-link {
  color: #67678c;
  font-weight: 600;
  margin-left: 1em;
}
@media (max-width: 767.98px) {
  .taglib-discussion .lfr-discussion-parent-link {
    display: block;
    margin-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.taglib-discussion .lfr-discussion-controls .autofit-col:first-of-type > .btn-outline-borderless {
  margin-left: -0.75rem;
}
.taglib-discussion .lfr-discussion-more-comments {
  border-top: 1px solid #e7e7ed;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  text-align: center;
}
.taglib-discussion .username {
  color: #272833;
  font-weight: 600;
}
.taglib-discussion .taglib-workflow-status {
  margin-left: 0.5rem;
}
.taglib-discussion .workflow-value {
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .taglib-discussion .actions-menu {
    display: none;
  }
  .taglib-discussion .comment-container:hover .actions-menu,
  .taglib-discussion .actions-menu:focus,
  .taglib-discussion .actions-menu.open {
    display: inline-block;
  }
}

.drop-zone {
  min-height: 80px;
  padding: 20px;
  text-align: center;
}
.drop-zone.drop-enabled {
  outline: 2px dashed transparent;
}
.drop-zone.drop-enabled:not(.no-border) {
  outline-color: rgba(176, 180, 187, 0.5);
}
.drop-zone p {
  margin: 10px auto 0;
  max-width: 75%;
}

.drop-here-info {
  font-size: 25px;
  height: 100%;
  left: 0;
  min-height: 100px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  visibility: hidden;
  width: 100%;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info {
    transition: none;
  }
}
.drop-here-info .drop-here-indicator {
  height: 115px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.drop-here-info .drop-icons {
  display: inline-block;
  position: relative;
  width: 160px;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info .drop-icons {
    transition: none;
  }
}
.drop-here-info .drop-icons span {
  border-radius: 3px;
  position: absolute;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info .drop-icons span {
    transition: none;
  }
}
.drop-here-info .drop-icons span:nth-of-type(1) {
  box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.08);
  height: 60px;
  left: 0;
  line-height: 60px;
  opacity: 0;
  top: 10px;
  transform: rotate(25deg);
  width: 60px;
}
.drop-here-info .drop-icons span:nth-of-type(2) {
  background: #00c2ff;
  color: #fff;
  height: 80px;
  left: 40px;
  line-height: 80px;
  width: 80px;
  z-index: 2;
}
.drop-here-info .drop-icons span:nth-of-type(3) {
  box-shadow: -5px 4px 0 0 rgba(0, 0, 0, 0.08);
  display: block;
  font-size: 45px;
  height: 70px;
  left: 90px;
  line-height: 70px;
  opacity: 0;
  position: relative;
  top: 8px;
  transform: rotate(-25deg);
  width: 70px;
  z-index: 1;
}
.drop-here-info .drop-icons span:nth-of-type(1), .drop-here-info .drop-icons span:nth-of-type(3) {
  background: #e8e6e8;
  color: #a5a6ac;
}
.drop-here-info .drop-text {
  color: #fff;
  display: block;
  font-size: 20px;
  margin-left: 0;
  margin-top: 20px;
}
.drop-active .drop-here-info {
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 1;
  visibility: visible;
  z-index: 100;
}
.drop-active .drop-here-info .drop-icons span:nth-of-type(1), .drop-active .drop-here-info .drop-icons span:nth-of-type(3) {
  opacity: 1;
}
.drop-active .drop-here-info span:nth-of-type(1) {
  transform: rotate(-20deg);
}
.drop-active .drop-here-info span:nth-of-type(2) {
  transform: scale(1);
}
.drop-active .drop-here-info span:nth-of-type(3) {
  transform: rotate(15deg);
}

.taglib-empty-result-message.sheet {
  margin-bottom: 24px;
}
.taglib-empty-result-message .taglib-empty-result-message-description {
  color: #6c757d;
  margin-top: 8px;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn,
.taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: auto;
  margin-right: auto;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  max-width: 200px;
  padding-top: 250px;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  background-image: url(/o/usi-supsi-theme/images/states/empty_state.gif);
}
.taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-image: url(/o/usi-supsi-theme/images/states/search_state.gif);
  max-width: 210px;
  padding-top: 232px;
}
.taglib-empty-result-message .taglib-empty-state {
  background-image: url(/o/usi-supsi-theme/images/states/empty_state.gif);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
.taglib-empty-result-message .taglib-success-state {
  background-image: url(/o/usi-supsi-theme/images/states/success_state.gif);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
.taglib-empty-result-message .taglib-search-state {
  background-image: url(/o/usi-supsi-theme/images/states/search_state.gif);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
.taglib-empty-result-message .taglib-empty-result-message-title {
  font-size: 1rem;
  margin-top: 48px;
}
.taglib-empty-result-message .taglib-empty-result-message-description {
  font-size: 0.875rem;
}
.taglib-empty-result-message .taglib-empty-result-message-header + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-empty-search-result-message-header + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-empty-state + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-success-state + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-search-state + .taglib-empty-result-message-title {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}
.taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-description, .taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-actions {
  font-size: 1rem;
  text-align: center;
}

.field-wrapper.form-inline .control-label {
  display: inline-block;
}

.field-wrapper-html .input-localized .input-group-item {
  flex-wrap: nowrap;
}

.taglib-header {
  border-bottom: 1px solid #c8c9ca;
  color: #555;
  margin-bottom: 1em;
  padding-bottom: 10px;
}
.taglib-header .header-title {
  display: inline-block;
  margin: 0.1em;
  max-width: 100%;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: normal;
}
.taglib-header .header-back-to {
  display: inline-block;
  vertical-align: middle;
}
.taglib-header .header-back-to a {
  display: block;
  font-weight: bold;
  padding: 0 0.3em 0 0;
  text-decoration: none;
}

.taglib-icon {
  text-decoration: none;
}
.taglib-icon:not(.btn):hover .taglib-text, .taglib-icon:not(.btn):focus .taglib-text {
  text-decoration: underline;
}
.taglib-icon[lang] > img {
  vertical-align: baseline;
  width: 16px;
}

.icon-monospaced {
  color: inherit;
  display: inline-block;
  height: 2rem;
  line-height: 34px;
  text-align: center;
  width: 2rem;
}
.icon-monospaced.lexicon-icon {
  padding: 8px;
}

.taglib-icon-list li {
  float: left;
  margin-right: 1em;
}
.taglib-icon-list:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

.lfr-icon-menu .lfr-icon-menu-icon {
  max-width: none;
}
@media (max-width: 767.98px) {
  .table-cell.last .lfr-icon-menu .dropdown-toggle {
    text-align: center;
  }
  .table-cell.last .lfr-icon-menu .dropdown-toggle > img,
  .table-cell.last .lfr-icon-menu .dropdown-toggle .lfr-icon-menu-text {
    display: none;
  }
}

.lfr-menu-list {
  float: none;
  overflow-y: auto;
  position: relative;
}
.lfr-menu-list.direction-right {
  margin: 0 2px;
}
.lfr-menu-list.dropdown-menu {
  float: none;
  position: relative;
}
@media (max-width: 991.98px) {
  .lfr-menu-list.dropdown-menu > li > a {
    font-size: 22px;
    line-height: 40px;
    white-space: normal;
  }
  .lfr-menu-list.dropdown-menu > li > a img {
    margin-bottom: 3px;
  }
}
.lfr-menu-list.dropdown-menu .search-panel {
  margin-bottom: 0;
}
.lfr-menu-list.dropdown-menu .search-panel .form-group {
  margin: 0 16px;
}
.lfr-menu-list.dropdown-menu .search-panel .menu-item-filter {
  width: auto;
}
body > .lfr-menu-list ul {
  border-radius: 4px;
}

.lfr-icon-menu-open:after {
  clear: both;
  content: "";
  display: table;
}
.lfr-icon-menu-open .dropdown-menu {
  position: static;
}

.input-localized.input-localized-editor .form-control {
  border-width: 0;
  height: 100%;
  padding: 0;
}
.input-localized .input-group-item {
  flex-direction: column;
}
.input-localized .input-localized-content {
  margin-left: 6px;
}
.input-group .input-localized .input-localized-content {
  margin-top: 3px;
}
.input-localized .lfr-input-localized .lfr-input-localized-state {
  background-color: #ddd;
}
.input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
  background-color: #ff0047;
}
.input-localized .lfr-input-localized-default a {
  margin-right: 14px;
}
.input-localized .lfr-input-localized-state {
  height: 4px;
  margin: 3px 5px;
  width: 4px;
}
.input-localized .palette-item-inner .lfr-input-localized-flag {
  font-size: 16px;
  opacity: 0.5;
}
.input-localized .palette-item,
.input-localized .palette-item-hover,
.input-localized .palette-item-hover .palette-item-inner {
  border-color: transparent;
}
.input-localized .palette-item-inner {
  border-color: #666;
  display: block;
  height: 16px;
  width: 16px;
}
.input-localized .palette-item-selected .lfr-input-localized-state {
  background: #27c1f2;
}

.input-localized-palette-container .palette-items-container {
  font-size: 0;
  margin: 0;
  white-space: normal;
}
.input-localized-palette-container .palette-item {
  border-width: 0;
  padding: 0.5rem 1.25rem;
}
.input-localized-palette-container .palette-item-inner {
  border: 1px solid;
  margin-right: 4px;
  width: 16px;
}
.input-localized-palette-container .palette-item-inner img {
  display: block;
}

.taglib-move-boxes {
  margin-bottom: 1em;
}
.taglib-move-boxes label {
  border-bottom: 1px solid transparent;
  display: block;
  margin-bottom: 5px;
  padding: 5px;
}
.taglib-move-boxes .toolbar {
  text-align: center;
}
.taglib-move-boxes .arrow-button img {
  border-width: 0;
  height: 16px;
  width: 16px;
}
.taglib-move-boxes .choice-selector {
  width: 100%;
}
.taglib-move-boxes .choice-selector label {
  background: #ebf1f9;
  border-bottom-color: #8db2f3;
}
.taglib-move-boxes .field-content {
  margin-bottom: 0;
}
.taglib-move-boxes .move-arrow-buttons {
  margin-top: 5em;
}
.taglib-move-boxes .move-arrow-buttons .arrow-button {
  display: block;
}
.taglib-move-boxes .sortable-container {
  margin-top: 10px;
}
.taglib-move-boxes .sortable-container .btn.edit-selection {
  margin-bottom: 10px;
}
.taglib-move-boxes .sortable-container .move-option {
  background-color: transparent;
  border-top: 1px solid #ddd;
  display: none;
  margin: 2px 0;
  padding: 2px;
  position: relative;
}
.taglib-move-boxes .sortable-container .move-option.selected {
  display: block;
}
.taglib-move-boxes .sortable-container .move-option.move-option-dragging {
  background-color: #fafafa;
}
.taglib-move-boxes .sortable-container .move-option .checkbox,
.taglib-move-boxes .sortable-container .move-option .handle {
  position: absolute;
}
.taglib-move-boxes .sortable-container .move-option .checkbox {
  display: none;
  margin: 7px 0 0 5px;
}
.taglib-move-boxes .sortable-container .move-option .handle {
  color: #999;
  cursor: pointer;
  font-size: 1.5em;
  padding: 6px;
}
.taglib-move-boxes .sortable-container .move-option .title {
  font-size: 1.2em;
  margin: 1px 0 1px 30px;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option {
  display: block;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option .checkbox {
  display: inline-block;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option .handle {
  display: none;
}
.mobile .taglib-move-boxes .selector-container {
  display: none;
}

.item-selector .card-row > .autofit-col-expand {
  padding-top: 4px;
}
.item-selector .drop-zone {
  background-color: #f1f2f5;
  margin-top: 1rem;
}
.item-selector .input-file {
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0.1px;
  z-index: -1;
}
.item-selector .input-file + label {
  position: relative;
}
.item-selector .input-file + label::before {
  border-radius: 4px;
  bottom: -2px;
  content: "";
  display: block;
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
  transition: box-shadow 0.15s ease-in-out;
}
.item-selector .input-file:focus + label::before {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #75b8ff;
}
.item-selector .item-selector-list-row:hover {
  background-color: #e5f2ff;
  cursor: pointer;
}

.lfr-map {
  border: 1px solid #ccc;
  min-height: 400px;
  width: 100%;
}
.lfr-map .home-button {
  margin: 5px;
}
@media (max-width: 575.98px) {
  .lfr-map .home-button {
    height: 35px;
    width: 45px;
  }
}
.lfr-map .search-controls {
  font-size: 15px;
  margin-top: 5px;
  width: 100%;
}
@media (min-width: 576px) {
  .lfr-map .search-controls {
    width: 50%;
  }
}
.lfr-map .search-controls .search-input {
  width: 100%;
}

.navbar .navbar-collapse {
  max-height: none;
}
.navbar .navbar-collapse:after, .navbar .navbar-collapse:before {
  display: inline;
}
@media (max-width: 767.98px) {
  .navbar .navbar-search {
    background-color: #f3f3f3;
    border-top-width: 0;
    width: 100%;
  }
}
.navbar .navbar-search .form-search {
  margin: 8px 0;
}
@media (min-width: 768px) {
  .navbar .navbar-search .form-search {
    float: right;
    max-width: 275px;
  }
}
@media (max-width: 767.98px) {
  .navbar .navbar-search .form-search .input-group {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .navbar .container .navbar-btn,
  .navbar .container-fluid .navbar-btn {
    margin-bottom: 5px;
    width: 45px;
  }
  .navbar .container .navbar-collapse.open,
  .navbar .container-fluid .navbar-collapse.open {
    border-width: 0;
    display: block;
    height: auto;
    overflow: visible;
  }
}

.taglib-portlet-preview.show-borders {
  border: 1px solid #828f95;
  margin-bottom: 1em;
  padding: 3px 3px 1em;
}
.taglib-portlet-preview.show-borders .title {
  background-color: #d3dadd;
  font-size: 1.4em;
  font-weight: bold;
  padding: 0.5em;
}
.taglib-portlet-preview .preview {
  margin: 1em;
  min-height: 90px;
}

.lfr-search-container .entry-action {
  width: 1px;
}
.lfr-search-container .entry-action .taglib-icon {
  white-space: nowrap;
}

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column {
  position: relative;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive {
    margin-left: 375px;
    width: auto;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table {
  position: static;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header {
  left: 12px;
  position: fixed;
  right: 12px;
  top: -1px;
  z-index: 1020;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th {
  display: block;
  padding: 0;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
  overflow-x: hidden;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
    margin-left: 375px;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table {
  border-collapse: collapse;
  width: 100%;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table th {
  border-radius: 0;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td,
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
  width: auto;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td:first-child,
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th:first-child {
    left: 0;
    position: absolute;
    right: 15px;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
  height: auto;
}
.lfr-search-container-wrapper a:not(.component-action):not(.btn) {
  color: #343a40;
}
.lfr-search-container-wrapper .dropdown-action .dropdown-toggle {
  color: #6c757d;
}
.lfr-search-container-wrapper .dropdown-action .dropdown-toggle:hover {
  color: #343a40;
}
.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle {
  color: #6c757d;
}
.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:active, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:focus, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:hover {
  background-color: #f7f8f9;
  border-radius: 4px;
  color: #343a40;
}
.lfr-search-container-wrapper .lfr-search-container-list .list-group:last-child .list-group-item:nth-last-child(2) {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.lfr-search-container-wrapper .lfr-search-container-list + .taglib-search-iterator-page-iterator-bottom {
  margin-top: 20px;
}
.lfr-search-container-wrapper .list-group {
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group + .list-group .list-group-header:first-child,
.lfr-search-container-wrapper .list-group + .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item h4 {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item h5,
.lfr-search-container-wrapper .list-group .list-group-item h6,
.lfr-search-container-wrapper .list-group .list-group-item .h5,
.lfr-search-container-wrapper .list-group .list-group-item .h6 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item span + h2.h5 {
  font-weight: 600;
}
.lfr-search-container-wrapper .list-group .list-group-item h6 + h5 {
  font-weight: 600;
}
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:first-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:first-child {
  border-bottom-left-radius: 0.25rem;
}
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:last-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:last-child {
  border-bottom-right-radius: 0.25rem;
}

.user-info {
  display: flex;
}
.user-info .sticker {
  align-self: center;
}
.user-info .user-details {
  margin-left: 1rem;
}
.user-info .user-name {
  color: #343a40;
  font-weight: 600;
}
.user-info .date-info {
  color: #6c757d;
}

.user-status-tooltip .user-status-avatar {
  float: left;
  margin-right: 5px;
}
.user-status-tooltip .user-status-avatar .user-status-avatar-image {
  width: 27px;
}
.user-status-tooltip .user-status-info {
  display: inline-block;
  overflow: hidden;
}
.user-status-tooltip .user-status-info .user-status-date {
  font-size: 11px;
}

.lfr-search-container {
  margin-top: 1.5em;
  overflow: auto;
}
@media (max-width: 767.98px) {
  .lfr-search-container .selector-button {
    width: auto;
  }
}
.touch .lfr-search-container {
  -webkit-overflow-scrolling: touch;
}
.touch .lfr-search-container .searchcontainer-content .table {
  max-width: none;
}

.taglib-page-iterator {
  clear: both;
  height: auto;
  width: auto;
}
.taglib-page-iterator .lfr-pagination-buttons {
  float: right;
  margin: 0;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-buttons {
    width: 100%;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .taglib-page-iterator .lfr-pagination-buttons {
    float: none;
    margin-top: 20px;
  }
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-buttons > li {
    display: inline-block;
    width: 50%;
  }
  .taglib-page-iterator .lfr-pagination-buttons > li.first, .taglib-page-iterator .lfr-pagination-buttons > li.last {
    display: none;
  }
  .taglib-page-iterator .lfr-pagination-buttons > li > a {
    line-height: 20px;
    padding: 11px 19px;
  }
}
.taglib-page-iterator .lfr-pagination-config {
  float: left;
  line-height: 46px;
}
@media (max-width: 767.98px) {
  .taglib-page-iterator .lfr-pagination-config {
    float: none;
  }
  .taglib-page-iterator .lfr-pagination-config .current-page-menu {
    display: block;
  }
  .taglib-page-iterator .lfr-pagination-config .current-page-menu .btn {
    display: block;
  }
}
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector,
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-page-selector {
  display: inline;
}
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
  float: none;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
    display: none;
  }
}
.taglib-page-iterator .search-results {
  float: left;
  line-height: 46px;
  margin-left: 10px;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .search-results {
    display: none;
  }
}

.taglib-search-toggle .form-search {
  position: relative;
}
.taglib-search-toggle .form-search .input-group-btn {
  position: absolute;
}
@media (min-width: 992px) {
  .taglib-search-toggle .form-search .input-group-btn {
    position: static;
  }
}
.taglib-search-toggle .toggle-advanced {
  color: inherit;
  margin-left: 10px;
  position: absolute;
  top: 8px;
}
.taglib-search-toggle .toggle-advanced, .taglib-search-toggle .toggle-advanced:hover, .taglib-search-toggle .toggle-advanced:focus {
  text-decoration: none;
}

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  background-color: #fcfcfc;
  border: solid #ddd;
  border-width: 0 1px 1px;
  margin-top: 0;
  padding: 15px 15px 0;
}
.navbar-search .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  border-width: 1px 0 0;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content {
  position: relative;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields {
  margin-bottom: 0;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields-legend {
  color: #999;
  font-size: 13px;
}
.taglib-search-toggle-advanced-wrapper .btn.close {
  margin-right: 5px;
  position: relative;
  z-index: 1;
}

.taglib-user-display {
  padding: 0.5em;
}
.taglib-user-display .avatar {
  background: no-repeat center;
  background-size: 60px;
  display: block;
  height: 60px;
  margin: 0 auto;
  width: 60px;
}
.taglib-user-display .avatar.author:after {
  background: rgba(50, 168, 230, 0.5);
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}
.taglib-user-display .user-details {
  margin-top: 1em;
}
.taglib-user-display .user-name {
  font-size: 1.1em;
  font-weight: bold;
}
.taglib-user-display a .user-name {
  text-decoration: underline;
}
.taglib-user-display.display-style-1 .user-profile-image {
  float: left;
  margin-right: 24px;
}
.taglib-user-display.display-style-1 .user-name {
  display: inline-block;
  margin-top: 10px;
}
.taglib-user-display.display-style-1 .user-details {
  margin-top: 0;
}
.taglib-user-display.display-style-2 .user-profile-image,
.taglib-user-display.display-style-2 .user-name {
  clear: both;
  display: block;
  min-height: 20px;
  text-align: center;
}
.taglib-user-display.display-style-3 {
  padding: 0;
}
.taglib-user-display.display-style-3 .user-profile-image {
  display: inline-block;
  vertical-align: middle;
}

.taglib-workflow-status .workflow-id,
.taglib-workflow-status .workflow-version,
.taglib-workflow-status .workflow-status {
  color: #999;
}
.table-cell .taglib-workflow-status {
  margin: 0;
}
.table-cell .taglib-workflow-status .workflow-status {
  padding-left: 0;
}

.lfr-autocomplete-input-list .yui3-aclist-list {
  margin: 0;
}

.portal-popup .sheet > .lfr-nav {
  margin-top: -24px;
}
.portal-popup .contacts-portlet .portlet-configuration-container .form {
  position: static;
}
.portal-popup .lfr-form-content {
  padding: 24px 12px;
}
.portal-popup .portlet-body,
.portal-popup .portlet-boundary,
.portal-popup .portlet-column,
.portal-popup .portlet-layout {
  height: 100%;
}
.portal-popup .portlet-column {
  position: static;
}
.portal-popup .dialog-body > .container-fluid-max-xl,
.portal-popup .dialog-body .container-view,
.portal-popup .export-dialog-tree > .container-fluid-max-xl,
.portal-popup .export-dialog-tree .container-view,
.portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl,
.portal-popup .lfr-dynamic-uploader .container-view,
.portal-popup .lfr-form-content > .container-fluid-max-xl,
.portal-popup .lfr-form-content .container-view,
.portal-popup .portlet-configuration-body-content > .container-fluid-max-xl,
.portal-popup .portlet-configuration-body-content .container-view,
.portal-popup .process-list > .container-fluid-max-xl,
.portal-popup .process-list .container-view,
.portal-popup .roles-selector-body > .container-fluid-max-xl,
.portal-popup .roles-selector-body .container-view {
  padding-top: 20px;
}
.portal-popup .dialog-body > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .dialog-body .container-view .nav-tabs-underline,
.portal-popup .export-dialog-tree > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .export-dialog-tree .container-view .nav-tabs-underline,
.portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .lfr-dynamic-uploader .container-view .nav-tabs-underline,
.portal-popup .lfr-form-content > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .lfr-form-content .container-view .nav-tabs-underline,
.portal-popup .portlet-configuration-body-content > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .portlet-configuration-body-content .container-view .nav-tabs-underline,
.portal-popup .process-list > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .process-list .container-view .nav-tabs-underline,
.portal-popup .roles-selector-body > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .roles-selector-body .container-view .nav-tabs-underline {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -20px;
}
.portal-popup .dialog-body > .lfr-nav + .container-fluid-max-xl,
.portal-popup .export-dialog-tree > .lfr-nav + .container-fluid-max-xl,
.portal-popup .lfr-dynamic-uploader > .lfr-nav + .container-fluid-max-xl,
.portal-popup .lfr-form-content > .lfr-nav + .container-fluid-max-xl,
.portal-popup .portlet-configuration-body-content > .lfr-nav + .container-fluid-max-xl,
.portal-popup .process-list > .lfr-nav + .container-fluid-max-xl,
.portal-popup .roles-selector-body > .lfr-nav + .container-fluid-max-xl {
  padding-top: 0;
}
.portal-popup .login-container {
  padding: 1rem;
}
.portal-popup .management-bar-default {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
  border-top-width: 0;
  margin-bottom: 0;
}
.portal-popup .navbar ~ .portlet-configuration-setup,
.portal-popup .portlet-export-import-container {
  height: calc(100% - 48px);
  position: relative;
}
@media (min-width: 576px) {
  .portal-popup .navbar ~ .portlet-configuration-setup,
  .portal-popup .portlet-export-import-container {
    height: calc(100% - 48px);
  }
}
.portal-popup .panel-group .panel {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
}
.portal-popup .panel-group .panel + .panel {
  border-top-width: 0;
  margin-top: 0;
}
.portal-popup .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.portal-popup .portlet-configuration-setup .lfr-nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 3px;
  padding-right: 3px;
}
@media (min-width: 576px) {
  .portal-popup .portlet-configuration-setup .lfr-nav {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.portal-popup .lfr-dynamic-uploader,
.portal-popup .process-list {
  bottom: 0;
  display: block;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 48px;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 576px) {
  .portal-popup .lfr-dynamic-uploader,
  .portal-popup .process-list {
    top: 48px;
  }
}
.portal-popup .portlet-export-import-publish-processes {
  top: 0;
}
.portal-popup .dialog-footer {
  background-color: #fff;
  border-top: 1px solid #dee2e6;
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  left: 0;
  margin: 0;
  padding: 10px 24px;
  width: 100%;
  z-index: 1020;
}
@media (min-width: 768px) {
  .portal-popup .dialog-footer {
    position: fixed;
  }
}
.portal-popup .dialog-footer .btn {
  margin-left: 1rem;
  margin-right: 0;
}
@media (min-width: 768px) {
  .portal-popup .dialog-body:not(:last-child),
  .portal-popup .lfr-dynamic-uploader:not(:last-child),
  .portal-popup .lfr-form-content:not(:last-child),
  .portal-popup .portlet-configuration-body-content:not(:last-child),
  .portal-popup .roles-selector-body:not(:last-child) {
    padding-bottom: 60px;
  }
}
.portal-popup .lfr-dynamic-uploader {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.portal-popup .lfr-dynamic-uploader.hide-dialog-footer {
  bottom: 0;
}
.portal-popup .lfr-dynamic-uploader.hide-dialog-footer + .dialog-footer {
  display: none;
}
.portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content > form {
  flex-grow: 1;
  max-width: none;
  overflow: auto;
}
.portal-popup .portlet-configuration-edit-templates .portlet-configuration-body-content {
  bottom: 0;
}
.portal-popup:not(.article-preview) #main-content,
.portal-popup:not(.article-preview) #wrapper {
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
}
@media print {
  .portal-popup:not(.article-preview) #main-content,
  .portal-popup:not(.article-preview) #wrapper {
    position: initial;
  }
}
.portal-popup .columns-max > .portlet-layout.row {
  margin-left: 0;
  margin-right: 0;
}
.portal-popup .columns-max > .portlet-layout.row > .portlet-column {
  padding-left: 0;
  padding-right: 0;
}

html:not(#__):not(#___) .portlet-layout.dragging {
  border-collapse: separate;
}
html:not(#__):not(#___) .drop-area {
  background-color: #d3dadd;
}
html:not(#__):not(#___) .active-area {
  background: #ffc;
}
html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging {
  opacity: 0.6;
}
html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging .portlet {
  border: 2px dashed #ccc;
}
html:not(#__):not(#___) .sortable-layout-proxy {
  opacity: 1;
}
html:not(#__):not(#___) .sortable-layout-proxy .portlet-topper {
  background-image: none;
}
html:not(#__):not(#___) .proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute;
}
html:not(#__):not(#___) .proxy.generic-portlet {
  height: 200px;
  width: 300px;
}
html:not(#__):not(#___) .proxy.generic-portlet .portlet-title {
  padding: 10px;
}
html:not(#__):not(#___) .proxy.not-intersecting .forbidden-action {
  background: url(../images/application/forbidden_action.png) no-repeat;
  display: block;
  height: 32px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 32px;
}
html:not(#__):not(#___) .resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden;
}
html:not(#__):not(#___) .sortable-proxy {
  background: #727c81;
  margin-top: 1px;
}
html:not(#__):not(#___) .sortable-layout-drag-target-indicator {
  margin: 2px 0;
}
html:not(#__):not(#___) .yui3-dd-proxy {
  z-index: 1110 !important;
}

.portlet-layout.dragging {
  border-collapse: separate;
}

.drop-area {
  background-color: #d3dadd;
}

.active-area {
  background: #ffc;
}

.portlet-boundary.yui3-dd-dragging {
  opacity: 0.6;
  transform: scale(0.8);
  transition: transform 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .portlet-boundary.yui3-dd-dragging {
    transition: none;
  }
}
.portlet-boundary.yui3-dd-dragging .portlet {
  border: 2px dashed #ccc;
}

.sortable-layout-proxy {
  opacity: 1;
}
.sortable-layout-proxy .portlet-topper {
  background-image: none;
}

.proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute;
}
.proxy.generic-portlet {
  height: 200px;
  width: 300px;
}
.proxy.generic-portlet .portlet-title {
  padding: 10px;
}
.proxy.not-intersecting .forbidden-action {
  background: url(../images/application/forbidden_action.png) no-repeat;
  display: block;
  height: 32px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 32px;
}

.resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden;
}

.sortable-proxy {
  background: #727c81;
  margin-top: 1px;
}

.sortable-layout-drag-target-indicator {
  margin: 2px 0;
}

.yui3-dd-proxy {
  z-index: 1110 !important;
}

.portlet-column-content.empty {
  padding: 50px;
}

.lfr-portlet-title-editable {
  margin-top: 0;
  z-index: 9999;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content {
  padding: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .field-input {
  margin-bottom: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .textfield-label {
  display: none;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-toolbar-content {
  display: inline-block;
  vertical-align: bottom;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-group {
  margin-top: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn {
  display: inline-block;
  float: none;
  margin-top: 0;
  width: auto;
}

.lfr-source-editor {
  border: solid 0 #ccc;
  border-bottom-width: 2px;
  position: relative;
}
.lfr-source-editor .ace_editor {
  height: 100%;
}
.lfr-source-editor .lfr-source-editor-toolbar li > .btn {
  background-color: #fff;
  border: transparent;
  color: #717383;
  outline: 0;
}
.lfr-source-editor .lfr-source-editor-code {
  background-color: #fff;
  color: #2b4259;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter {
  background-color: #ededef;
  color: #868896;
  overflow: hidden;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget {
  font-family: fontawesome-alloy;
  text-align: center;
  vertical-align: middle;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open, .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed {
  background-image: none;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open:before {
  content: "▾";
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
  content: "▸";
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-cell {
  color: #fff;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
  background-color: #717383;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-layer {
  border-right: solid 1px #ccc;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_info {
  background-image: none;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_active-line {
  background-color: #ededef;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_constant {
  color: #34adab;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_tag {
  color: #1d5ec7;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string {
  color: #ff6c58;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string.ace_regex {
  color: #f00;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code {
  background-color: #47474f;
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter {
  background: #54555e;
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
  background-color: #009aed;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_active-line {
  background-color: #11394e;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_cursor {
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_tag {
  color: #4d91ff;
}

.lfr-fullscreen-source-editor {
  height: 100%;
  overflow: hidden;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-header {
  height: 40px;
  margin-right: 4px;
  margin-top: 4px;
  min-height: 40px;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content {
  height: 95%;
  position: relative;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .panel-splitter {
  border: 1px solid #ccc;
  position: absolute;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .preview-panel {
  display: inline-block;
  overflow-y: auto;
  padding-left: 20px;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .source-panel {
  display: inline-block;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .source-panel,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .preview-panel {
  height: 100%;
  width: 50%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .panel-splitter {
  height: 100%;
  left: 50%;
  top: 0;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .source-panel,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .preview-panel {
  height: 50%;
  width: 100%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .panel-splitter {
  top: 50%;
  width: 100%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .panel-splitter,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .preview-panel {
  display: none;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .source-panel {
  height: 100%;
  width: 100%;
}

.lfr-fulscreen-source-editor-dialog .modal-footer {
  text-align: left;
}

.file-icon-color-0 {
  background-color: #fff;
  color: #6b6c7e;
}

.file-icon-color-1 {
  background-color: #fff;
  color: #a7a9bc;
}

.file-icon-color-2 {
  background-color: #fff;
  color: #50d2a0;
}

.file-icon-color-3 {
  background-color: #fff;
  color: #af78ff;
}

.file-icon-color-4 {
  background-color: #fff;
  color: #ffb46e;
}

.file-icon-color-5 {
  background-color: #fff;
  color: #ff5f5f;
}

.file-icon-color-6 {
  background-color: #fff;
  color: #4b9bff;
}

.file-icon-color-7 {
  background-color: #fff;
  color: #272833;
}

.lfr-item-viewer.uploading > div:not(.progress-container) {
  opacity: 0.3;
}
.lfr-item-viewer.uploading > .progress-container {
  visibility: visible;
}
.lfr-item-viewer .aspect-ratio a.item-preview {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  width: 100%;
}
.lfr-item-viewer .image-viewer-base-image-list {
  padding-top: 35px;
}
.lfr-item-viewer .item-preview:hover {
  cursor: pointer;
}
.lfr-item-viewer .progress-container {
  background-color: #fff;
  left: 0;
  margin: 0 auto;
  padding: 20px 30px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  width: 80%;
  z-index: 1000;
}
.lfr-item-viewer .progress-container a {
  position: absolute;
  right: 30px;
}
.lfr-item-viewer .progress-container .progress {
  margin-top: 10px;
}
.lfr-item-viewer .search-info {
  background-color: #d3e8f1;
}
.lfr-item-viewer .search-info .keywords {
  font-size: 1.4em;
  font-weight: bold;
}
.lfr-item-viewer .search-info .change-search-folder {
  font-size: 0.8em;
  font-weight: normal;
}
.lfr-item-viewer .upload-view {
  display: table;
  height: 400px;
  margin-top: 20px;
  width: 100%;
}
.lfr-item-viewer .upload-view > div {
  display: table-cell;
  vertical-align: middle;
}
.lfr-item-viewer .yui3-widget-bd {
  position: relative;
}

.lfr-menu-expanded li a:focus {
  background-color: #5b677d;
  color: #fff;
  text-shadow: -1px -1px #2c2f34;
}

.lfr-url-error {
  display: inline-block;
  white-space: normal;
  overflow-wrap: break-all;
  word-wrap: break-all;
}

.lfr-page-layouts {
  padding: 0;
}
.lfr-page-layouts input[type=radio] {
  opacity: 0;
  position: absolute;
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal {
  cursor: default;
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal::after {
  bottom: -0.0625rem;
  content: "";
  left: -0.0625rem;
  position: absolute;
  right: -0.0625rem;
  transition: height 0.15s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts input[type=radio]:checked + .card-horizontal::after {
    transition: none;
  }
}
.lfr-page-layouts .card-horizontal {
  cursor: pointer;
  outline: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts .card-horizontal {
    transition: none;
  }
}
.lfr-page-layouts .card-horizontal::after {
  border-radius: 0 0 0.25rem 0.25rem;
  bottom: -0.0625rem;
  content: "";
  height: 0;
  left: -0.0625rem;
  position: absolute;
  right: -0.0625rem;
  transition: height 0.15s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts .card-horizontal::after {
    transition: none;
  }
}
.modal-body.dialog-iframe-bd {
  overflow: hidden;
  padding: 0;
}

.modal-dialog:not(.dialog-iframe-modal):not(.modal-full-screen) {
  position: relative;
}
.modal-dialog.dialog-iframe-modal {
  max-width: none;
}
.modal-dialog.modal-dialog-sm {
  max-width: 500px;
}
.modal-dialog .yui3-resize-handles-wrapper {
  pointer-events: all;
}
.modal-dialog .yui3-resize-handles-wrapper .yui3-resize-handle-inner-br {
  bottom: 0;
  right: 0;
}

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

.sheet > .panel-group .sheet-footer {
  margin-bottom: 0;
}

.sheet-footer .btn {
  margin-right: 0.5rem;
}
.sheet-footer .btn:last-child {
  margin-right: 0;
}

.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em;
  white-space: normal;
}
.tag-items li {
  display: inline-block;
  margin: 0 1em 0 0;
  max-width: 100%;
}

.tag-selected {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.tag-cloud .tag-popularity-1 {
  font-size: 1em;
}
.tag-cloud .tag-popularity-2 {
  font-size: 1.3em;
}
.tag-cloud .tag-popularity-3 {
  font-size: 1.6em;
}
.tag-cloud .tag-popularity-4 {
  font-size: 1.9em;
}
.tag-cloud .tag-popularity-5 {
  font-size: 2.2em;
}
.tag-cloud .tag-popularity-6 {
  font-size: 2.5em;
}

.lfr-portal-tooltip {
  display: inline-flex;
}
.lfr-portal-tooltip,
.lfr-portal-tooltip a {
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.tree-node .icon-check {
  padding-right: 2px;
}
.tree-node .tree-node-checked .icon-check {
  padding-right: 0;
}
.tree-node [class^=icon-] {
  margin-right: 5px;
}
.tree-node .tree-node-checkbox-container {
  margin-right: 0;
}
.tree-node .tree-node-selected .tree-label {
  background: none;
}

.tree-node-content .tree-hitarea {
  color: #999;
  font-size: 10px;
  padding-right: 6px;
}
.tree-node-content .tree-label {
  margin-left: 3px;
}
.tree-node-content .tree-node-hidden-hitarea {
  visibility: hidden;
}

.tree-node-selected .tree-label {
  background-color: transparent;
}

.tree-view li.tree-node .tree-node-content svg.lexicon-icon {
  pointer-events: none;
}

.user-icon-color-0 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #6b6c7e;
}

.user-icon-color-1 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #4b9bff;
}

.user-icon-color-2 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #ffb46e;
}

.user-icon-color-3 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #ff5f5f;
}

.user-icon-color-4 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #50d2a0;
}

.user-icon-color-5 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #ff73c3;
}

.user-icon-color-6 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #9be169;
}

.user-icon-color-7 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #af78ff;
}

.user-icon-color-8 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #ffd76e;
}

.user-icon-color-9 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #5fc8ff;
}

.collapse.open {
  display: block;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-top'%20d='M480%2064H32C14.336%2064%200%2049.664%200%2032S14.336%200%2032%200h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-middle'%20d='M480%20288H32c-17.664%200-32-14.336-32-32s14.336-32%2032-32h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-bottom'%20d='M480%20512H32c-17.664%200-32-14.336-32-32s14.336-32%2032-32h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3C/svg%3E");
  height: 1em;
  width: 1em;
}

.navbar-nav .nav-item.hover:after {
  bottom: -0.125rem;
  content: "";
  height: 0.125rem;
  left: 0;
  position: absolute;
  width: 100%;
}

.navbar .navbar-toggler .c-inner {
  max-width: none;
}

html:not(#__):not(#___) .cadmin.portlet-topper {
  position: relative;
}
html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
  background: url(../images/arrows/12_left.png) no-repeat 0 50%;
  padding: 5px 5px 5px 18px;
}
html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
  display: none;
}

body.portlet {
  border-width: 0;
}

.portlet-icon-back {
  margin-top: -2px;
}
.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
  background: url(../images/arrows/12_left.png) no-repeat 0 50%;
  padding: 5px 5px 5px 18px;
}

.portlet-topper {
  position: relative;
}
.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
  display: none;
}
.portlet-draggable .portlet-topper {
  cursor: move;
}

.portlet-title-editable {
  cursor: pointer;
}

.portlet-title-text {
  display: inline-block;
  margin-top: 0;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}
.panel-page-body .portlet-title-text, .panel-page-content .portlet-title-text {
  cursor: auto;
}

.portlet-minimized .portlet-content {
  padding: 0;
}

.portlet-nested-portlets .portlet-boundary {
  left: 0 !important;
  position: relative !important;
  top: 0 !important;
}

.portlet-layout .portlet-header {
  margin-bottom: 1rem;
}

@media (min-width: 576px) {
  .portlet .visible-interaction {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .controls-hidden .portlet .visible-interaction {
    display: none;
  }
}
.portlet:hover .visible-interaction, .portlet.open .visible-interaction {
  display: block;
}

.controls-hidden .lfr-meta-actions,
.controls-hidden .lfr-configurator-visibility {
  display: none;
}
.controls-hidden .portlet-topper-toolbar {
  display: none !important;
}

html:not(#__):not(#___) .cadmin.portlet-topper {
  background-color: #f7f7f7;
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: rgba(0, 0, 0, 0.5);
  display: box;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative;
}
html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
  display: none;
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity 0.25s, transform 0.25s;
    top: 0;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
    transition: none;
  }
}
html:not(#__):not(#___) .cadmin .portlet-actions {
  float: right;
}
html:not(#__):not(#___) .cadmin .portlet-options {
  display: inline-block;
}
html:not(#__):not(#___) .cadmin .portlet-title-menu {
  flex: 0 1 auto;
}
html:not(#__):not(#___) .cadmin .portlet-title-menu > span > a {
  display: inline-block;
  text-decoration: none;
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar {
  margin: 0;
  padding-left: 0;
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a,
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > span > a,
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar .lfr-icon-menu > a {
  color: rgba(0, 0, 0, 0.5);
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a:focus, html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a:hover {
  text-decoration: none;
}
html:not(#__):not(#___) .cadmin .portlet-name-text {
  font-size: 14px;
  font-weight: 600;
}
html:not(#__):not(#___) .cadmin .portlet-title-default {
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  html:not(#__):not(#___) .lfr-configurator-visibility {
    opacity: 0.5;
  }
}
@media (min-width: 576px) {
  html:not(#__):not(#___) .lfr-configurator-visibility .portlet:hover .portlet-topper, html:not(#__):not(#___) .lfr-configurator-visibility .portlet.focus .portlet-topper, html:not(#__):not(#___) .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5;
  }
  html:not(#__):not(#___) .lfr-configurator-visibility .portlet-content-editable {
    opacity: 0.5;
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet:hover > .portlet-content-editable, html:not(#__):not(#___) .controls-visible .portlet.open > .portlet-content-editable, html:not(#__):not(#___) .controls-visible .portlet.focus > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet:hover > .cadmin.portlet-topper, html:not(#__):not(#___) .controls-visible .portlet.open > .cadmin.portlet-topper, html:not(#__):not(#___) .controls-visible .portlet.focus > .cadmin.portlet-topper {
    opacity: 1;
    transform: translateY(-97%);
  }
}
@media (max-width: 767.98px) {
  html:not(#__):not(#___) .controls-visible .cadmin.portlet-topper {
    display: box;
    display: flex;
  }
}
html:not(#__):not(#___) .controls-visible .cadmin .portlet-topper-toolbar {
  display: block;
}

.portlet {
  margin-bottom: 10px;
  position: relative;
}
@media (min-width: 768px) {
  .controls-visible .portlet:hover > .portlet-content-editable, .controls-visible .portlet.open > .portlet-content-editable, .controls-visible .portlet.focus > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (min-width: 768px) {
  .controls-visible .portlet:hover > .portlet-topper, .controls-visible .portlet.open > .portlet-topper, .controls-visible .portlet.focus > .portlet-topper {
    opacity: 1;
    transform: translateY(-97%);
  }
}
@media (min-width: 576px) {
  .lfr-configurator-visibility .portlet:hover .portlet-topper, .lfr-configurator-visibility .portlet.focus .portlet-topper, .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5;
  }
}

.portlet-content-editable {
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
.portlet > .portlet-content-editable {
  border-color: transparent;
}
@media (max-width: 767.98px) {
  .controls-visible .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (min-width: 576px) {
  .lfr-configurator-visibility .portlet-content-editable {
    opacity: 0.5;
  }
}

.portlet-name-text {
  font-size: 0.875rem;
  font-weight: 600;
}

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

.portlet-title-default {
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.portlet-title-menu {
  flex: 0 1 auto;
}
.portlet-title-menu > span > a {
  display: inline-block;
  text-decoration: none;
}

.portlet-topper {
  background-color: #f7f7f7;
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: rgba(0, 0, 0, 0.5);
  display: box;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative;
}
.portlet > .portlet-topper {
  display: none;
}
@media (min-width: 768px) {
  .portlet > .portlet-topper {
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity 0.25s, transform 0.25s;
    top: 0;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .portlet > .portlet-topper {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .controls-visible .portlet-topper {
    display: box;
    display: flex;
  }
}

.portlet-topper-toolbar {
  margin: 0;
  padding-left: 0;
}
.portlet-topper-toolbar > a,
.portlet-topper-toolbar > span > a,
.portlet-topper-toolbar .lfr-icon-menu > a {
  color: rgba(0, 0, 0, 0.5);
}
.portlet-topper-toolbar > a:focus, .portlet-topper-toolbar > a:hover {
  text-decoration: none;
}
.controls-visible .portlet-topper-toolbar {
  display: block;
}

@media (max-width: 767.98px) {
  .lfr-configurator-visibility {
    opacity: 0.5;
  }
}

.lfr-configurator-visibility .portlet-content .lfr-icon-actions {
  opacity: 1;
}

.lfr-panel-page .portlet-title {
  font-size: 13px;
}

.lfr-panel-page {
  width: 100%;
}
.lfr-panel-page .lfr-add-content h2 span {
  background-color: #d3dadd;
}

.portlet-borderless .portlet-content {
  padding: 1rem;
}
.portlet-decorate .portlet-content {
  background: #fff;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: 1rem;
  word-wrap: break-word;
}
.portlet-barebone .portlet-content {
  padding: 0;
}

.portlet-dynamic-data-lists-display .lfr-ddm-field-group,
.portlet-dynamic-data-lists .lfr-ddm-field-group {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 28px 24px;
}

.breadcrumb.breadcrumb-vertical {
  display: inline-block;
  text-align: center;
}
.breadcrumb.breadcrumb-vertical li {
  display: block;
}
.breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.only {
  background: none;
}
.breadcrumb.breadcrumb-vertical .divider {
  background: url(../images/arrows/07_down.png) no-repeat 50% 100%;
  display: block;
  height: 10px;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
}

.navbar form {
  margin: 0;
}

:not(.inline-item) > .loading-animation {
  margin-bottom: 20px;
  margin-top: 20px;
}
.product-menu .loading-animation {
  margin-top: 160px;
}

@keyframes lfr-drop-active {
  0% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
  50% {
    background-color: #ddedde;
    border-color: #7d7;
    transform: scale(1.1);
  }
  75% {
    background-color: #ddedde;
    border-color: #7d7;
  }
  100% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
}
.lfr-upload-container .progress-bar,
.lfr-upload-container .progress {
  border-radius: 10px;
}
.lfr-upload-container .upload-file,
.lfr-upload-container .upload-target {
  border-radius: 5px;
}
.upload-drop-active .lfr-upload-container .upload-target {
  animation: none;
}
.upload-drop-intent .lfr-upload-container .upload-target {
  animation: lfr-drop-active 1s ease 0.2s infinite;
}

.select-files {
  border-radius: 5px;
}

.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  box-shadow: none;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number {
  box-shadow: 0 0 5px 0 #333;
  transition-duration: 0.25s;
  transition-property: box-shadow;
  transition-timing-function: ease-out;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
  border-radius: 50%;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.lfr-progress-active .progress-bar-status,
.lfr-upload-container .file-uploading .progress-bar .progress {
  animation: progress-bar-stripes 0.5s linear infinite;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-size: 40px 40px;
  transition: width, 0.5s, ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-progress-active .progress-bar-status,
  .lfr-upload-container .file-uploading .progress-bar .progress {
    transition: none;
  }
}

@keyframes highlight-animation {
  from {
    background-color: #ffc;
  }
  to {
    background-color: transparent;
  }
}
.highlight-animation {
  animation: highlight-animation 0.7s;
}

.portlet-options.btn-group .dropdown-toggle, .portlet-options.btn-group.open .dropdown-toggle {
  box-shadow: none;
}

.form-group.form-inline.input-boolean-wrapper label, .form-group.form-inline.input-checkbox-wrapper label {
  gap: 0.3125rem;
}

/* External Styles */
/* Icone generiche dell'interfaccia */
@font-face {
  font-family: "icomoon";
  src: url(../fonts/icomoon/icomoon.ttf?3cse9e) format("truetype"), url(../fonts/icomoon/icomoon.woff?3cse9e) format("woff"), url(../fonts/icomoon/icomoon.svg?3cse9e#icomoon) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
  font-display: swap;
}
[class^=icon-supsi-], [class*=" icon-supsi-"] {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-supsi-anchor:before {
  content: "\e911";
}

.icon-supsi-filter-line:before {
  content: "\e925";
}

.icon-supsi-plus:before {
  content: "\e923";
}

.icon-supsi-minus:before {
  content: "\e924";
}

.icon-supsi-add-document:before {
  content: "\e916";
}

.icon-supsi-customer-service:before {
  content: "\e917";
}

.icon-supsi-automation-platform:before {
  content: "\e918";
}

.icon-supsi-view-list:before {
  content: "\e914";
}

.icon-supsi-view-grid:before {
  content: "\e915";
}

.icon-supsi-download:before {
  content: "\e910";
}

.icon-supsi-share:before {
  content: "\e911";
}

.icon-supsi-link:before {
  content: "\e912";
}

.icon-supsi-home:before {
  content: "\e913";
}

.icon-supsi-filter:before {
  content: "\e90f";
}

.icon-supsi-location:before {
  content: "\e90d";
}

.icon-supsi-laptop:before {
  content: "\e90e";
}

.icon-supsi-close:before {
  content: "\e90c";
}

.--icon-supsi-arrow-down:before {
  content: "\e92a";
}

.--icon-supsi-arrow-up:before {
  content: "\e92b";
}

.icon-supsi-arrow-left:before {
  content: "\e900";
}

.icon-supsi-arrow-right:before {
  content: "\e901";
}

.icon-supsi-line-arrow-down:before {
  content: "\e902";
}

.icon-supsi-line-arrow-left:before {
  content: "\e903";
}

.icon-supsi-line-arrow-right:before {
  content: "\e904";
}

.icon-supsi-line-arrow-up:before {
  content: "\e905";
}

.icon-supsi-menu:before {
  content: "\e906";
}

.icon-supsi-play:before {
  content: "\e907";
}

.icon-supsi-round-arrow-left:before {
  content: "\e908";
}

.icon-supsi-round-arrow-right:before {
  content: "\e909";
}

.icon-supsi-search:before {
  content: "\e90a";
}

.icon-supsi-world:before {
  content: "\e90b";
}

/*
.icon-supsi-world-community:before{
    content:""
}
.icon-supsi-design-team:before{
    content:""
}
.icon-supsi-chart-evaluation:before{
    content:""
}
.icon-supsi-storage-product:before{
    content:""
}
.icon-supsi-goals:before{
    content:""
}
.icon-supsi-server:before{
    content:""
}
.icon-supsi-office:before{
    content:""
}
.icon-supsi-innovate:before{
    content:""
}
.icon-supsi-multicloud-management:before{
    content:""
}
.icon-supsi-analyze:before{
    content:""
}
*/
/* Icone */
@font-face {
  font-family: "icomoon-icon";
  src: url("../fonts/icomoon/icons/icomoon-icons.eot?sz15aq");
  src: url("../fonts/icomoon/icons/icomoon-icons.eot?sz15aq#iefix") format("embedded-opentype"), url("../fonts/icomoon/icons/icomoon-icons.ttf?sz15aq") format("truetype"), url("../fonts/icomoon/icons/icomoon-icons.woff?sz15aq") format("woff"), url("../fonts/icomoon/icons/icomoon-icons.svg?sz15aq#icomoon") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: block;
  font-display: swap;
}
[class^=supsi-icon-], [class*=" supsi-icon-"] {
  font-family: "icomoon-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: 600;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.supsi-supsi-icon-D-Cursor:before {
  content: "\e900";
}

.supsi-icon-supsi-D-cursor--alt:before {
  content: "\e901";
}

.supsi-icon-D-curve--auto-colon:before {
  content: "\e902";
}

.supsi-icon-D-curve--auto-vessels:before {
  content: "\e903";
}

.supsi-icon-D-curve--manual:before {
  content: "\e904";
}

.supsi-icon-D-iCa:before {
  content: "\e905";
}

.supsi-icon-D-MPR-Toggle:before {
  content: "\e906";
}

.supsi-icon-D-print-mesh:before {
  content: "\e907";
}

.supsi-icon-D-software:before {
  content: "\e908";
}

.supsi-icon-rd-party-connected:before {
  content: "\e909";
}

.supsi-icon-K:before {
  content: "\e90a";
}

.supsi-icon-K--filled:before {
  content: "\e90b";
}

.supsi-icon-accessibility:before {
  content: "\e90c";
}

.supsi-icon-accessibility--alt:before {
  content: "\e90d";
}

.supsi-icon-accessibility--color:before {
  content: "\e90e";
}

.supsi-icon-accessibility--color--filled:before {
  content: "\e90f";
}

.supsi-icon-account:before {
  content: "\e910";
}

.supsi-icon-accumulation--ice:before {
  content: "\e911";
}

.supsi-icon-accumulation--precipitation:before {
  content: "\e912";
}

.supsi-icon-accumulation--rain:before {
  content: "\e913";
}

.supsi-icon-accumulation--snow:before {
  content: "\e914";
}

.supsi-icon-activity:before {
  content: "\e915";
}

.supsi-icon-add:before {
  content: "\e916";
}

.supsi-icon-add--alt:before {
  content: "\e917";
}

.supsi-icon-add-comment:before {
  content: "\e918";
}

.supsi-icon-add--filled:before {
  content: "\e919";
}

.supsi-icon-agriculture-analytics:before {
  content: "\e91a";
}

.supsi-icon-ai-results:before {
  content: "\e91b";
}

.supsi-icon-ai-results--high:before {
  content: "\e91c";
}

.supsi-icon-ai-results--low:before {
  content: "\e91d";
}

.supsi-icon-ai-results--medium:before {
  content: "\e91e";
}

.supsi-icon-ai-results--urgent:before {
  content: "\e91f";
}

.supsi-icon-ai-results--very-high:before {
  content: "\e920";
}

.supsi-icon-airline--digital-gate:before {
  content: "\e921";
}

.supsi-icon-airline--manage-gates:before {
  content: "\e922";
}

.supsi-icon-airline--passenger-care:before {
  content: "\e923";
}

.supsi-icon-airline--rapid-board:before {
  content: "\e924";
}

.supsi-icon-airplay:before {
  content: "\e925";
}

.supsi-icon-airplay--filled:before {
  content: "\e926";
}

.supsi-icon-airport--01:before {
  content: "\e927";
}

.supsi-icon-airport--02:before {
  content: "\e928";
}

.supsi-icon-airport-location:before {
  content: "\e929";
}

.supsi-icon-ai-status:before {
  content: "\e92a";
}

.supsi-icon-ai-status--complete:before {
  content: "\e92b";
}

.supsi-icon-ai-status--failed:before {
  content: "\e92c";
}

.supsi-icon-ai-status--in-progress:before {
  content: "\e92d";
}

.supsi-icon-ai-status--queued:before {
  content: "\e92e";
}

.supsi-icon-ai-status--rejected:before {
  content: "\e92f";
}

.supsi-icon-alarm:before {
  content: "\e930";
}

.supsi-icon-alarm--add:before {
  content: "\e931";
}

.supsi-icon-alarm--subtract:before {
  content: "\e932";
}

.supsi-icon-align-box--bottom-center:before {
  content: "\e933";
}

.supsi-icon-align-box--bottom-left:before {
  content: "\e934";
}

.supsi-icon-align-box--bottom-right:before {
  content: "\e935";
}

.supsi-icon-align-box--middle-center:before {
  content: "\e936";
}

.supsi-icon-align-box--middle-left:before {
  content: "\e937";
}

.supsi-icon-align-box--middle-right:before {
  content: "\e938";
}

.supsi-icon-align-box--top-center:before {
  content: "\e939";
}

.supsi-icon-align-box--top-left:before {
  content: "\e93a";
}

.supsi-icon-align-box--top-right:before {
  content: "\e93b";
}

.supsi-icon-align--horizontal-center:before {
  content: "\e93c";
}

.supsi-icon-align--horizontal-left:before {
  content: "\e93d";
}

.supsi-icon-align--horizontal-right:before {
  content: "\e93e";
}

.supsi-icon-align--vertical-bottom:before {
  content: "\e93f";
}

.supsi-icon-align--vertical-center:before {
  content: "\e940";
}

.supsi-icon-align--vertical-top:before {
  content: "\e941";
}

.supsi-icon-analytics:before {
  content: "\e942";
}

.supsi-icon-analytics--reference:before {
  content: "\e943";
}

.supsi-icon-angle:before {
  content: "\e944";
}

.supsi-icon-annotation-visibility:before {
  content: "\e945";
}

.supsi-icon-aperture:before {
  content: "\e946";
}

.supsi-icon-api:before {
  content: "\e947";
}

.supsi-icon-API--1:before {
  content: "\e948";
}

.supsi-icon-app:before {
  content: "\e949";
}

.supsi-icon-app-connectivity:before {
  content: "\e94a";
}

.supsi-icon-apple:before {
  content: "\e94b";
}

.supsi-icon-application:before {
  content: "\e94c";
}

.supsi-icon-application--mobile:before {
  content: "\e94d";
}

.supsi-icon-application--virtual:before {
  content: "\e94e";
}

.supsi-icon-application--web:before {
  content: "\e94f";
}

.supsi-icon-apps:before {
  content: "\e950";
}

.supsi-icon-app-switcher:before {
  content: "\e951";
}

.supsi-icon-archive:before {
  content: "\e952";
}

.supsi-icon-area:before {
  content: "\e953";
}

.supsi-icon-area--custom:before {
  content: "\e954";
}

.supsi-icon-arrival:before {
  content: "\e955";
}

.supsi-icon-arrow--annotation:before {
  content: "\e956";
}

.supsi-icon-arrow--down:before {
  content: "\e957";
}

.supsi-icon-arrow--down-left:before {
  content: "\e958";
}

.supsi-icon-arrow--down-right:before {
  content: "\e959";
}

.supsi-icon-arrow--left:before {
  content: "\e95a";
}

.supsi-icon-arrow--right:before {
  content: "\e95b";
}

.supsi-icon-arrows:before {
  content: "\e95c";
}

.supsi-icon-arrow-shift-down:before {
  content: "\e95d";
}

.supsi-icon-arrows--horizontal:before {
  content: "\e95e";
}

.supsi-icon-arrows--vertical:before {
  content: "\e95f";
}

.supsi-icon-arrow--up:before {
  content: "\e960";
}

.supsi-icon-arrow--up-left:before {
  content: "\e961";
}

.supsi-icon-arrow--up-right:before {
  content: "\e962";
}

.supsi-icon-asleep:before {
  content: "\e963";
}

.supsi-icon-asleep--filled:before {
  content: "\e964";
}

.supsi-icon-asset:before {
  content: "\e965";
}

.supsi-icon-asset--confirm:before {
  content: "\e966";
}

.supsi-icon-asset--digital-twin:before {
  content: "\e967";
}

.supsi-icon-asset--view:before {
  content: "\e968";
}

.supsi-icon-asterisk:before {
  content: "\e969";
}

.supsi-icon-at:before {
  content: "\e96a";
}

.supsi-icon-attachment:before {
  content: "\e96b";
}

.supsi-icon-audio-console:before {
  content: "\e96c";
}

.supsi-icon-augmented-reality:before {
  content: "\e96d";
}

.supsi-icon-automatic:before {
  content: "\e96e";
}

.supsi-icon-autoscaling:before {
  content: "\e96f";
}

.supsi-icon-auto-scroll:before {
  content: "\e970";
}

.supsi-icon-awake:before {
  content: "\e971";
}

.supsi-icon-back-to-top:before {
  content: "\e972";
}

.supsi-icon-badge:before {
  content: "\e973";
}

.supsi-icon-baggage-claim:before {
  content: "\e974";
}

.supsi-icon-bar:before {
  content: "\e975";
}

.supsi-icon-barcode:before {
  content: "\e976";
}

.supsi-icon-bare-metal-server:before {
  content: "\e977";
}

.supsi-icon-bare-metal-server--01:before {
  content: "\e978";
}

.supsi-icon-bare-metal-server--02:before {
  content: "\e979";
}

.supsi-icon-barrier:before {
  content: "\e97a";
}

.supsi-icon-basketball:before {
  content: "\e97b";
}

.supsi-icon-bastion-host:before {
  content: "\e97c";
}

.supsi-icon-bat:before {
  content: "\e97d";
}

.supsi-icon-battery--charging:before {
  content: "\e97e";
}

.supsi-icon-battery--empty:before {
  content: "\e97f";
}

.supsi-icon-battery--full:before {
  content: "\e980";
}

.supsi-icon-battery--half:before {
  content: "\e981";
}

.supsi-icon-battery--low:before {
  content: "\e982";
}

.supsi-icon-battery--quarter:before {
  content: "\e983";
}

.supsi-icon-bee:before {
  content: "\e984";
}

.supsi-icon-bee-bat:before {
  content: "\e985";
}

.supsi-icon-beta:before {
  content: "\e986";
}

.supsi-icon-bicycle:before {
  content: "\e987";
}

.supsi-icon-binoculars:before {
  content: "\e988";
}

.supsi-icon-bloch-sphere:before {
  content: "\e989";
}

.supsi-icon-blockchain:before {
  content: "\e98a";
}

.supsi-icon-block-storage:before {
  content: "\e98b";
}

.supsi-icon-block-storage--alt:before {
  content: "\e98c";
}

.supsi-icon-blog:before {
  content: "\e98d";
}

.supsi-icon-bluetooth:before {
  content: "\e98e";
}

.supsi-icon-bluetooth--off:before {
  content: "\e98f";
}

.supsi-icon-book:before {
  content: "\e990";
}

.supsi-icon-bookmark:before {
  content: "\e991";
}

.supsi-icon-bookmark--add:before {
  content: "\e992";
}

.supsi-icon-bookmark--filled:before {
  content: "\e993";
}

.supsi-icon-boolean:before {
  content: "\e994";
}

.supsi-icon-boot:before {
  content: "\e995";
}

.supsi-icon-border--bottom:before {
  content: "\e996";
}

.supsi-icon-border--full:before {
  content: "\e997";
}

.supsi-icon-border--left:before {
  content: "\e998";
}

.supsi-icon-border--none:before {
  content: "\e999";
}

.supsi-icon-border--right:before {
  content: "\e99a";
}

.supsi-icon-border--top:before {
  content: "\e99b";
}

.supsi-icon-bot:before {
  content: "\e99c";
}

.supsi-icon-box:before {
  content: "\e99d";
}

.supsi-icon-box--extra-large:before {
  content: "\e99e";
}

.supsi-icon-box--large:before {
  content: "\e99f";
}

.supsi-icon-box--medium:before {
  content: "\e9a0";
}

.supsi-icon-box-plot:before {
  content: "\e9a1";
}

.supsi-icon-box--small:before {
  content: "\e9a2";
}

.supsi-icon-branch:before {
  content: "\e9a3";
}

.supsi-icon-breaking-change:before {
  content: "\e9a4";
}

.supsi-icon-brightness-contrast:before {
  content: "\e9a5";
}

.supsi-icon-bring-forward:before {
  content: "\e9a6";
}

.supsi-icon-bring-to-front:before {
  content: "\e9a7";
}

.supsi-icon-brush-freehand:before {
  content: "\e9a8";
}

.supsi-icon-brush-polygon:before {
  content: "\e9a9";
}

.supsi-icon-building:before {
  content: "\e9aa";
}

.supsi-icon-building--insights-1:before {
  content: "\e9ab";
}

.supsi-icon-building--insights-2:before {
  content: "\e9ac";
}

.supsi-icon-building--insights-3:before {
  content: "\e9ad";
}

.supsi-icon-bullhorn:before {
  content: "\e9ae";
}

.supsi-icon-buoy:before {
  content: "\e9af";
}

.supsi-icon-bus:before {
  content: "\e9b0";
}

.supsi-icon-cabin-care:before {
  content: "\e9b1";
}

.supsi-icon-cabin-care--alert:before {
  content: "\e9b2";
}

.supsi-icon-cabin-care--alt:before {
  content: "\e9b3";
}

.supsi-icon-CAD:before {
  content: "\e9b4";
}

.supsi-icon-cafe:before {
  content: "\e9b5";
}

.supsi-icon-calculation:before {
  content: "\e9b6";
}

.supsi-icon-calculation--alt:before {
  content: "\e9b7";
}

.supsi-icon-calculator:before {
  content: "\e9b8";
}

.supsi-icon-calculator--check:before {
  content: "\e9b9";
}

.supsi-icon-calendar:before {
  content: "\e9ba";
}

.supsi-icon-calendar--heat-map:before {
  content: "\e9bb";
}

.supsi-icon-calendar--settings:before {
  content: "\e9bc";
}

.supsi-icon-calendar--tools:before {
  content: "\e9bd";
}

.supsi-icon-calibrate:before {
  content: "\e9be";
}

.supsi-icon-camera:before {
  content: "\e9bf";
}

.supsi-icon-camera--action:before {
  content: "\e9c0";
}

.supsi-icon-campsite:before {
  content: "\e9c1";
}

.supsi-icon-car:before {
  content: "\e9c2";
}

.supsi-icon-carbon:before {
  content: "\e9c3";
}

.supsi-icon-carbon-accounting:before {
  content: "\e9c4";
}

.supsi-icon-caret--down:before {
  content: "\e9c5";
}

.supsi-icon-caret--left:before {
  content: "\e9c6";
}

.supsi-icon-caret--right:before {
  content: "\e9c7";
}

.supsi-icon-caret--sort:before {
  content: "\e9c8";
}

.supsi-icon-caret--sort--down:before {
  content: "\e9c9";
}

.supsi-icon-caret--sort--up:before {
  content: "\e9ca";
}

.supsi-icon-caret--up:before {
  content: "\e9cb";
}

.supsi-icon-car--front:before {
  content: "\e9cc";
}

.supsi-icon-carousel--horizontal:before {
  content: "\e9cd";
}

.supsi-icon-carousel--vertical:before {
  content: "\e9ce";
}

.supsi-icon-catalog:before {
  content: "\e9cf";
}

.supsi-icon-categories:before {
  content: "\e9d0";
}

.supsi-icon-category:before {
  content: "\e9d1";
}

.supsi-icon-category--add:before {
  content: "\e9d2";
}

.supsi-icon-category--and:before {
  content: "\e9d3";
}

.supsi-icon-category--new:before {
  content: "\e9d4";
}

.supsi-icon-category--new-each:before {
  content: "\e9d5";
}

.supsi-icon-ccX:before {
  content: "\e9d6";
}

.supsi-icon-CDA:before {
  content: "\e9d7";
}

.supsi-icon-cd--archive:before {
  content: "\e9d8";
}

.supsi-icon-cd--create-archive:before {
  content: "\e9d9";
}

.supsi-icon-cd--create-exchange:before {
  content: "\e9da";
}

.supsi-icon-cell-tower:before {
  content: "\e9db";
}

.supsi-icon-center--circle:before {
  content: "\e9dc";
}

.supsi-icon-center--square:before {
  content: "\e9dd";
}

.supsi-icon-center-to-fit:before {
  content: "\e9de";
}

.supsi-icon-certificate:before {
  content: "\e9df";
}

.supsi-icon-certificate--check:before {
  content: "\e9e0";
}

.supsi-icon-change-catalog:before {
  content: "\e9e1";
}

.supsi-icon-character-patterns:before {
  content: "\e9e2";
}

.supsi-icon-charging-station:before {
  content: "\e9e3";
}

.supsi-icon-charging-station--filled:before {
  content: "\e9e4";
}

.supsi-icon-chart--3D:before {
  content: "\e9e5";
}

.supsi-icon-chart--area:before {
  content: "\e9e6";
}

.supsi-icon-chart--area-smooth:before {
  content: "\e9e7";
}

.supsi-icon-chart--area-stepper:before {
  content: "\e9e8";
}

.supsi-icon-chart--average:before {
  content: "\e9e9";
}

.supsi-icon-chart--bar:before {
  content: "\e9ea";
}

.supsi-icon-chart--bar-floating:before {
  content: "\e9eb";
}

.supsi-icon-chart--bar-overlay:before {
  content: "\e9ec";
}

.supsi-icon-chart--bar-stacked:before {
  content: "\e9ed";
}

.supsi-icon-chart--bar-target:before {
  content: "\e9ee";
}

.supsi-icon-chart--bubble:before {
  content: "\e9ef";
}

.supsi-icon-chart--bubble-packed:before {
  content: "\e9f0";
}

.supsi-icon-chart--bullet:before {
  content: "\e9f1";
}

.supsi-icon-chart--candlestick:before {
  content: "\e9f2";
}

.supsi-icon-chart--cluster-bar:before {
  content: "\e9f3";
}

.supsi-icon-chart--column:before {
  content: "\e9f4";
}

.supsi-icon-chart--column-floating:before {
  content: "\e9f5";
}

.supsi-icon-chart--column-target:before {
  content: "\e9f6";
}

.supsi-icon-chart--combo:before {
  content: "\e9f7";
}

.supsi-icon-chart--combo-stacked:before {
  content: "\e9f8";
}

.supsi-icon-chart--custom:before {
  content: "\e9f9";
}

.supsi-icon-chart--error-bar:before {
  content: "\e9fa";
}

.supsi-icon-chart--error-bar--alt:before {
  content: "\e9fb";
}

.supsi-icon-chart--evaluation:before {
  content: "\e9fc";
}

.supsi-icon-chart--high-low:before {
  content: "\e9fd";
}

.supsi-icon-chart--histogram:before {
  content: "\e9fe";
}

.supsi-icon-chart--line:before {
  content: "\e9ff";
}

.supsi-icon-chart--line--data:before {
  content: "\ea00";
}

.supsi-icon-chart--line-smooth:before {
  content: "\ea01";
}

.supsi-icon-chart--marimekko:before {
  content: "\ea02";
}

.supsi-icon-chart--maximum:before {
  content: "\ea03";
}

.supsi-icon-chart--median:before {
  content: "\ea04";
}

.supsi-icon-chart--minimum:before {
  content: "\ea05";
}

.supsi-icon-chart--multi-line:before {
  content: "\ea06";
}

.supsi-icon-chart--multitype:before {
  content: "\ea07";
}

.supsi-icon-chart--network:before {
  content: "\ea08";
}

.supsi-icon-chart--parallel:before {
  content: "\ea09";
}

.supsi-icon-chart--pie:before {
  content: "\ea0a";
}

.supsi-icon-chart--point:before {
  content: "\ea0b";
}

.supsi-icon-chart--population:before {
  content: "\ea0c";
}

.supsi-icon-chart--radar:before {
  content: "\ea0d";
}

.supsi-icon-chart--radial:before {
  content: "\ea0e";
}

.supsi-icon-chart--relationship:before {
  content: "\ea0f";
}

.supsi-icon-chart--ring:before {
  content: "\ea10";
}

.supsi-icon-chart--river:before {
  content: "\ea11";
}

.supsi-icon-chart--rose:before {
  content: "\ea12";
}

.supsi-icon-chart--scatter:before {
  content: "\ea13";
}

.supsi-icon-chart--spiral:before {
  content: "\ea14";
}

.supsi-icon-chart--stacked:before {
  content: "\ea15";
}

.supsi-icon-chart--stepper:before {
  content: "\ea16";
}

.supsi-icon-chart--sunburst:before {
  content: "\ea17";
}

.supsi-icon-chart--treemap:before {
  content: "\ea18";
}

.supsi-icon-chart--t-sne:before {
  content: "\ea19";
}

.supsi-icon-chart--venn-diagram:before {
  content: "\ea1a";
}

.supsi-icon-chart--violin-plot:before {
  content: "\ea1b";
}

.supsi-icon-chart--waterfall:before {
  content: "\ea1c";
}

.supsi-icon-chart--win-loss:before {
  content: "\ea1d";
}

.supsi-icon-chat:before {
  content: "\ea1e";
}

.supsi-icon-chat-bot:before {
  content: "\ea1f";
}

.supsi-icon-chat--launch:before {
  content: "\ea20";
}

.supsi-icon-chat--off:before {
  content: "\ea21";
}

.supsi-icon-chat--operational:before {
  content: "\ea22";
}

.supsi-icon-checkbox:before {
  content: "\ea23";
}

.supsi-icon-checkbox--checked:before {
  content: "\ea24";
}

.supsi-icon-checkbox--checked--filled:before {
  content: "\ea25";
}

.supsi-icon-checkbox--indeterminate:before {
  content: "\ea26";
}

.supsi-icon-checkbox--indeterminate--filled:before {
  content: "\ea27";
}

.supsi-icon-checkbox--undeterminate:before {
  content: "\ea28";
}

.supsi-icon-checkbox--undeterminate--filled:before {
  content: "\ea29";
}

.supsi-icon-checkmark:before {
  content: "\ea2a";
}

.supsi-icon-checkmark--filled:before {
  content: "\ea2b";
}

.supsi-icon-checkmark--filled--error:before {
  content: "\ea2c";
}

.supsi-icon-checkmark--filled--warning:before {
  content: "\ea2d";
}

.supsi-icon-checkmark--outline:before {
  content: "\ea2e";
}

.supsi-icon-checkmark--outline--error:before {
  content: "\ea2f";
}

.supsi-icon-checkmark--outline--warning:before {
  content: "\ea30";
}

.supsi-icon-chemistry:before {
  content: "\ea31";
}

.supsi-icon-chemistry--reference:before {
  content: "\ea32";
}

.supsi-icon-chevron--down:before {
  content: "\ea33";
}

.supsi-icon-chevron--left:before {
  content: "\ea34";
}

.supsi-icon-chevron--mini:before {
  content: "\ea35";
}

.supsi-icon-chevron--right:before {
  content: "\ea36";
}

.supsi-icon-chevron--sort:before {
  content: "\ea37";
}

.supsi-icon-chevron--sort--down:before {
  content: "\ea38";
}

.supsi-icon-chevron--sort--up:before {
  content: "\ea39";
}

.supsi-icon-chevron--up:before {
  content: "\ea3a";
}

.supsi-icon-chip:before {
  content: "\ea3b";
}

.supsi-icon-choices:before {
  content: "\ea3c";
}

.supsi-icon-choose-item:before {
  content: "\ea3d";
}

.supsi-icon-choropleth-map:before {
  content: "\ea3e";
}

.supsi-icon-cics--cmas:before {
  content: "\ea3f";
}

.supsi-icon-cics--explorer:before {
  content: "\ea40";
}

.supsi-icon-cicsplex:before {
  content: "\ea41";
}

.supsi-icon-cics-region:before {
  content: "\ea42";
}

.supsi-icon-cics-region--routing:before {
  content: "\ea43";
}

.supsi-icon-cics-region--target:before {
  content: "\ea44";
}

.supsi-icon-cics--system-group:before {
  content: "\ea45";
}

.supsi-icon-cics--wui-region:before {
  content: "\ea46";
}

.supsi-icon-circle-dash:before {
  content: "\ea47";
}

.supsi-icon-circle--filled:before {
  content: "\ea48";
}

.supsi-icon-circle-measurement:before {
  content: "\ea49";
}

.supsi-icon-circle-packing:before {
  content: "\ea4a";
}

.supsi-icon-circle--solid:before {
  content: "\ea4b";
}

.supsi-icon-circuit-composer:before {
  content: "\ea4c";
}

.supsi-icon-classification:before {
  content: "\ea4d";
}

.supsi-icon-classifier--language:before {
  content: "\ea4e";
}

.supsi-icon-clean:before {
  content: "\ea4f";
}

.supsi-icon-close:before {
  content: "\ea50";
}

.supsi-icon-closed-caption:before {
  content: "\ea51";
}

.supsi-icon-closed-caption--alt:before {
  content: "\ea52";
}

.supsi-icon-closed-caption--filled:before {
  content: "\ea53";
}

.supsi-icon-close--filled:before {
  content: "\ea54";
}

.supsi-icon-close--outline:before {
  content: "\ea55";
}

.supsi-icon-cloud:before {
  content: "\ea56";
}

.supsi-icon-cloud--alerting:before {
  content: "\ea57";
}

.supsi-icon-cloud-app:before {
  content: "\ea58";
}

.supsi-icon-cloud--auditing:before {
  content: "\ea59";
}

.supsi-icon-cloud-ceiling:before {
  content: "\ea5a";
}

.supsi-icon-cloud--data-ops:before {
  content: "\ea5b";
}

.supsi-icon-cloud--download:before {
  content: "\ea5c";
}

.supsi-icon-cloud-foundry--1:before {
  content: "\ea5d";
}

.supsi-icon-cloud-foundry--2:before {
  content: "\ea5e";
}

.supsi-icon-cloud--lightning:before {
  content: "\ea5f";
}

.supsi-icon-cloud--logging:before {
  content: "\ea60";
}

.supsi-icon-cloud--monitoring:before {
  content: "\ea61";
}

.supsi-icon-cloud--offline:before {
  content: "\ea62";
}

.supsi-icon-cloud--rain:before {
  content: "\ea63";
}

.supsi-icon-cloud-registry:before {
  content: "\ea64";
}

.supsi-icon-cloud-satellite:before {
  content: "\ea65";
}

.supsi-icon-cloud-satellite--config:before {
  content: "\ea66";
}

.supsi-icon-cloud-satellite--link:before {
  content: "\ea67";
}

.supsi-icon-cloud-satellite--services:before {
  content: "\ea68";
}

.supsi-icon-cloud--service-management:before {
  content: "\ea69";
}

.supsi-icon-cloud-services:before {
  content: "\ea6a";
}

.supsi-icon-cloud--snow:before {
  content: "\ea6b";
}

.supsi-icon-cloud--upload:before {
  content: "\ea6c";
}

.supsi-icon-cloudy:before {
  content: "\ea6d";
}

.supsi-icon-cobb-angle:before {
  content: "\ea6e";
}

.supsi-icon-code:before {
  content: "\ea6f";
}

.supsi-icon-code--hide:before {
  content: "\ea70";
}

.supsi-icon-code--reference:before {
  content: "\ea71";
}

.supsi-icon-code-signing-service:before {
  content: "\ea72";
}

.supsi-icon-cognitive:before {
  content: "\ea73";
}

.supsi-icon-collaborate:before {
  content: "\ea74";
}

.supsi-icon-collapse-all:before {
  content: "\ea75";
}

.supsi-icon-collapse-categories:before {
  content: "\ea76";
}

.supsi-icon-color-palette:before {
  content: "\ea77";
}

.supsi-icon-color-switch:before {
  content: "\ea78";
}

.supsi-icon-column:before {
  content: "\ea79";
}

.supsi-icon-column--delete:before {
  content: "\ea7a";
}

.supsi-icon-column-dependency:before {
  content: "\ea7b";
}

.supsi-icon-column--insert:before {
  content: "\ea7c";
}

.supsi-icon-commit:before {
  content: "\ea7d";
}

.supsi-icon-communication--unified:before {
  content: "\ea7e";
}

.supsi-icon-compare:before {
  content: "\ea7f";
}

.supsi-icon-compass:before {
  content: "\ea80";
}

.supsi-icon-composer-edit:before {
  content: "\ea81";
}

.supsi-icon-concept:before {
  content: "\ea82";
}

.supsi-icon-condition--point:before {
  content: "\ea83";
}

.supsi-icon-condition--wait-point:before {
  content: "\ea84";
}

.supsi-icon-connect:before {
  content: "\ea85";
}

.supsi-icon-connection--receive:before {
  content: "\ea86";
}

.supsi-icon-connection--send:before {
  content: "\ea87";
}

.supsi-icon-connection-signal:before {
  content: "\ea88";
}

.supsi-icon-connection-signal--off:before {
  content: "\ea89";
}

.supsi-icon-connection--two-way:before {
  content: "\ea8a";
}

.supsi-icon-connect--recursive:before {
  content: "\ea8b";
}

.supsi-icon-connect--source:before {
  content: "\ea8c";
}

.supsi-icon-connect--target:before {
  content: "\ea8d";
}

.supsi-icon-construction:before {
  content: "\ea8e";
}

.supsi-icon-container-registry:before {
  content: "\ea8f";
}

.supsi-icon-container-services:before {
  content: "\ea90";
}

.supsi-icon-container-software:before {
  content: "\ea91";
}

.supsi-icon-content-delivery-network:before {
  content: "\ea92";
}

.supsi-icon-content-view:before {
  content: "\ea93";
}

.supsi-icon-continue:before {
  content: "\ea94";
}

.supsi-icon-continue--filled:before {
  content: "\ea95";
}

.supsi-icon-contour--draw:before {
  content: "\ea96";
}

.supsi-icon-contour--edit:before {
  content: "\ea97";
}

.supsi-icon-contour-finding:before {
  content: "\ea98";
}

.supsi-icon-contrast:before {
  content: "\ea99";
}

.supsi-icon-convert-to-cloud:before {
  content: "\ea9a";
}

.supsi-icon-copy:before {
  content: "\ea9b";
}

.supsi-icon-copy--file:before {
  content: "\ea9c";
}

.supsi-icon-copy--link:before {
  content: "\ea9d";
}

.supsi-icon-corn:before {
  content: "\ea9e";
}

.supsi-icon-corner:before {
  content: "\ea9f";
}

.supsi-icon-coronavirus:before {
  content: "\eaa0";
}

.supsi-icon-cost:before {
  content: "\eaa1";
}

.supsi-icon-cost--total:before {
  content: "\eaa2";
}

.supsi-icon-cough:before {
  content: "\eaa3";
}

.supsi-icon-course:before {
  content: "\eaa4";
}

.supsi-icon-covariate:before {
  content: "\eaa5";
}

.supsi-icon-credentials:before {
  content: "\eaa6";
}

.supsi-icon-crop:before {
  content: "\eaa7";
}

.supsi-icon-crop-growth:before {
  content: "\eaa8";
}

.supsi-icon-crop-health:before {
  content: "\eaa9";
}

.supsi-icon-cross-reference:before {
  content: "\eaaa";
}

.supsi-icon-crossroads:before {
  content: "\eaab";
}

.supsi-icon-cross-tab:before {
  content: "\eaac";
}

.supsi-icon-crowd-report:before {
  content: "\eaad";
}

.supsi-icon-crowd-report--filled:before {
  content: "\eaae";
}

.supsi-icon-CSV:before {
  content: "\eaaf";
}

.supsi-icon-cU1:before {
  content: "\eab0";
}

.supsi-icon-cU3:before {
  content: "\eab1";
}

.supsi-icon-cube:before {
  content: "\eab2";
}

.supsi-icon-cube-view:before {
  content: "\eab3";
}

.supsi-icon-currency:before {
  content: "\eab4";
}

.supsi-icon-currency--baht:before {
  content: "\eab5";
}

.supsi-icon-currency--dollar:before {
  content: "\eab6";
}

.supsi-icon-currency--euro:before {
  content: "\eab7";
}

.supsi-icon-currency--lira:before {
  content: "\eab8";
}

.supsi-icon-currency--pound:before {
  content: "\eab9";
}

.supsi-icon-currency--ruble:before {
  content: "\eaba";
}

.supsi-icon-currency--rupee:before {
  content: "\eabb";
}

.supsi-icon-currency--shekel:before {
  content: "\eabc";
}

.supsi-icon-currency--won:before {
  content: "\eabd";
}

.supsi-icon-currency--yen:before {
  content: "\eabe";
}

.supsi-icon-cursor--1:before {
  content: "\eabf";
}

.supsi-icon-cursor--2:before {
  content: "\eac0";
}

.supsi-icon-cut:before {
  content: "\eac1";
}

.supsi-icon-cut-in-half:before {
  content: "\eac2";
}

.supsi-icon-cut-out:before {
  content: "\eac3";
}

.supsi-icon-cY:before {
  content: "\eac4";
}

.supsi-icon-cyclist:before {
  content: "\eac5";
}

.supsi-icon-cZ:before {
  content: "\eac6";
}

.supsi-icon-dashboard:before {
  content: "\eac7";
}

.supsi-icon-dashboard--reference:before {
  content: "\eac8";
}

.supsi-icon-data--1:before {
  content: "\eac9";
}

.supsi-icon-data--2:before {
  content: "\eaca";
}

.supsi-icon-data-accessor:before {
  content: "\eacb";
}

.supsi-icon-data-backup:before {
  content: "\eacc";
}

.supsi-icon-data--base:before {
  content: "\eacd";
}

.supsi-icon-data--base--alt:before {
  content: "\eace";
}

.supsi-icon-database--datastax:before {
  content: "\eacf";
}

.supsi-icon-database--elastic:before {
  content: "\ead0";
}

.supsi-icon-database--enterprise-db2:before {
  content: "\ead1";
}

.supsi-icon-database--etcd:before {
  content: "\ead2";
}

.supsi-icon-database--mongodb:before {
  content: "\ead3";
}

.supsi-icon-database--postgreSQL:before {
  content: "\ead4";
}

.supsi-icon-database--rabbit:before {
  content: "\ead5";
}

.supsi-icon-database--redis:before {
  content: "\ead6";
}

.supsi-icon-data-bin:before {
  content: "\ead7";
}

.supsi-icon-data-blob:before {
  content: "\ead8";
}

.supsi-icon-data--center:before {
  content: "\ead9";
}

.supsi-icon-data--check:before {
  content: "\eada";
}

.supsi-icon-data-class:before {
  content: "\eadb";
}

.supsi-icon-data-collection:before {
  content: "\eadc";
}

.supsi-icon-data--connected:before {
  content: "\eadd";
}

.supsi-icon-data-definition:before {
  content: "\eade";
}

.supsi-icon-data-diode:before {
  content: "\eadf";
}

.supsi-icon-data--error:before {
  content: "\eae0";
}

.supsi-icon-data--format:before {
  content: "\eae1";
}

.supsi-icon-data-player:before {
  content: "\eae2";
}

.supsi-icon-data--reference:before {
  content: "\eae3";
}

.supsi-icon-data-refinery:before {
  content: "\eae4";
}

.supsi-icon-data-refinery--reference:before {
  content: "\eae5";
}

.supsi-icon-data--set:before {
  content: "\eae6";
}

.supsi-icon-data-share:before {
  content: "\eae7";
}

.supsi-icon-datastore:before {
  content: "\eae8";
}

.supsi-icon-data--structured:before {
  content: "\eae9";
}

.supsi-icon-data-table:before {
  content: "\eaea";
}

.supsi-icon-data-table--reference:before {
  content: "\eaeb";
}

.supsi-icon-data--unstructured:before {
  content: "\eaec";
}

.supsi-icon-data--view:before {
  content: "\eaed";
}

.supsi-icon-data--view--alt:before {
  content: "\eaee";
}

.supsi-icon-data-vis--1:before {
  content: "\eaef";
}

.supsi-icon-data-vis--2:before {
  content: "\eaf0";
}

.supsi-icon-data-vis--3:before {
  content: "\eaf1";
}

.supsi-icon-data-vis--4:before {
  content: "\eaf2";
}

.supsi-icon-debug:before {
  content: "\eaf3";
}

.supsi-icon-decision-tree:before {
  content: "\eaf4";
}

.supsi-icon-delete:before {
  content: "\eaf5";
}

.supsi-icon-delivery:before {
  content: "\eaf6";
}

.supsi-icon-delivery--add:before {
  content: "\eaf7";
}

.supsi-icon-delivery--parcel:before {
  content: "\eaf8";
}

.supsi-icon-delivery-truck:before {
  content: "\eaf9";
}

.supsi-icon-denominate:before {
  content: "\eafa";
}

.supsi-icon-departure:before {
  content: "\eafb";
}

.supsi-icon-deploy:before {
  content: "\eafc";
}

.supsi-icon-deployment-pattern:before {
  content: "\eafd";
}

.supsi-icon-deployment-policy:before {
  content: "\eafe";
}

.supsi-icon-deployment-unit--data:before {
  content: "\eaff";
}

.supsi-icon-deployment-unit--execution:before {
  content: "\eb00";
}

.supsi-icon-deployment-unit--installation:before {
  content: "\eb01";
}

.supsi-icon-deployment-unit--presentation:before {
  content: "\eb02";
}

.supsi-icon-deployment-unit--technical--data:before {
  content: "\eb03";
}

.supsi-icon-deployment-unit--technical--execution:before {
  content: "\eb04";
}

.supsi-icon-deployment-unit--technical--installation:before {
  content: "\eb05";
}

.supsi-icon-deployment-unit--technical--presentation:before {
  content: "\eb06";
}

.supsi-icon-deploy-rules:before {
  content: "\eb07";
}

.supsi-icon-desk--adjustable:before {
  content: "\eb08";
}

.supsi-icon-development:before {
  content: "\eb09";
}

.supsi-icon-devices:before {
  content: "\eb0a";
}

.supsi-icon-dew-point:before {
  content: "\eb0b";
}

.supsi-icon-dew-point--filled:before {
  content: "\eb0c";
}

.supsi-icon-diagram:before {
  content: "\eb0d";
}

.supsi-icon-diagram--reference:before {
  content: "\eb0e";
}

.supsi-icon-dicom--6000:before {
  content: "\eb0f";
}

.supsi-icon-dicom--overlay:before {
  content: "\eb10";
}

.supsi-icon-direction--bear-right--01:before {
  content: "\eb11";
}

.supsi-icon-direction--bear-right--01--filled:before {
  content: "\eb12";
}

.supsi-icon-direction--bear-right--02:before {
  content: "\eb13";
}

.supsi-icon-direction--bear-right--02--filled:before {
  content: "\eb14";
}

.supsi-icon-direction--curve:before {
  content: "\eb15";
}

.supsi-icon-direction--curve--filled:before {
  content: "\eb16";
}

.supsi-icon-direction--fork:before {
  content: "\eb17";
}

.supsi-icon-direction--fork--filled:before {
  content: "\eb18";
}

.supsi-icon-direction--loop-left:before {
  content: "\eb19";
}

.supsi-icon-direction--loop-left--filled:before {
  content: "\eb1a";
}

.supsi-icon-direction--loop-right:before {
  content: "\eb1b";
}

.supsi-icon-direction--loop-right--filled:before {
  content: "\eb1c";
}

.supsi-icon-direction--merge:before {
  content: "\eb1d";
}

.supsi-icon-direction--merge--filled:before {
  content: "\eb1e";
}

.supsi-icon-direction--right--01:before {
  content: "\eb1f";
}

.supsi-icon-direction--right--01--filled:before {
  content: "\eb20";
}

.supsi-icon-direction--right--02:before {
  content: "\eb21";
}

.supsi-icon-direction--right--02--filled:before {
  content: "\eb22";
}

.supsi-icon-direction--rotary--first-right:before {
  content: "\eb23";
}

.supsi-icon-direction--rotary--first-right--filled:before {
  content: "\eb24";
}

.supsi-icon-direction--rotary--right:before {
  content: "\eb25";
}

.supsi-icon-direction--rotary--right--filled:before {
  content: "\eb26";
}

.supsi-icon-direction--rotary--straight:before {
  content: "\eb27";
}

.supsi-icon-direction--rotary--straight--filled:before {
  content: "\eb28";
}

.supsi-icon-direction--sharp-turn:before {
  content: "\eb29";
}

.supsi-icon-direction--sharp-turn--filled:before {
  content: "\eb2a";
}

.supsi-icon-direction--straight:before {
  content: "\eb2b";
}

.supsi-icon-direction--straight--filled:before {
  content: "\eb2c";
}

.supsi-icon-direction--straight--right:before {
  content: "\eb2d";
}

.supsi-icon-direction--straight--right--filled:before {
  content: "\eb2e";
}

.supsi-icon-direction--u-turn:before {
  content: "\eb2f";
}

.supsi-icon-direction--u-turn--filled:before {
  content: "\eb30";
}

.supsi-icon-direct-link:before {
  content: "\eb31";
}

.supsi-icon-directory-domain:before {
  content: "\eb32";
}

.supsi-icon-distribute--horizontal-center:before {
  content: "\eb33";
}

.supsi-icon-distribute--horizontal-left:before {
  content: "\eb34";
}

.supsi-icon-distribute--horizontal-right:before {
  content: "\eb35";
}

.supsi-icon-distribute--vertical-bottom:before {
  content: "\eb36";
}

.supsi-icon-distribute--vertical-center:before {
  content: "\eb37";
}

.supsi-icon-distribute--vertical-top:before {
  content: "\eb38";
}

.supsi-icon-dna:before {
  content: "\eb39";
}

.supsi-icon-dns-services:before {
  content: "\eb3a";
}

.supsi-icon-DOC:before {
  content: "\eb3b";
}

.supsi-icon-document:before {
  content: "\eb3c";
}

.supsi-icon-document--add:before {
  content: "\eb3d";
}

.supsi-icon-document--attachment:before {
  content: "\eb3e";
}

.supsi-icon-document--audio:before {
  content: "\eb3f";
}

.supsi-icon-document--blank:before {
  content: "\eb40";
}

.supsi-icon-document--download:before {
  content: "\eb41";
}

.supsi-icon-document--epdf:before {
  content: "\eb42";
}

.supsi-icon-document--export:before {
  content: "\eb43";
}

.supsi-icon-document--horizontal:before {
  content: "\eb44";
}

.supsi-icon-document--import:before {
  content: "\eb45";
}

.supsi-icon-document--pdf:before {
  content: "\eb46";
}

.supsi-icon-document--preliminary:before {
  content: "\eb47";
}

.supsi-icon-document--protected:before {
  content: "\eb48";
}

.supsi-icon-document--security:before {
  content: "\eb49";
}

.supsi-icon-document-sentiment:before {
  content: "\eb4a";
}

.supsi-icon-document--signed:before {
  content: "\eb4b";
}

.supsi-icon-document--sketch:before {
  content: "\eb4c";
}

.supsi-icon-document--subtract:before {
  content: "\eb4d";
}

.supsi-icon-document--tasks:before {
  content: "\eb4e";
}

.supsi-icon-document--unknown:before {
  content: "\eb4f";
}

.supsi-icon-document--unprotected:before {
  content: "\eb50";
}

.supsi-icon-document--vertical:before {
  content: "\eb51";
}

.supsi-icon-document--video:before {
  content: "\eb52";
}

.supsi-icon-document--view:before {
  content: "\eb53";
}

.supsi-icon-document--word-processor:before {
  content: "\eb54";
}

.supsi-icon-document--word-processor--reference:before {
  content: "\eb55";
}

.supsi-icon-dog-walker:before {
  content: "\eb56";
}

.supsi-icon-dot-mark:before {
  content: "\eb57";
}

.supsi-icon-double-integer:before {
  content: "\eb58";
}

.supsi-icon-download:before {
  content: "\eb59";
}

.supsi-icon-download-study:before {
  content: "\eb5a";
}

.supsi-icon-down-to-bottom:before {
  content: "\eb5b";
}

.supsi-icon-draggable:before {
  content: "\eb5c";
}

.supsi-icon-drag--horizontal:before {
  content: "\eb5d";
}

.supsi-icon-drag--vertical:before {
  content: "\eb5e";
}

.supsi-icon-draw:before {
  content: "\eb5f";
}

.supsi-icon-drill-back:before {
  content: "\eb60";
}

.supsi-icon-drill-down:before {
  content: "\eb61";
}

.supsi-icon-drill-through:before {
  content: "\eb62";
}

.supsi-icon-driver-analysis:before {
  content: "\eb63";
}

.supsi-icon-drone:before {
  content: "\eb64";
}

.supsi-icon-drone--delivery:before {
  content: "\eb65";
}

.supsi-icon-drone--front:before {
  content: "\eb66";
}

.supsi-icon-drone--video:before {
  content: "\eb67";
}

.supsi-icon-drop-photo:before {
  content: "\eb68";
}

.supsi-icon-drop-photo--filled:before {
  content: "\eb69";
}

.supsi-icon-drought:before {
  content: "\eb6a";
}

.supsi-icon-DVR:before {
  content: "\eb6b";
}

.supsi-icon-earth:before {
  content: "\eb6c";
}

.supsi-icon-earth--americas:before {
  content: "\eb6d";
}

.supsi-icon-earth--americas--filled:before {
  content: "\eb6e";
}

.supsi-icon-earth--europe-africa:before {
  content: "\eb6f";
}

.supsi-icon-earth--europe-africa--filled:before {
  content: "\eb70";
}

.supsi-icon-earth--filled:before {
  content: "\eb71";
}

.supsi-icon-earthquake:before {
  content: "\eb72";
}

.supsi-icon-earth--southeast-asia:before {
  content: "\eb73";
}

.supsi-icon-earth--southeast-asia--filled:before {
  content: "\eb74";
}

.supsi-icon-edge-cluster:before {
  content: "\eb75";
}

.supsi-icon-edge-device:before {
  content: "\eb76";
}

.supsi-icon-edge-enhancement:before {
  content: "\eb77";
}

.supsi-icon-edge-enhancement--01:before {
  content: "\eb78";
}

.supsi-icon-edge-enhancement--02:before {
  content: "\eb79";
}

.supsi-icon-edge-enhancement--03:before {
  content: "\eb7a";
}

.supsi-icon-edge-node:before {
  content: "\eb7b";
}

.supsi-icon-edge-node--alt:before {
  content: "\eb7c";
}

.supsi-icon-edge-service:before {
  content: "\eb7d";
}

.supsi-icon-edit:before {
  content: "\eb7e";
}

.supsi-icon-edit-filter:before {
  content: "\eb7f";
}

.supsi-icon-edit--off:before {
  content: "\eb80";
}

.supsi-icon-edt-loop:before {
  content: "\eb81";
}

.supsi-icon-education:before {
  content: "\eb82";
}

.supsi-icon-email:before {
  content: "\eb83";
}

.supsi-icon-email--new:before {
  content: "\eb84";
}

.supsi-icon-encryption:before {
  content: "\eb85";
}

.supsi-icon-energy--renewable:before {
  content: "\eb86";
}

.supsi-icon-enterprise:before {
  content: "\eb87";
}

.supsi-icon-equalizer:before {
  content: "\eb88";
}

.supsi-icon-erase:before {
  content: "\eb89";
}

.supsi-icon-erase--3D:before {
  content: "\eb8a";
}

.supsi-icon-error:before {
  content: "\eb8b";
}

.supsi-icon-error--filled:before {
  content: "\eb8c";
}

.supsi-icon-error--outline:before {
  content: "\eb8d";
}

.supsi-icon-event:before {
  content: "\eb8e";
}

.supsi-icon-events:before {
  content: "\eb8f";
}

.supsi-icon-events--alt:before {
  content: "\eb90";
}

.supsi-icon-event--schedule:before {
  content: "\eb91";
}

.supsi-icon-exam-mode:before {
  content: "\eb92";
}

.supsi-icon-exit:before {
  content: "\eb93";
}

.supsi-icon-expand-all:before {
  content: "\eb94";
}

.supsi-icon-expand-categories:before {
  content: "\eb95";
}

.supsi-icon-explore:before {
  content: "\eb96";
}

.supsi-icon-export:before {
  content: "\eb97";
}

.supsi-icon-eyedropper:before {
  content: "\eb98";
}

.supsi-icon-face--activated:before {
  content: "\eb99";
}

.supsi-icon-face--activated--add:before {
  content: "\eb9a";
}

.supsi-icon-face--activated--filled:before {
  content: "\eb9b";
}

.supsi-icon-face--add:before {
  content: "\eb9c";
}

.supsi-icon-face--cool:before {
  content: "\eb9d";
}

.supsi-icon-face--dissatisfied:before {
  content: "\eb9e";
}

.supsi-icon-face--dissatisfied--filled:before {
  content: "\eb9f";
}

.supsi-icon-face--dizzy:before {
  content: "\eba0";
}

.supsi-icon-face--dizzy--filled:before {
  content: "\eba1";
}

.supsi-icon-face--mask:before {
  content: "\eba2";
}

.supsi-icon-face--neutral:before {
  content: "\eba3";
}

.supsi-icon-face--neutral--filled:before {
  content: "\eba4";
}

.supsi-icon-face--pending:before {
  content: "\eba5";
}

.supsi-icon-face--pending--filled:before {
  content: "\eba6";
}

.supsi-icon-face--satisfied:before {
  content: "\eba7";
}

.supsi-icon-face--satisfied--filled:before {
  content: "\eba8";
}

.supsi-icon-face--wink:before {
  content: "\eba9";
}

.supsi-icon-face--wink--filled:before {
  content: "\ebaa";
}

.supsi-icon-factor:before {
  content: "\ebab";
}

.supsi-icon-fade:before {
  content: "\ebac";
}

.supsi-icon-favorite:before {
  content: "\ebad";
}

.supsi-icon-favorite--filled:before {
  content: "\ebae";
}

.supsi-icon-favorite--half:before {
  content: "\ebaf";
}

.supsi-icon-fetch-upload:before {
  content: "\ebb0";
}

.supsi-icon-fetch-upload--cloud:before {
  content: "\ebb1";
}

.supsi-icon-file-storage:before {
  content: "\ebb2";
}

.supsi-icon-filter:before {
  content: "\ebb3";
}

.supsi-icon-filter--edit:before {
  content: "\ebb4";
}

.supsi-icon-filter--remove:before {
  content: "\ebb5";
}

.supsi-icon-filter--reset:before {
  content: "\ebb6";
}

.supsi-icon-finance:before {
  content: "\ebb7";
}

.supsi-icon-fingerprint-recognition:before {
  content: "\ebb8";
}

.supsi-icon-fire:before {
  content: "\ebb9";
}

.supsi-icon-firewall:before {
  content: "\ebba";
}

.supsi-icon-firewall--classic:before {
  content: "\ebbb";
}

.supsi-icon-fish:before {
  content: "\ebbc";
}

.supsi-icon-fish--multiple:before {
  content: "\ebbd";
}

.supsi-icon-fit-to-height:before {
  content: "\ebbe";
}

.supsi-icon-fit-to-screen:before {
  content: "\ebbf";
}

.supsi-icon-fit-to-width:before {
  content: "\ebc0";
}

.supsi-icon-flag:before {
  content: "\ebc1";
}

.supsi-icon-flag--filled:before {
  content: "\ebc2";
}

.supsi-icon-flagging-taxi:before {
  content: "\ebc3";
}

.supsi-icon-flash:before {
  content: "\ebc4";
}

.supsi-icon-flash--filled:before {
  content: "\ebc5";
}

.supsi-icon-flash--off:before {
  content: "\ebc6";
}

.supsi-icon-flash--off--filled:before {
  content: "\ebc7";
}

.supsi-icon-flight--international:before {
  content: "\ebc8";
}

.supsi-icon-flight--roster:before {
  content: "\ebc9";
}

.supsi-icon-flight--schedule:before {
  content: "\ebca";
}

.supsi-icon-floating-ip:before {
  content: "\ebcb";
}

.supsi-icon-flood:before {
  content: "\ebcc";
}

.supsi-icon-flood--warning:before {
  content: "\ebcd";
}

.supsi-icon-flow:before {
  content: "\ebce";
}

.supsi-icon-flow--connection:before {
  content: "\ebcf";
}

.supsi-icon-flow--data:before {
  content: "\ebd0";
}

.supsi-icon-flow-logs-vpc:before {
  content: "\ebd1";
}

.supsi-icon-flow--modeler:before {
  content: "\ebd2";
}

.supsi-icon-flow--modeler--reference:before {
  content: "\ebd3";
}

.supsi-icon-flow--stream:before {
  content: "\ebd4";
}

.supsi-icon-flow--stream--reference:before {
  content: "\ebd5";
}

.supsi-icon-fog:before {
  content: "\ebd6";
}

.supsi-icon-folder:before {
  content: "\ebd7";
}

.supsi-icon-folder--add:before {
  content: "\ebd8";
}

.supsi-icon-folder--details:before {
  content: "\ebd9";
}

.supsi-icon-folder--details--reference:before {
  content: "\ebda";
}

.supsi-icon-folder--move-to:before {
  content: "\ebdb";
}

.supsi-icon-folder--off:before {
  content: "\ebdc";
}

.supsi-icon-folder--open:before {
  content: "\ebdd";
}

.supsi-icon-folder--parent:before {
  content: "\ebde";
}

.supsi-icon-folders:before {
  content: "\ebdf";
}

.supsi-icon-folder--shared:before {
  content: "\ebe0";
}

.supsi-icon-forecast--hail:before {
  content: "\ebe1";
}

.supsi-icon-forecast--hail-30:before {
  content: "\ebe2";
}

.supsi-icon-forecast--lightning:before {
  content: "\ebe3";
}

.supsi-icon-forecast--lightning-30:before {
  content: "\ebe4";
}

.supsi-icon-fork:before {
  content: "\ebe5";
}

.supsi-icon-forum:before {
  content: "\ebe6";
}

.supsi-icon-forward--5:before {
  content: "\ebe7";
}

.supsi-icon-forward--10:before {
  content: "\ebe8";
}

.supsi-icon-forward--30:before {
  content: "\ebe9";
}

.supsi-icon-fragile:before {
  content: "\ebea";
}

.supsi-icon-friendship:before {
  content: "\ebeb";
}

.supsi-icon-fruit-bowl:before {
  content: "\ebec";
}

.supsi-icon-function:before {
  content: "\ebed";
}

.supsi-icon-function-math:before {
  content: "\ebee";
}

.supsi-icon-fusion-blender:before {
  content: "\ebef";
}

.supsi-icon-game--console:before {
  content: "\ebf0";
}

.supsi-icon-game--wireless:before {
  content: "\ebf1";
}

.supsi-icon-gamification:before {
  content: "\ebf2";
}

.supsi-icon-gas-station:before {
  content: "\ebf3";
}

.supsi-icon-gas-station--filled:before {
  content: "\ebf4";
}

.supsi-icon-gateway:before {
  content: "\ebf5";
}

.supsi-icon-gateway--api:before {
  content: "\ebf6";
}

.supsi-icon-gateway--mail:before {
  content: "\ebf7";
}

.supsi-icon-gateway--public:before {
  content: "\ebf8";
}

.supsi-icon-gateway--security:before {
  content: "\ebf9";
}

.supsi-icon-gateway--user-access:before {
  content: "\ebfa";
}

.supsi-icon-gateway--vpn:before {
  content: "\ebfb";
}

.supsi-icon-gender--female:before {
  content: "\ebfc";
}

.supsi-icon-gender--male:before {
  content: "\ebfd";
}

.supsi-icon-generate-pdf:before {
  content: "\ebfe";
}

.supsi-icon-GIF:before {
  content: "\ebff";
}

.supsi-icon-gift:before {
  content: "\ec00";
}

.supsi-icon-globe:before {
  content: "\ec01";
}

.supsi-icon-gradient:before {
  content: "\ec02";
}

.supsi-icon-graphical-data-flow:before {
  content: "\ec03";
}

.supsi-icon-grid:before {
  content: "\ec04";
}

.supsi-icon-group:before {
  content: "\ec05";
}

.supsi-icon-group--access:before {
  content: "\ec06";
}

.supsi-icon-group--account:before {
  content: "\ec07";
}

.supsi-icon-group-objects:before {
  content: "\ec08";
}

.supsi-icon-group-objects--new:before {
  content: "\ec09";
}

.supsi-icon-group-objects--save:before {
  content: "\ec0a";
}

.supsi-icon-group--presentation:before {
  content: "\ec0b";
}

.supsi-icon-group--resource:before {
  content: "\ec0c";
}

.supsi-icon-group--security:before {
  content: "\ec0d";
}

.supsi-icon-growth:before {
  content: "\ec0e";
}

.supsi-icon-gui:before {
  content: "\ec0f";
}

.supsi-icon-gui--management:before {
  content: "\ec10";
}

.supsi-icon-H:before {
  content: "\ec11";
}

.supsi-icon-hail:before {
  content: "\ec12";
}

.supsi-icon-hanging-protocol:before {
  content: "\ec13";
}

.supsi-icon-harbor:before {
  content: "\ec14";
}

.supsi-icon-hardware-security-module:before {
  content: "\ec15";
}

.supsi-icon-hashtag:before {
  content: "\ec16";
}

.supsi-icon-haze:before {
  content: "\ec17";
}

.supsi-icon-haze--night:before {
  content: "\ec18";
}

.supsi-icon-HD:before {
  content: "\ec19";
}

.supsi-icon-HD--filled:before {
  content: "\ec1a";
}

.supsi-icon-HDR:before {
  content: "\ec1b";
}

.supsi-icon-headphones:before {
  content: "\ec1c";
}

.supsi-icon-headset:before {
  content: "\ec1d";
}

.supsi-icon-health-cross:before {
  content: "\ec1e";
}

.supsi-icon-hearing:before {
  content: "\ec1f";
}

.supsi-icon-heat-map:before {
  content: "\ec20";
}

.supsi-icon-heat-map--02:before {
  content: "\ec21";
}

.supsi-icon-heat-map--03:before {
  content: "\ec22";
}

.supsi-icon-heat-map--stocks:before {
  content: "\ec23";
}

.supsi-icon-helicopter:before {
  content: "\ec24";
}

.supsi-icon-help:before {
  content: "\ec25";
}

.supsi-icon-help-desk:before {
  content: "\ec26";
}

.supsi-icon-help--filled:before {
  content: "\ec27";
}

.supsi-icon-hinton-plot:before {
  content: "\ec28";
}

.supsi-icon-HL7-attributes:before {
  content: "\ec29";
}

.supsi-icon-hole-filling:before {
  content: "\ec2a";
}

.supsi-icon-hole-filling--cursor:before {
  content: "\ec2b";
}

.supsi-icon-home:before {
  content: "\ec2c";
}

.supsi-icon-horizontal-view:before {
  content: "\ec2d";
}

.supsi-icon-hospital:before {
  content: "\ec2e";
}

.supsi-icon-hospital-bed:before {
  content: "\ec2f";
}

.supsi-icon-hotel:before {
  content: "\ec30";
}

.supsi-icon-hourglass:before {
  content: "\ec31";
}

.supsi-icon-HTML:before {
  content: "\ec32";
}

.supsi-icon-HTML--reference:before {
  content: "\ec33";
}

.supsi-icon-HTTP:before {
  content: "\ec34";
}

.supsi-icon-humidity:before {
  content: "\ec35";
}

.supsi-icon-humidity--alt:before {
  content: "\ec36";
}

.supsi-icon-hurricane:before {
  content: "\ec37";
}

.supsi-icon-hybrid-networking:before {
  content: "\ec38";
}

.supsi-icon-hybrid-networking--alt:before {
  content: "\ec39";
}

.supsi-icon-ibm-cloud:before {
  content: "\ec3a";
}

.supsi-icon-ibm-cloud--dedicated-host:before {
  content: "\ec3b";
}

.supsi-icon-ibm-cloud--internet-services:before {
  content: "\ec3c";
}

.supsi-icon-ibm-cloud-pak--applications:before {
  content: "\ec3d";
}

.supsi-icon-ibm-cloud-pak--data:before {
  content: "\ec3e";
}

.supsi-icon-ibm-cloud-pak--integration:before {
  content: "\ec3f";
}

.supsi-icon-ibm-cloud-pak--multicloud-mgmt:before {
  content: "\ec40";
}

.supsi-icon-ibm-cloud-pak--network-automation:before {
  content: "\ec41";
}

.supsi-icon-ibm-cloud-pak--security:before {
  content: "\ec42";
}

.supsi-icon-ibm-cloud-pak--system:before {
  content: "\ec43";
}

.supsi-icon-ibm-cloud-pak--watson-aiops:before {
  content: "\ec44";
}

.supsi-icon-ibm-cloud--subnets:before {
  content: "\ec45";
}

.supsi-icon-ibm-cloud--transit-gateway:before {
  content: "\ec46";
}

.supsi-icon-ibm-cloud--vpc-endpoints:before {
  content: "\ec47";
}

.supsi-icon-ibm--data-replication:before {
  content: "\ec48";
}

.supsi-icon-ibm--match-360:before {
  content: "\ec49";
}

.supsi-icon-ibm-security:before {
  content: "\ec4a";
}

.supsi-icon-ibm-security--services:before {
  content: "\ec4b";
}

.supsi-icon-iCA-2D:before {
  content: "\ec4c";
}

.supsi-icon-ice--accretion:before {
  content: "\ec4d";
}

.supsi-icon-ice--vision:before {
  content: "\ec4e";
}

.supsi-icon-iD:before {
  content: "\ec4f";
}

.supsi-icon-idea:before {
  content: "\ec50";
}

.supsi-icon-identification:before {
  content: "\ec51";
}

.supsi-icon-id-management:before {
  content: "\ec52";
}

.supsi-icon-image:before {
  content: "\ec53";
}

.supsi-icon-image--copy:before {
  content: "\ec54";
}

.supsi-icon-image--medical:before {
  content: "\ec55";
}

.supsi-icon-image--reference:before {
  content: "\ec56";
}

.supsi-icon-image--search:before {
  content: "\ec57";
}

.supsi-icon-image--search--alt:before {
  content: "\ec58";
}

.supsi-icon-image-service:before {
  content: "\ec59";
}

.supsi-icon-import-export:before {
  content: "\ec5a";
}

.supsi-icon-improve-relevance:before {
  content: "\ec5b";
}

.supsi-icon-incomplete:before {
  content: "\ec5c";
}

.supsi-icon-incomplete--cancel:before {
  content: "\ec5d";
}

.supsi-icon-incomplete--error:before {
  content: "\ec5e";
}

.supsi-icon-incomplete--warning:before {
  content: "\ec5f";
}

.supsi-icon-increase-level:before {
  content: "\ec60";
}

.supsi-icon-industry:before {
  content: "\ec61";
}

.supsi-icon-information:before {
  content: "\ec62";
}

.supsi-icon-information--disabled:before {
  content: "\ec63";
}

.supsi-icon-information--filled:before {
  content: "\ec64";
}

.supsi-icon-information--square:before {
  content: "\ec65";
}

.supsi-icon-information--square--filled:before {
  content: "\ec66";
}

.supsi-icon-infrastructure--classic:before {
  content: "\ec67";
}

.supsi-icon-in-progress:before {
  content: "\ec68";
}

.supsi-icon-in-progress--error:before {
  content: "\ec69";
}

.supsi-icon-in-progress--warning:before {
  content: "\ec6a";
}

.supsi-icon-insert:before {
  content: "\ec6b";
}

.supsi-icon-insert--page:before {
  content: "\ec6c";
}

.supsi-icon-insert-syntax:before {
  content: "\ec6d";
}

.supsi-icon-inspection:before {
  content: "\ec6e";
}

.supsi-icon-instance--bx:before {
  content: "\ec6f";
}

.supsi-icon-instance--classic:before {
  content: "\ec70";
}

.supsi-icon-instance--cx:before {
  content: "\ec71";
}

.supsi-icon-instance--mx:before {
  content: "\ec72";
}

.supsi-icon-instance--virtual:before {
  content: "\ec73";
}

.supsi-icon-integration:before {
  content: "\ec74";
}

.supsi-icon-interactions:before {
  content: "\ec75";
}

.supsi-icon-interactive-segmentation-cursor:before {
  content: "\ec76";
}

.supsi-icon-intersect:before {
  content: "\ec77";
}

.supsi-icon-intrusion-prevention:before {
  content: "\ec78";
}

.supsi-icon-inventory-management:before {
  content: "\ec79";
}

.supsi-icon-iot--connect:before {
  content: "\ec7a";
}

.supsi-icon-iot--platform:before {
  content: "\ec7b";
}

.supsi-icon-ISO:before {
  content: "\ec7c";
}

.supsi-icon-ISO--filled:before {
  content: "\ec7d";
}

.supsi-icon-ISO--outline:before {
  content: "\ec7e";
}

.supsi-icon-join--full:before {
  content: "\ec7f";
}

.supsi-icon-join--inner:before {
  content: "\ec80";
}

.supsi-icon-join--left:before {
  content: "\ec81";
}

.supsi-icon-join--outer:before {
  content: "\ec82";
}

.supsi-icon-join--right:before {
  content: "\ec83";
}

.supsi-icon-JPG:before {
  content: "\ec84";
}

.supsi-icon-JSON:before {
  content: "\ec85";
}

.supsi-icon-JSON--reference:before {
  content: "\ec86";
}

.supsi-icon-jump-link:before {
  content: "\ec87";
}

.supsi-icon-keep-dry:before {
  content: "\ec88";
}

.supsi-icon-keyboard:before {
  content: "\ec89";
}

.supsi-icon-kubernetes:before {
  content: "\ec8a";
}

.supsi-icon-label:before {
  content: "\ec8b";
}

.supsi-icon-language:before {
  content: "\ec8c";
}

.supsi-icon-laptop:before {
  content: "\ec8d";
}

.supsi-icon-lasso:before {
  content: "\ec8e";
}

.supsi-icon-lasso--polygon:before {
  content: "\ec8f";
}

.supsi-icon-launch:before {
  content: "\ec90";
}

.supsi-icon-launch-study--1:before {
  content: "\ec91";
}

.supsi-icon-launch-study--2:before {
  content: "\ec92";
}

.supsi-icon-launch-study--3:before {
  content: "\ec93";
}

.supsi-icon-layers:before {
  content: "\ec94";
}

.supsi-icon-legend:before {
  content: "\ec95";
}

.supsi-icon-letter--Aa:before {
  content: "\ec96";
}

.supsi-icon-letter--Aa--large:before {
  content: "\ec97";
}

.supsi-icon-letter--Bb:before {
  content: "\ec98";
}

.supsi-icon-letter--Cc:before {
  content: "\ec99";
}

.supsi-icon-letter--Dd:before {
  content: "\ec9a";
}

.supsi-icon-letter--Ee:before {
  content: "\ec9b";
}

.supsi-icon-letter--Ff:before {
  content: "\ec9c";
}

.supsi-icon-letter--Gg:before {
  content: "\ec9d";
}

.supsi-icon-letter--Hh:before {
  content: "\ec9e";
}

.supsi-icon-letter--Ii:before {
  content: "\ec9f";
}

.supsi-icon-letter--Jj:before {
  content: "\eca0";
}

.supsi-icon-letter--Kk:before {
  content: "\eca1";
}

.supsi-icon-letter--Ll:before {
  content: "\eca2";
}

.supsi-icon-letter--Mm:before {
  content: "\eca3";
}

.supsi-icon-letter--Nn:before {
  content: "\eca4";
}

.supsi-icon-letter--Oo:before {
  content: "\eca5";
}

.supsi-icon-letter--Pp:before {
  content: "\eca6";
}

.supsi-icon-letter--Qq:before {
  content: "\eca7";
}

.supsi-icon-letter--Rr:before {
  content: "\eca8";
}

.supsi-icon-letter--Ss:before {
  content: "\eca9";
}

.supsi-icon-letter--Tt:before {
  content: "\ecaa";
}

.supsi-icon-letter--Uu:before {
  content: "\ecab";
}

.supsi-icon-letter--Vv:before {
  content: "\ecac";
}

.supsi-icon-letter--Ww:before {
  content: "\ecad";
}

.supsi-icon-letter--Xx:before {
  content: "\ecae";
}

.supsi-icon-letter--Yy:before {
  content: "\ecaf";
}

.supsi-icon-letter--Zz:before {
  content: "\ecb0";
}

.supsi-icon-license:before {
  content: "\ecb1";
}

.supsi-icon-license--draft:before {
  content: "\ecb2";
}

.supsi-icon-license--global:before {
  content: "\ecb3";
}

.supsi-icon-license--maintenance:before {
  content: "\ecb4";
}

.supsi-icon-license--maintenance-draft:before {
  content: "\ecb5";
}

.supsi-icon-license--third-party:before {
  content: "\ecb6";
}

.supsi-icon-license--third-party-draft:before {
  content: "\ecb7";
}

.supsi-icon-lifesaver:before {
  content: "\ecb8";
}

.supsi-icon-light:before {
  content: "\ecb9";
}

.supsi-icon-light--filled:before {
  content: "\ecba";
}

.supsi-icon-lightning:before {
  content: "\ecbb";
}

.supsi-icon-link:before {
  content: "\ecbc";
}

.supsi-icon-linux:before {
  content: "\ecbd";
}

.supsi-icon-linux--alt:before {
  content: "\ecbe";
}

.supsi-icon-list:before {
  content: "\ecbf";
}

.supsi-icon-list--boxes:before {
  content: "\ecc0";
}

.supsi-icon-list--bulleted:before {
  content: "\ecc1";
}

.supsi-icon-list--checked:before {
  content: "\ecc2";
}

.supsi-icon-list--dropdown:before {
  content: "\ecc3";
}

.supsi-icon-list--numbered:before {
  content: "\ecc4";
}

.supsi-icon-load-balancer--application:before {
  content: "\ecc5";
}

.supsi-icon-load-balancer--classic:before {
  content: "\ecc6";
}

.supsi-icon-load-balancer--global:before {
  content: "\ecc7";
}

.supsi-icon-load-balancer--listener:before {
  content: "\ecc8";
}

.supsi-icon-load-balancer--local:before {
  content: "\ecc9";
}

.supsi-icon-load-balancer--network:before {
  content: "\ecca";
}

.supsi-icon-load-balancer--pool:before {
  content: "\eccb";
}

.supsi-icon-load-balancer--vpc:before {
  content: "\eccc";
}

.supsi-icon-location:before {
  content: "\eccd";
}

.supsi-icon-location--company:before {
  content: "\ecce";
}

.supsi-icon-location--company--filled:before {
  content: "\eccf";
}

.supsi-icon-location--current:before {
  content: "\ecd0";
}

.supsi-icon-location--filled:before {
  content: "\ecd1";
}

.supsi-icon-location--hazard:before {
  content: "\ecd2";
}

.supsi-icon-location--hazard--filled:before {
  content: "\ecd3";
}

.supsi-icon-location--heart:before {
  content: "\ecd4";
}

.supsi-icon-location--heart--filled:before {
  content: "\ecd5";
}

.supsi-icon-location--person:before {
  content: "\ecd6";
}

.supsi-icon-location--person--filled:before {
  content: "\ecd7";
}

.supsi-icon-location--save:before {
  content: "\ecd8";
}

.supsi-icon-location--star:before {
  content: "\ecd9";
}

.supsi-icon-location--star--filled:before {
  content: "\ecda";
}

.supsi-icon-locked:before {
  content: "\ecdb";
}

.supsi-icon-logical-partition:before {
  content: "\ecdc";
}

.supsi-icon-login:before {
  content: "\ecdd";
}

.supsi-icon-logo--delicious:before {
  content: "\ecde";
}

.supsi-icon-logo--digg:before {
  content: "\ecdf";
}

.supsi-icon-logo--discord:before {
  content: "\ece0";
}

.supsi-icon-logo--facebook:before {
  content: "\ece1";
}

.supsi-icon-logo--flickr:before {
  content: "\ece2";
}

.supsi-icon-logo--github:before {
  content: "\ece3";
}

.supsi-icon-logo--glassdoor:before {
  content: "\ece4";
}

.supsi-icon-logo--google:before {
  content: "\ece5";
}

.supsi-icon-logo--instagram:before {
  content: "\ece6";
}

.supsi-icon-logo--jupyter:before {
  content: "\ece7";
}

.supsi-icon-logo--keybase:before {
  content: "\ece8";
}

.supsi-icon-logo--linkedin:before {
  content: "\ece9";
}

.supsi-icon-logo--livestream:before {
  content: "\ecea";
}

.supsi-icon-logo--medium:before {
  content: "\eceb";
}

.supsi-icon-logo--openshift:before {
  content: "\ecec";
}

.supsi-icon-logo--pinterest:before {
  content: "\eced";
}

.supsi-icon-logo--python:before {
  content: "\ecee";
}

.supsi-icon-logo--quora:before {
  content: "\ecef";
}

.supsi-icon-logo--r-script:before {
  content: "\ecf0";
}

.supsi-icon-logo--skype:before {
  content: "\ecf1";
}

.supsi-icon-logo--slack:before {
  content: "\ecf2";
}

.supsi-icon-logo--snapchat:before {
  content: "\ecf3";
}

.supsi-icon-logo--stumbleupon:before {
  content: "\ecf4";
}

.supsi-icon-logo--tumblr:before {
  content: "\ecf5";
}

.supsi-icon-logo--twitter:before {
  content: "\ecf6";
}

.supsi-icon-logout:before {
  content: "\ecf7";
}

.supsi-icon-logo--vmware:before {
  content: "\ecf8";
}

.supsi-icon-logo--wechat:before {
  content: "\ecf9";
}

.supsi-icon-logo--xing:before {
  content: "\ecfa";
}

.supsi-icon-logo--yelp:before {
  content: "\ecfb";
}

.supsi-icon-logo--youtube:before {
  content: "\ecfc";
}

.supsi-icon-loop:before {
  content: "\ecfd";
}

.supsi-icon-mac--command:before {
  content: "\ecfe";
}

.supsi-icon-machine-learning:before {
  content: "\ecff";
}

.supsi-icon-machine-learning-model:before {
  content: "\ed00";
}

.supsi-icon-mac--option:before {
  content: "\ed01";
}

.supsi-icon-mac--shift:before {
  content: "\ed02";
}

.supsi-icon-magic-wand:before {
  content: "\ed03";
}

.supsi-icon-magic-wand--filled:before {
  content: "\ed04";
}

.supsi-icon-magnify:before {
  content: "\ed05";
}

.supsi-icon-mail--all:before {
  content: "\ed06";
}

.supsi-icon-mail--reply:before {
  content: "\ed07";
}

.supsi-icon-mammogram:before {
  content: "\ed08";
}

.supsi-icon-mammogram--stacked:before {
  content: "\ed09";
}

.supsi-icon-managed-solutions:before {
  content: "\ed0a";
}

.supsi-icon-manage-protection:before {
  content: "\ed0b";
}

.supsi-icon-map:before {
  content: "\ed0c";
}

.supsi-icon-map-boundary:before {
  content: "\ed0d";
}

.supsi-icon-map-boundary--vegetation:before {
  content: "\ed0e";
}

.supsi-icon-map--center:before {
  content: "\ed0f";
}

.supsi-icon-map--identify:before {
  content: "\ed10";
}

.supsi-icon-marine-warning:before {
  content: "\ed11";
}

.supsi-icon-math-curve:before {
  content: "\ed12";
}

.supsi-icon-matrix:before {
  content: "\ed13";
}

.supsi-icon-maximize:before {
  content: "\ed14";
}

.supsi-icon-media-cast:before {
  content: "\ed15";
}

.supsi-icon-media--library:before {
  content: "\ed16";
}

.supsi-icon-media--library--filled:before {
  content: "\ed17";
}

.supsi-icon-medication:before {
  content: "\ed18";
}

.supsi-icon-medication--alert:before {
  content: "\ed19";
}

.supsi-icon-medication--reminder:before {
  content: "\ed1a";
}

.supsi-icon-menu:before {
  content: "\ed1b";
}

.supsi-icon-message-queue:before {
  content: "\ed1c";
}

.supsi-icon-meter:before {
  content: "\ed1d";
}

.supsi-icon-meter--alt:before {
  content: "\ed1e";
}

.supsi-icon-microphone:before {
  content: "\ed1f";
}

.supsi-icon-microphone--filled:before {
  content: "\ed20";
}

.supsi-icon-microphone--off:before {
  content: "\ed21";
}

.supsi-icon-microphone--off--filled:before {
  content: "\ed22";
}

.supsi-icon-microscope:before {
  content: "\ed23";
}

.supsi-icon-migrate:before {
  content: "\ed24";
}

.supsi-icon-migrate--alt:before {
  content: "\ed25";
}

.supsi-icon-milestone:before {
  content: "\ed26";
}

.supsi-icon-military-camp:before {
  content: "\ed27";
}

.supsi-icon-minimize:before {
  content: "\ed28";
}

.supsi-icon-misuse:before {
  content: "\ed29";
}

.supsi-icon-misuse--alt:before {
  content: "\ed2a";
}

.supsi-icon-misuse--outline:before {
  content: "\ed2b";
}

.supsi-icon-mixed-rain-hail:before {
  content: "\ed2c";
}

.supsi-icon-mobile:before {
  content: "\ed2d";
}

.supsi-icon-mobile--add:before {
  content: "\ed2e";
}

.supsi-icon-mobile--audio:before {
  content: "\ed2f";
}

.supsi-icon-mobile--check:before {
  content: "\ed30";
}

.supsi-icon-mobile--download:before {
  content: "\ed31";
}

.supsi-icon-mobile--landscape:before {
  content: "\ed32";
}

.supsi-icon-mobility--services:before {
  content: "\ed33";
}

.supsi-icon-model:before {
  content: "\ed34";
}

.supsi-icon-model--alt:before {
  content: "\ed35";
}

.supsi-icon-model-builder:before {
  content: "\ed36";
}

.supsi-icon-model-builder--reference:before {
  content: "\ed37";
}

.supsi-icon-model--reference:before {
  content: "\ed38";
}

.supsi-icon-money:before {
  content: "\ed39";
}

.supsi-icon-monster:before {
  content: "\ed3a";
}

.supsi-icon-monument:before {
  content: "\ed3b";
}

.supsi-icon-moon:before {
  content: "\ed3c";
}

.supsi-icon-moonrise:before {
  content: "\ed3d";
}

.supsi-icon-moonset:before {
  content: "\ed3e";
}

.supsi-icon-mostly-cloudy:before {
  content: "\ed3f";
}

.supsi-icon-mostly-cloudy--night:before {
  content: "\ed40";
}

.supsi-icon-mountain:before {
  content: "\ed41";
}

.supsi-icon-MOV:before {
  content: "\ed42";
}

.supsi-icon-move:before {
  content: "\ed43";
}

.supsi-icon-movement:before {
  content: "\ed44";
}

.supsi-icon-MP3:before {
  content: "\ed45";
}

.supsi-icon-MP4:before {
  content: "\ed46";
}

.supsi-icon-MPEG:before {
  content: "\ed47";
}

.supsi-icon-MPG2:before {
  content: "\ed48";
}

.supsi-icon-music:before {
  content: "\ed49";
}

.supsi-icon-music--add:before {
  content: "\ed4a";
}

.supsi-icon-music--remove:before {
  content: "\ed4b";
}

.supsi-icon-name-space:before {
  content: "\ed4c";
}

.supsi-icon-navaid--civil:before {
  content: "\ed4d";
}

.supsi-icon-navaid--dme:before {
  content: "\ed4e";
}

.supsi-icon-navaid--helipad:before {
  content: "\ed4f";
}

.supsi-icon-navaid--military:before {
  content: "\ed50";
}

.supsi-icon-navaid--military-civil:before {
  content: "\ed51";
}

.supsi-icon-navaid--ndb:before {
  content: "\ed52";
}

.supsi-icon-navaid--ndb-dme:before {
  content: "\ed53";
}

.supsi-icon-navaid--private:before {
  content: "\ed54";
}

.supsi-icon-navaid--seaplane:before {
  content: "\ed55";
}

.supsi-icon-navaid--tacan:before {
  content: "\ed56";
}

.supsi-icon-navaid--vhfor:before {
  content: "\ed57";
}

.supsi-icon-navaid--vor:before {
  content: "\ed58";
}

.supsi-icon-navaid--vordme:before {
  content: "\ed59";
}

.supsi-icon-navaid--vortac:before {
  content: "\ed5a";
}

.supsi-icon-need:before {
  content: "\ed5b";
}

.supsi-icon-network--1:before {
  content: "\ed5c";
}

.supsi-icon-network--2:before {
  content: "\ed5d";
}

.supsi-icon-network--3:before {
  content: "\ed5e";
}

.supsi-icon-network--3--reference:before {
  content: "\ed5f";
}

.supsi-icon-network--4:before {
  content: "\ed60";
}

.supsi-icon-network--4--reference:before {
  content: "\ed61";
}

.supsi-icon-network--admin-control:before {
  content: "\ed62";
}

.supsi-icon-network--enterprise:before {
  content: "\ed63";
}

.supsi-icon-network--overlay:before {
  content: "\ed64";
}

.supsi-icon-network--public:before {
  content: "\ed65";
}

.supsi-icon-new-tab:before {
  content: "\ed66";
}

.supsi-icon-next--filled:before {
  content: "\ed67";
}

.supsi-icon-next--outline:before {
  content: "\ed68";
}

.supsi-icon-no-image:before {
  content: "\ed69";
}

.supsi-icon-nominal:before {
  content: "\ed6a";
}

.supsi-icon-nominate:before {
  content: "\ed6b";
}

.supsi-icon-non-certified:before {
  content: "\ed6c";
}

.supsi-icon-noodle-bowl:before {
  content: "\ed6d";
}

.supsi-icon-not-available:before {
  content: "\ed6e";
}

.supsi-icon-notebook:before {
  content: "\ed6f";
}

.supsi-icon-notebook--reference:before {
  content: "\ed70";
}

.supsi-icon-no-ticket:before {
  content: "\ed71";
}

.supsi-icon-notification:before {
  content: "\ed72";
}

.supsi-icon-notification--filled:before {
  content: "\ed73";
}

.supsi-icon-notification--new:before {
  content: "\ed74";
}

.supsi-icon-notification--off:before {
  content: "\ed75";
}

.supsi-icon-notification--off--filled:before {
  content: "\ed76";
}

.supsi-icon-not-sent:before {
  content: "\ed77";
}

.supsi-icon-not-sent--filled:before {
  content: "\ed78";
}

.supsi-icon-number--0:before {
  content: "\ed79";
}

.supsi-icon-number--1:before {
  content: "\ed7a";
}

.supsi-icon-number--2:before {
  content: "\ed7b";
}

.supsi-icon-number--3:before {
  content: "\ed7c";
}

.supsi-icon-number--4:before {
  content: "\ed7d";
}

.supsi-icon-number--5:before {
  content: "\ed7e";
}

.supsi-icon-number--6:before {
  content: "\ed7f";
}

.supsi-icon-number--7:before {
  content: "\ed80";
}

.supsi-icon-number--8:before {
  content: "\ed81";
}

.supsi-icon-number--9:before {
  content: "\ed82";
}

.supsi-icon-number--small--0:before {
  content: "\ed83";
}

.supsi-icon-number--small--1:before {
  content: "\ed84";
}

.supsi-icon-number--small--2:before {
  content: "\ed85";
}

.supsi-icon-number--small--3:before {
  content: "\ed86";
}

.supsi-icon-number--small--4:before {
  content: "\ed87";
}

.supsi-icon-number--small--5:before {
  content: "\ed88";
}

.supsi-icon-number--small--6:before {
  content: "\ed89";
}

.supsi-icon-number--small--7:before {
  content: "\ed8a";
}

.supsi-icon-number--small--8:before {
  content: "\ed8b";
}

.supsi-icon-number--small--9:before {
  content: "\ed8c";
}

.supsi-icon-object-storage:before {
  content: "\ed8d";
}

.supsi-icon-object-storage--alt:before {
  content: "\ed8e";
}

.supsi-icon-observed--hail:before {
  content: "\ed8f";
}

.supsi-icon-observed--lightning:before {
  content: "\ed90";
}

.supsi-icon-omega:before {
  content: "\ed91";
}

.supsi-icon-opacity:before {
  content: "\ed92";
}

.supsi-icon-open-panel--bottom:before {
  content: "\ed93";
}

.supsi-icon-open-panel--filled--bottom:before {
  content: "\ed94";
}

.supsi-icon-open-panel--filled--left:before {
  content: "\ed95";
}

.supsi-icon-open-panel--filled--right:before {
  content: "\ed96";
}

.supsi-icon-open-panel--filled--top:before {
  content: "\ed97";
}

.supsi-icon-open-panel--left:before {
  content: "\ed98";
}

.supsi-icon-open-panel--right:before {
  content: "\ed99";
}

.supsi-icon-open-panel--top:before {
  content: "\ed9a";
}

.supsi-icon-operation:before {
  content: "\ed9b";
}

.supsi-icon-operation--gauge:before {
  content: "\ed9c";
}

.supsi-icon-operation--if:before {
  content: "\ed9d";
}

.supsi-icon-operations--field:before {
  content: "\ed9e";
}

.supsi-icon-operations--record:before {
  content: "\ed9f";
}

.supsi-icon-order-details:before {
  content: "\eda0";
}

.supsi-icon-ordinal:before {
  content: "\eda1";
}

.supsi-icon-outage:before {
  content: "\eda2";
}

.supsi-icon-outlook-severe:before {
  content: "\eda3";
}

.supsi-icon-overflow-menu--horizontal:before {
  content: "\eda4";
}

.supsi-icon-overflow-menu--vertical:before {
  content: "\eda5";
}

.supsi-icon-overlay:before {
  content: "\eda6";
}

.supsi-icon-package:before {
  content: "\eda7";
}

.supsi-icon-page-break:before {
  content: "\eda8";
}

.supsi-icon-page--first:before {
  content: "\eda9";
}

.supsi-icon-page--last:before {
  content: "\edaa";
}

.supsi-icon-page-number:before {
  content: "\edab";
}

.supsi-icon-page-scroll:before {
  content: "\edac";
}

.supsi-icon-paint-brush:before {
  content: "\edad";
}

.supsi-icon-paint-brush--alt:before {
  content: "\edae";
}

.supsi-icon-palm-tree:before {
  content: "\edaf";
}

.supsi-icon-panel-expansion:before {
  content: "\edb0";
}

.supsi-icon-pan--horizontal:before {
  content: "\edb1";
}

.supsi-icon-pan--vertical:before {
  content: "\edb2";
}

.supsi-icon-paragraph:before {
  content: "\edb3";
}

.supsi-icon-parameter:before {
  content: "\edb4";
}

.supsi-icon-parent-child:before {
  content: "\edb5";
}

.supsi-icon-partly-cloudy:before {
  content: "\edb6";
}

.supsi-icon-partly-cloudy--night:before {
  content: "\edb7";
}

.supsi-icon-partnership:before {
  content: "\edb8";
}

.supsi-icon-passenger--drinks:before {
  content: "\edb9";
}

.supsi-icon-passenger--plus:before {
  content: "\edba";
}

.supsi-icon-password:before {
  content: "\edbb";
}

.supsi-icon-paste:before {
  content: "\edbc";
}

.supsi-icon-pause:before {
  content: "\edbd";
}

.supsi-icon-pause--filled:before {
  content: "\edbe";
}

.supsi-icon-pause-future:before {
  content: "\edbf";
}

.supsi-icon-pause--outline:before {
  content: "\edc0";
}

.supsi-icon-pause--outline--filled:before {
  content: "\edc1";
}

.supsi-icon-pause-past:before {
  content: "\edc2";
}

.supsi-icon-pcn--e-node:before {
  content: "\edc3";
}

.supsi-icon-pcn--military:before {
  content: "\edc4";
}

.supsi-icon-pcn--p-node:before {
  content: "\edc5";
}

.supsi-icon-pcn--z-node:before {
  content: "\edc6";
}

.supsi-icon-PDF:before {
  content: "\edc7";
}

.supsi-icon-PDF--reference:before {
  content: "\edc8";
}

.supsi-icon-pedestrian:before {
  content: "\edc9";
}

.supsi-icon-pedestrian-child:before {
  content: "\edca";
}

.supsi-icon-pedestrian--family:before {
  content: "\edcb";
}

.supsi-icon-pen:before {
  content: "\edcc";
}

.supsi-icon-pending:before {
  content: "\edcd";
}

.supsi-icon-pending--filled:before {
  content: "\edce";
}

.supsi-icon-pen--fountain:before {
  content: "\edcf";
}

.supsi-icon-percentage:before {
  content: "\edd0";
}

.supsi-icon-percentage--filled:before {
  content: "\edd1";
}

.supsi-icon-person:before {
  content: "\edd2";
}

.supsi-icon-person--favorite:before {
  content: "\edd3";
}

.supsi-icon-pest:before {
  content: "\edd4";
}

.supsi-icon-pet-image--B:before {
  content: "\edd5";
}

.supsi-icon-pet-image--O:before {
  content: "\edd6";
}

.supsi-icon-phone:before {
  content: "\edd7";
}

.supsi-icon-phone--application:before {
  content: "\edd8";
}

.supsi-icon-phone--block:before {
  content: "\edd9";
}

.supsi-icon-phone--block--filled:before {
  content: "\edda";
}

.supsi-icon-phone--filled:before {
  content: "\eddb";
}

.supsi-icon-phone--incoming:before {
  content: "\eddc";
}

.supsi-icon-phone--incoming--filled:before {
  content: "\eddd";
}

.supsi-icon-phone--ip:before {
  content: "\edde";
}

.supsi-icon-phone--off:before {
  content: "\eddf";
}

.supsi-icon-phone--off--filled:before {
  content: "\ede0";
}

.supsi-icon-phone--outgoing:before {
  content: "\ede1";
}

.supsi-icon-phone--outgoing--filled:before {
  content: "\ede2";
}

.supsi-icon-phone--settings:before {
  content: "\ede3";
}

.supsi-icon-phone--voice:before {
  content: "\ede4";
}

.supsi-icon-phone--voice--filled:before {
  content: "\ede5";
}

.supsi-icon-phrase-sentiment:before {
  content: "\ede6";
}

.supsi-icon-picnic-area:before {
  content: "\ede7";
}

.supsi-icon-piggy-bank:before {
  content: "\ede8";
}

.supsi-icon-piggy-bank--slot:before {
  content: "\ede9";
}

.supsi-icon-pills:before {
  content: "\edea";
}

.supsi-icon-pills--add:before {
  content: "\edeb";
}

.supsi-icon-pills--subtract:before {
  content: "\edec";
}

.supsi-icon-pin:before {
  content: "\eded";
}

.supsi-icon-pin--filled:before {
  content: "\edee";
}

.supsi-icon-plane:before {
  content: "\edef";
}

.supsi-icon-plane--private:before {
  content: "\edf0";
}

.supsi-icon-plane--sea:before {
  content: "\edf1";
}

.supsi-icon-play:before {
  content: "\edf2";
}

.supsi-icon-play--filled:before {
  content: "\edf3";
}

.supsi-icon-play--filled--alt:before {
  content: "\edf4";
}

.supsi-icon-playlist:before {
  content: "\edf5";
}

.supsi-icon-play--outline:before {
  content: "\edf6";
}

.supsi-icon-play--outline--filled:before {
  content: "\edf7";
}

.supsi-icon-plug:before {
  content: "\edf8";
}

.supsi-icon-plug--filled:before {
  content: "\edf9";
}

.supsi-icon-PNG:before {
  content: "\edfa";
}

.supsi-icon-pointer-text:before {
  content: "\edfb";
}

.supsi-icon-point-of-presence:before {
  content: "\edfc";
}

.supsi-icon-police:before {
  content: "\edfd";
}

.supsi-icon-policy:before {
  content: "\edfe";
}

.supsi-icon-popup:before {
  content: "\edff";
}

.supsi-icon-portfolio:before {
  content: "\ee00";
}

.supsi-icon-power:before {
  content: "\ee01";
}

.supsi-icon-PPT:before {
  content: "\ee02";
}

.supsi-icon-presentation-file:before {
  content: "\ee03";
}

.supsi-icon-pressure:before {
  content: "\ee04";
}

.supsi-icon-pressure--filled:before {
  content: "\ee05";
}

.supsi-icon-previous--filled:before {
  content: "\ee06";
}

.supsi-icon-previous--outline:before {
  content: "\ee07";
}

.supsi-icon-printer:before {
  content: "\ee08";
}

.supsi-icon-product:before {
  content: "\ee09";
}

.supsi-icon-progress-bar:before {
  content: "\ee0a";
}

.supsi-icon-progress-bar--round:before {
  content: "\ee0b";
}

.supsi-icon-purchase:before {
  content: "\ee0c";
}

.supsi-icon-QC-launch:before {
  content: "\ee0d";
}

.supsi-icon-qq-plot:before {
  content: "\ee0e";
}

.supsi-icon-qr-code:before {
  content: "\ee0f";
}

.supsi-icon-quadrant-plot:before {
  content: "\ee10";
}

.supsi-icon-query:before {
  content: "\ee11";
}

.supsi-icon-query-queue:before {
  content: "\ee12";
}

.supsi-icon-queued:before {
  content: "\ee13";
}

.supsi-icon-quotes:before {
  content: "\ee14";
}

.supsi-icon-radar:before {
  content: "\ee15";
}

.supsi-icon-radar--enhanced:before {
  content: "\ee16";
}

.supsi-icon-radar--weather:before {
  content: "\ee17";
}

.supsi-icon-radio:before {
  content: "\ee18";
}

.supsi-icon-radio-button:before {
  content: "\ee19";
}

.supsi-icon-radio-button--checked:before {
  content: "\ee1a";
}

.supsi-icon-radio--combat:before {
  content: "\ee1b";
}

.supsi-icon-radio--push-to-talk:before {
  content: "\ee1c";
}

.supsi-icon-rain:before {
  content: "\ee1d";
}

.supsi-icon-rain--drizzle:before {
  content: "\ee1e";
}

.supsi-icon-rain-drop:before {
  content: "\ee1f";
}

.supsi-icon-rain--heavy:before {
  content: "\ee20";
}

.supsi-icon-rain--scattered:before {
  content: "\ee21";
}

.supsi-icon-rain--scattered--night:before {
  content: "\ee22";
}

.supsi-icon-RAW:before {
  content: "\ee23";
}

.supsi-icon-receipt:before {
  content: "\ee24";
}

.supsi-icon-recently-viewed:before {
  content: "\ee25";
}

.supsi-icon-recommend:before {
  content: "\ee26";
}

.supsi-icon-recording:before {
  content: "\ee27";
}

.supsi-icon-recording--filled:before {
  content: "\ee28";
}

.supsi-icon-recording--filled--alt:before {
  content: "\ee29";
}

.supsi-icon-redo:before {
  content: "\ee2a";
}

.supsi-icon-ref-evapotranspiration:before {
  content: "\ee2b";
}

.supsi-icon-reflect--horizontal:before {
  content: "\ee2c";
}

.supsi-icon-reflect--vertical:before {
  content: "\ee2d";
}

.supsi-icon-region-analysis--area:before {
  content: "\ee2e";
}

.supsi-icon-region-analysis--volume:before {
  content: "\ee2f";
}

.supsi-icon-registration:before {
  content: "\ee30";
}

.supsi-icon-reminder:before {
  content: "\ee31";
}

.supsi-icon-reminder--medical:before {
  content: "\ee32";
}

.supsi-icon-renew:before {
  content: "\ee33";
}

.supsi-icon-repeat:before {
  content: "\ee34";
}

.supsi-icon-repeat--one:before {
  content: "\ee35";
}

.supsi-icon-replicate:before {
  content: "\ee36";
}

.supsi-icon-reply:before {
  content: "\ee37";
}

.supsi-icon-reply--all:before {
  content: "\ee38";
}

.supsi-icon-report:before {
  content: "\ee39";
}

.supsi-icon-report--data:before {
  content: "\ee3a";
}

.supsi-icon-request-quote:before {
  content: "\ee3b";
}

.supsi-icon-research--bloch-sphere:before {
  content: "\ee3c";
}

.supsi-icon-research--hinton-plot:before {
  content: "\ee3d";
}

.supsi-icon-research--matrix:before {
  content: "\ee3e";
}

.supsi-icon-reset:before {
  content: "\ee3f";
}

.supsi-icon-reset--alt:before {
  content: "\ee40";
}

.supsi-icon-restart:before {
  content: "\ee41";
}

.supsi-icon-restaurant:before {
  content: "\ee42";
}

.supsi-icon-restaurant--fine:before {
  content: "\ee43";
}

.supsi-icon-result:before {
  content: "\ee44";
}

.supsi-icon-result--new:before {
  content: "\ee45";
}

.supsi-icon-result--old:before {
  content: "\ee46";
}

.supsi-icon-retry--failed:before {
  content: "\ee47";
}

.supsi-icon-review:before {
  content: "\ee48";
}

.supsi-icon-rewind--5:before {
  content: "\ee49";
}

.supsi-icon-rewind--10:before {
  content: "\ee4a";
}

.supsi-icon-rewind--30:before {
  content: "\ee4b";
}

.supsi-icon-road:before {
  content: "\ee4c";
}

.supsi-icon-roadmap:before {
  content: "\ee4d";
}

.supsi-icon-road--weather:before {
  content: "\ee4e";
}

.supsi-icon-rocket:before {
  content: "\ee4f";
}

.supsi-icon-rotate:before {
  content: "\ee50";
}

.supsi-icon-rotate--180:before {
  content: "\ee51";
}

.supsi-icon-rotate--360:before {
  content: "\ee52";
}

.supsi-icon-rotate--clockwise:before {
  content: "\ee53";
}

.supsi-icon-rotate--clockwise--alt:before {
  content: "\ee54";
}

.supsi-icon-rotate--clockwise--alt--filled:before {
  content: "\ee55";
}

.supsi-icon-rotate--clockwise--filled:before {
  content: "\ee56";
}

.supsi-icon-rotate--counterclockwise:before {
  content: "\ee57";
}

.supsi-icon-rotate--counterclockwise--alt:before {
  content: "\ee58";
}

.supsi-icon-rotate--counterclockwise--alt--filled:before {
  content: "\ee59";
}

.supsi-icon-rotate--counterclockwise--filled:before {
  content: "\ee5a";
}

.supsi-icon-router:before {
  content: "\ee5b";
}

.supsi-icon-router--voice:before {
  content: "\ee5c";
}

.supsi-icon-router--wifi:before {
  content: "\ee5d";
}

.supsi-icon-row:before {
  content: "\ee5e";
}

.supsi-icon-row--collapse:before {
  content: "\ee5f";
}

.supsi-icon-row--delete:before {
  content: "\ee60";
}

.supsi-icon-row--expand:before {
  content: "\ee61";
}

.supsi-icon-row--insert:before {
  content: "\ee62";
}

.supsi-icon-rss:before {
  content: "\ee63";
}

.supsi-icon-rule:before {
  content: "\ee64";
}

.supsi-icon-rule--cancelled:before {
  content: "\ee65";
}

.supsi-icon-rule--draft:before {
  content: "\ee66";
}

.supsi-icon-rule--filled:before {
  content: "\ee67";
}

.supsi-icon-ruler:before {
  content: "\ee68";
}

.supsi-icon-ruler--alt:before {
  content: "\ee69";
}

.supsi-icon-rule--test:before {
  content: "\ee6a";
}

.supsi-icon-run:before {
  content: "\ee6b";
}

.supsi-icon-S:before {
  content: "\ee6c";
}

.supsi-icon-sailboat--coastal:before {
  content: "\ee6d";
}

.supsi-icon-sailboat--offshore:before {
  content: "\ee6e";
}

.supsi-icon-S--alt:before {
  content: "\ee6f";
}

.supsi-icon-sankey-diagram:before {
  content: "\ee70";
}

.supsi-icon-sankey-diagram--alt:before {
  content: "\ee71";
}

.supsi-icon-satellite:before {
  content: "\ee72";
}

.supsi-icon-satellite--radar:before {
  content: "\ee73";
}

.supsi-icon-satellite--weather:before {
  content: "\ee74";
}

.supsi-icon-save:before {
  content: "\ee75";
}

.supsi-icon-save--annotation:before {
  content: "\ee76";
}

.supsi-icon-save--image:before {
  content: "\ee77";
}

.supsi-icon-save--model:before {
  content: "\ee78";
}

.supsi-icon-save--series:before {
  content: "\ee79";
}

.supsi-icon-scale:before {
  content: "\ee7a";
}

.supsi-icon-scales:before {
  content: "\ee7b";
}

.supsi-icon-scales--tipped:before {
  content: "\ee7c";
}

.supsi-icon-scalpel:before {
  content: "\ee7d";
}

.supsi-icon-scalpel--cursor:before {
  content: "\ee7e";
}

.supsi-icon-scalpel--lasso:before {
  content: "\ee7f";
}

.supsi-icon-scalpel--select:before {
  content: "\ee80";
}

.supsi-icon-scan:before {
  content: "\ee81";
}

.supsi-icon-scan--alt:before {
  content: "\ee82";
}

.supsi-icon-scan--disabled:before {
  content: "\ee83";
}

.supsi-icon-scatter-matrix:before {
  content: "\ee84";
}

.supsi-icon-schematics:before {
  content: "\ee85";
}

.supsi-icon-scooter:before {
  content: "\ee86";
}

.supsi-icon-scooter--front:before {
  content: "\ee87";
}

.supsi-icon-screen:before {
  content: "\ee88";
}

.supsi-icon-screen--off:before {
  content: "\ee89";
}

.supsi-icon-script:before {
  content: "\ee8a";
}

.supsi-icon-script--reference:before {
  content: "\ee8b";
}

.supsi-icon-SDK:before {
  content: "\ee8c";
}

.supsi-icon-search:before {
  content: "\ee8d";
}

.supsi-icon-search--advanced:before {
  content: "\ee8e";
}

.supsi-icon-search--locate:before {
  content: "\ee8f";
}

.supsi-icon-security:before {
  content: "\ee90";
}

.supsi-icon-security-services:before {
  content: "\ee91";
}

.supsi-icon-select--01:before {
  content: "\ee92";
}

.supsi-icon-select--02:before {
  content: "\ee93";
}

.supsi-icon-select--window:before {
  content: "\ee94";
}

.supsi-icon-send:before {
  content: "\ee95";
}

.supsi-icon-send--alt:before {
  content: "\ee96";
}

.supsi-icon-send--alt--filled:before {
  content: "\ee97";
}

.supsi-icon-send-backward:before {
  content: "\ee98";
}

.supsi-icon-send--filled:before {
  content: "\ee99";
}

.supsi-icon-send-to-back:before {
  content: "\ee9a";
}

.supsi-icon-server--dns:before {
  content: "\ee9b";
}

.supsi-icon-server--proxy:before {
  content: "\ee9c";
}

.supsi-icon-server--time:before {
  content: "\ee9d";
}

.supsi-icon-service-desk:before {
  content: "\ee9e";
}

.supsi-icon-session-border-control:before {
  content: "\ee9f";
}

.supsi-icon-settings:before {
  content: "\eea0";
}

.supsi-icon-settings--adjust:before {
  content: "\eea1";
}

.supsi-icon-settings--check:before {
  content: "\eea2";
}

.supsi-icon-settings--services:before {
  content: "\eea3";
}

.supsi-icon-settings--view:before {
  content: "\eea4";
}

.supsi-icon-shape--except:before {
  content: "\eea5";
}

.supsi-icon-shape--exclude:before {
  content: "\eea6";
}

.supsi-icon-shape--intersect:before {
  content: "\eea7";
}

.supsi-icon-shape--join:before {
  content: "\eea8";
}

.supsi-icon-shape--unite:before {
  content: "\eea9";
}

.supsi-icon-share:before {
  content: "\eeaa";
}

.supsi-icon-share-knowledge:before {
  content: "\eeab";
}

.supsi-icon-shopping--bag:before {
  content: "\eeac";
}

.supsi-icon-shopping--cart:before {
  content: "\eead";
}

.supsi-icon-shopping--cart--arrow-down:before {
  content: "\eeae";
}

.supsi-icon-shopping--cart--arrow-up:before {
  content: "\eeaf";
}

.supsi-icon-shopping--cart--clear:before {
  content: "\eeb0";
}

.supsi-icon-shopping--cart--error:before {
  content: "\eeb1";
}

.supsi-icon-shopping--cart--minus:before {
  content: "\eeb2";
}

.supsi-icon-shopping--cart--plus:before {
  content: "\eeb3";
}

.supsi-icon-shopping--catalog:before {
  content: "\eeb4";
}

.supsi-icon-show-data--cards:before {
  content: "\eeb5";
}

.supsi-icon-shrink-screen:before {
  content: "\eeb6";
}

.supsi-icon-shrink-screen--filled:before {
  content: "\eeb7";
}

.supsi-icon-shuffle:before {
  content: "\eeb8";
}

.supsi-icon-shuttle:before {
  content: "\eeb9";
}

.supsi-icon-sight:before {
  content: "\eeba";
}

.supsi-icon-sigma:before {
  content: "\eebb";
}

.supsi-icon-signal-strength:before {
  content: "\eebc";
}

.supsi-icon-sim-card:before {
  content: "\eebd";
}

.supsi-icon-skill-level:before {
  content: "\eebe";
}

.supsi-icon-skill-level--advanced:before {
  content: "\eebf";
}

.supsi-icon-skill-level--basic:before {
  content: "\eec0";
}

.supsi-icon-skill-level--intermediate:before {
  content: "\eec1";
}

.supsi-icon-skip--back:before {
  content: "\eec2";
}

.supsi-icon-skip--back--filled:before {
  content: "\eec3";
}

.supsi-icon-skip--back--outline:before {
  content: "\eec4";
}

.supsi-icon-skip--back--outline--filled:before {
  content: "\eec5";
}

.supsi-icon-skip--back--outline--solid:before {
  content: "\eec6";
}

.supsi-icon-skip--back--solid--filled:before {
  content: "\eec7";
}

.supsi-icon-skip--forward:before {
  content: "\eec8";
}

.supsi-icon-skip--forward--filled:before {
  content: "\eec9";
}

.supsi-icon-skip--forward--outline:before {
  content: "\eeca";
}

.supsi-icon-skip--forward--outline--filled:before {
  content: "\eecb";
}

.supsi-icon-skip--forward--outline--solid:before {
  content: "\eecc";
}

.supsi-icon-skip--forward--solid--filled:before {
  content: "\eecd";
}

.supsi-icon-sleet:before {
  content: "\eece";
}

.supsi-icon-slisor:before {
  content: "\eecf";
}

.supsi-icon-smell:before {
  content: "\eed0";
}

.supsi-icon-smoke:before {
  content: "\eed1";
}

.supsi-icon-smoothing:before {
  content: "\eed2";
}

.supsi-icon-smoothing--cursor:before {
  content: "\eed3";
}

.supsi-icon-snooze:before {
  content: "\eed4";
}

.supsi-icon-snow:before {
  content: "\eed5";
}

.supsi-icon-snow--blizzard:before {
  content: "\eed6";
}

.supsi-icon-snow-density:before {
  content: "\eed7";
}

.supsi-icon-snowflake:before {
  content: "\eed8";
}

.supsi-icon-snow--heavy:before {
  content: "\eed9";
}

.supsi-icon-snow--scattered:before {
  content: "\eeda";
}

.supsi-icon-snow--scattered--night:before {
  content: "\eedb";
}

.supsi-icon-soccer:before {
  content: "\eedc";
}

.supsi-icon-soil-moisture:before {
  content: "\eedd";
}

.supsi-icon-soil-moisture--field:before {
  content: "\eede";
}

.supsi-icon-soil-moisture--global:before {
  content: "\eedf";
}

.supsi-icon-soil-temperature:before {
  content: "\eee0";
}

.supsi-icon-soil-temperature--field:before {
  content: "\eee1";
}

.supsi-icon-soil-temperature--global:before {
  content: "\eee2";
}

.supsi-icon-solar-panel:before {
  content: "\eee3";
}

.supsi-icon-sort--ascending:before {
  content: "\eee4";
}

.supsi-icon-sort--descending:before {
  content: "\eee5";
}

.supsi-icon-spell-check:before {
  content: "\eee6";
}

.supsi-icon-spine-label:before {
  content: "\eee7";
}

.supsi-icon-split:before {
  content: "\eee8";
}

.supsi-icon-split--discard:before {
  content: "\eee9";
}

.supsi-icon-split-screen:before {
  content: "\eeea";
}

.supsi-icon-spray-paint:before {
  content: "\eeeb";
}

.supsi-icon-sprout:before {
  content: "\eeec";
}

.supsi-icon-SQL:before {
  content: "\eeed";
}

.supsi-icon-stacked-move:before {
  content: "\eeee";
}

.supsi-icon-stacked-scrolling--1:before {
  content: "\eeef";
}

.supsi-icon-stacked-scrolling--2:before {
  content: "\eef0";
}

.supsi-icon-stack-limitation:before {
  content: "\eef1";
}

.supsi-icon-stamp:before {
  content: "\eef2";
}

.supsi-icon-star:before {
  content: "\eef3";
}

.supsi-icon-star--filled:before {
  content: "\eef4";
}

.supsi-icon-star--half:before {
  content: "\eef5";
}

.supsi-icon-star--review:before {
  content: "\eef6";
}

.supsi-icon-status--acknowledge:before {
  content: "\eef7";
}

.supsi-icon-status--change:before {
  content: "\eef8";
}

.supsi-icon-status--partial-fail:before {
  content: "\eef9";
}

.supsi-icon-status--resolved:before {
  content: "\eefa";
}

.supsi-icon-stay-inside:before {
  content: "\eefb";
}

.supsi-icon-stem-leaf-plot:before {
  content: "\eefc";
}

.supsi-icon-stethoscope:before {
  content: "\eefd";
}

.supsi-icon-stop:before {
  content: "\eefe";
}

.supsi-icon-stop--filled:before {
  content: "\eeff";
}

.supsi-icon-stop--filled--alt:before {
  content: "\ef00";
}

.supsi-icon-stop--outline:before {
  content: "\ef01";
}

.supsi-icon-stop--outline--filled:before {
  content: "\ef02";
}

.supsi-icon-stop-sign:before {
  content: "\ef03";
}

.supsi-icon-stop-sign--filled:before {
  content: "\ef04";
}

.supsi-icon-storage-pool:before {
  content: "\ef05";
}

.supsi-icon-storage-request:before {
  content: "\ef06";
}

.supsi-icon-store:before {
  content: "\ef07";
}

.supsi-icon-storm-tracker:before {
  content: "\ef08";
}

.supsi-icon-strawberry:before {
  content: "\ef09";
}

.supsi-icon-stress-breath-editor:before {
  content: "\ef0a";
}

.supsi-icon-string-integer:before {
  content: "\ef0b";
}

.supsi-icon-string-text:before {
  content: "\ef0c";
}

.supsi-icon-study--next:before {
  content: "\ef0d";
}

.supsi-icon-study--previous:before {
  content: "\ef0e";
}

.supsi-icon-study--read:before {
  content: "\ef0f";
}

.supsi-icon-study--skip:before {
  content: "\ef10";
}

.supsi-icon-study--transfer:before {
  content: "\ef11";
}

.supsi-icon-study--unread:before {
  content: "\ef12";
}

.supsi-icon-study--view:before {
  content: "\ef13";
}

.supsi-icon-subflow:before {
  content: "\ef14";
}

.supsi-icon-subflow--local:before {
  content: "\ef15";
}

.supsi-icon-subnet-acl-rules:before {
  content: "\ef16";
}

.supsi-icon-subtract:before {
  content: "\ef17";
}

.supsi-icon-subtract--alt:before {
  content: "\ef18";
}

.supsi-icon-sub-volume:before {
  content: "\ef19";
}

.supsi-icon-summary--KPI:before {
  content: "\ef1a";
}

.supsi-icon-sun:before {
  content: "\ef1b";
}

.supsi-icon-sunny:before {
  content: "\ef1c";
}

.supsi-icon-sunrise:before {
  content: "\ef1d";
}

.supsi-icon-sunset:before {
  content: "\ef1e";
}

.supsi-icon-SVG:before {
  content: "\ef1f";
}

.supsi-icon-swim:before {
  content: "\ef20";
}

.supsi-icon-switcher:before {
  content: "\ef21";
}

.supsi-icon-switch-layer-2:before {
  content: "\ef22";
}

.supsi-icon-switch-layer-3:before {
  content: "\ef23";
}

.supsi-icon-sys-provision:before {
  content: "\ef24";
}

.supsi-icon-T:before {
  content: "\ef25";
}

.supsi-icon-table:before {
  content: "\ef26";
}

.supsi-icon-table--alias:before {
  content: "\ef27";
}

.supsi-icon-table--built:before {
  content: "\ef28";
}

.supsi-icon-table-of-contents:before {
  content: "\ef29";
}

.supsi-icon-table--shortcut:before {
  content: "\ef2a";
}

.supsi-icon-table--split:before {
  content: "\ef2b";
}

.supsi-icon-tablet:before {
  content: "\ef2c";
}

.supsi-icon-tablet--landscape:before {
  content: "\ef2d";
}

.supsi-icon-tag:before {
  content: "\ef2e";
}

.supsi-icon-tag--edit:before {
  content: "\ef2f";
}

.supsi-icon-tag--export:before {
  content: "\ef30";
}

.supsi-icon-tag--group:before {
  content: "\ef31";
}

.supsi-icon-tag--import:before {
  content: "\ef32";
}

.supsi-icon-tag--none:before {
  content: "\ef33";
}

.supsi-icon-T--alt:before {
  content: "\ef34";
}

.supsi-icon-tank:before {
  content: "\ef35";
}

.supsi-icon-task:before {
  content: "\ef36";
}

.supsi-icon-task--add:before {
  content: "\ef37";
}

.supsi-icon-task--approved:before {
  content: "\ef38";
}

.supsi-icon-task--asset-view:before {
  content: "\ef39";
}

.supsi-icon-task--complete:before {
  content: "\ef3a";
}

.supsi-icon-task--location:before {
  content: "\ef3b";
}

.supsi-icon-task--remove:before {
  content: "\ef3c";
}

.supsi-icon-task--settings:before {
  content: "\ef3d";
}

.supsi-icon-task--star:before {
  content: "\ef3e";
}

.supsi-icon-task--tools:before {
  content: "\ef3f";
}

.supsi-icon-task--view:before {
  content: "\ef40";
}

.supsi-icon-taste:before {
  content: "\ef41";
}

.supsi-icon-taxi:before {
  content: "\ef42";
}

.supsi-icon-temperature:before {
  content: "\ef43";
}

.supsi-icon-temperature--celsius:before {
  content: "\ef44";
}

.supsi-icon-temperature--celsius--alt:before {
  content: "\ef45";
}

.supsi-icon-temperature--fahrenheit:before {
  content: "\ef46";
}

.supsi-icon-temperature--fahrenheit--alt:before {
  content: "\ef47";
}

.supsi-icon-temperature--feels-like:before {
  content: "\ef48";
}

.supsi-icon-temperature--frigid:before {
  content: "\ef49";
}

.supsi-icon-temperature--hot:before {
  content: "\ef4a";
}

.supsi-icon-temperature--inversion:before {
  content: "\ef4b";
}

.supsi-icon-temperature--max:before {
  content: "\ef4c";
}

.supsi-icon-temperature--min:before {
  content: "\ef4d";
}

.supsi-icon-temperature--water:before {
  content: "\ef4e";
}

.supsi-icon-template:before {
  content: "\ef4f";
}

.supsi-icon-tennis:before {
  content: "\ef50";
}

.supsi-icon-tennis-ball:before {
  content: "\ef51";
}

.supsi-icon-term:before {
  content: "\ef52";
}

.supsi-icon-terminal:before {
  content: "\ef53";
}

.supsi-icon-terminal--3270:before {
  content: "\ef54";
}

.supsi-icon-text--align--center:before {
  content: "\ef55";
}

.supsi-icon-text--align--justify:before {
  content: "\ef56";
}

.supsi-icon-text--align--left:before {
  content: "\ef57";
}

.supsi-icon-text--align--mixed:before {
  content: "\ef58";
}

.supsi-icon-text--align--right:before {
  content: "\ef59";
}

.supsi-icon-text--all-caps:before {
  content: "\ef5a";
}

.supsi-icon-text-annotation-toggle:before {
  content: "\ef5b";
}

.supsi-icon-text--bold:before {
  content: "\ef5c";
}

.supsi-icon-text--clear-format:before {
  content: "\ef5d";
}

.supsi-icon-text--color:before {
  content: "\ef5e";
}

.supsi-icon-text--creation:before {
  content: "\ef5f";
}

.supsi-icon-text--fill:before {
  content: "\ef60";
}

.supsi-icon-text--font:before {
  content: "\ef61";
}

.supsi-icon-text--footnote:before {
  content: "\ef62";
}

.supsi-icon-text--highlight:before {
  content: "\ef63";
}

.supsi-icon-text--indent:before {
  content: "\ef64";
}

.supsi-icon-text--indent--less:before {
  content: "\ef65";
}

.supsi-icon-text--indent--more:before {
  content: "\ef66";
}

.supsi-icon-text--italic:before {
  content: "\ef67";
}

.supsi-icon-text--kerning:before {
  content: "\ef68";
}

.supsi-icon-text--leading:before {
  content: "\ef69";
}

.supsi-icon-text--line-spacing:before {
  content: "\ef6a";
}

.supsi-icon-text-link:before {
  content: "\ef6b";
}

.supsi-icon-text-link--analysis:before {
  content: "\ef6c";
}

.supsi-icon-text-mining:before {
  content: "\ef6d";
}

.supsi-icon-text-mining--applier:before {
  content: "\ef6e";
}

.supsi-icon-text--new-line:before {
  content: "\ef6f";
}

.supsi-icon-text--scale:before {
  content: "\ef70";
}

.supsi-icon-text--selection:before {
  content: "\ef71";
}

.supsi-icon-text--small-caps:before {
  content: "\ef72";
}

.supsi-icon-text--strikethrough:before {
  content: "\ef73";
}

.supsi-icon-text--subscript:before {
  content: "\ef74";
}

.supsi-icon-text--superscript:before {
  content: "\ef75";
}

.supsi-icon-text--tracking:before {
  content: "\ef76";
}

.supsi-icon-text--underline:before {
  content: "\ef77";
}

.supsi-icon-text--vertical-alignment:before {
  content: "\ef78";
}

.supsi-icon-text--wrap:before {
  content: "\ef79";
}

.supsi-icon-theater:before {
  content: "\ef7a";
}

.supsi-icon-this-side-up:before {
  content: "\ef7b";
}

.supsi-icon-threshold:before {
  content: "\ef7c";
}

.supsi-icon-thumbnail--1:before {
  content: "\ef7d";
}

.supsi-icon-thumbnail--2:before {
  content: "\ef7e";
}

.supsi-icon-thumbnail-preview:before {
  content: "\ef7f";
}

.supsi-icon-thumbs-down:before {
  content: "\ef80";
}

.supsi-icon-thumbs-down--filled:before {
  content: "\ef81";
}

.supsi-icon-thumbs-up:before {
  content: "\ef82";
}

.supsi-icon-thumbs-up--filled:before {
  content: "\ef83";
}

.supsi-icon-thunderstorm:before {
  content: "\ef84";
}

.supsi-icon-thunderstorm--scattered:before {
  content: "\ef85";
}

.supsi-icon-thunderstorm--scattered--night:before {
  content: "\ef86";
}

.supsi-icon-thunderstorm--severe:before {
  content: "\ef87";
}

.supsi-icon-thunderstorm--strong:before {
  content: "\ef88";
}

.supsi-icon-ticket:before {
  content: "\ef89";
}

.supsi-icon-tides:before {
  content: "\ef8a";
}

.supsi-icon-TIF:before {
  content: "\ef8b";
}

.supsi-icon-time:before {
  content: "\ef8c";
}

.supsi-icon-time-plot:before {
  content: "\ef8d";
}

.supsi-icon-timer:before {
  content: "\ef8e";
}

.supsi-icon-tool-box:before {
  content: "\ef8f";
}

.supsi-icon-tool-kit:before {
  content: "\ef90";
}

.supsi-icon-tools:before {
  content: "\ef91";
}

.supsi-icon-tools--alt:before {
  content: "\ef92";
}

.supsi-icon-tornado:before {
  content: "\ef93";
}

.supsi-icon-tornado-warning:before {
  content: "\ef94";
}

.supsi-icon-touch--1:before {
  content: "\ef95";
}

.supsi-icon-touch--1-down:before {
  content: "\ef96";
}

.supsi-icon-touch--1-down--filled:before {
  content: "\ef97";
}

.supsi-icon-touch--1--filled:before {
  content: "\ef98";
}

.supsi-icon-touch--2:before {
  content: "\ef99";
}

.supsi-icon-touch--2--filled:before {
  content: "\ef9a";
}

.supsi-icon-touch--interaction:before {
  content: "\ef9b";
}

.supsi-icon-traffic-cone:before {
  content: "\ef9c";
}

.supsi-icon-traffic--event:before {
  content: "\ef9d";
}

.supsi-icon-traffic--flow:before {
  content: "\ef9e";
}

.supsi-icon-traffic--flow-incident:before {
  content: "\ef9f";
}

.supsi-icon-traffic--incident:before {
  content: "\efa0";
}

.supsi-icon-traffic--weather-incident:before {
  content: "\efa1";
}

.supsi-icon-train:before {
  content: "\efa2";
}

.supsi-icon-train--heart:before {
  content: "\efa3";
}

.supsi-icon-train--profile:before {
  content: "\efa4";
}

.supsi-icon-train--speed:before {
  content: "\efa5";
}

.supsi-icon-train--ticket:before {
  content: "\efa6";
}

.supsi-icon-train--time:before {
  content: "\efa7";
}

.supsi-icon-tram:before {
  content: "\efa8";
}

.supsi-icon-transgender:before {
  content: "\efa9";
}

.supsi-icon-translate:before {
  content: "\efaa";
}

.supsi-icon-transmission-lte:before {
  content: "\efab";
}

.supsi-icon-transpose:before {
  content: "\efac";
}

.supsi-icon-trash-can:before {
  content: "\efad";
}

.supsi-icon-tree:before {
  content: "\efae";
}

.supsi-icon-tree--fall-risk:before {
  content: "\efaf";
}

.supsi-icon-tree-view:before {
  content: "\efb0";
}

.supsi-icon-tree-view--alt:before {
  content: "\efb1";
}

.supsi-icon-trophy:before {
  content: "\efb2";
}

.supsi-icon-trophy--filled:before {
  content: "\efb3";
}

.supsi-icon-tropical-storm:before {
  content: "\efb4";
}

.supsi-icon-tropical-storm--model-tracks:before {
  content: "\efb5";
}

.supsi-icon-tropical-storm--tracks:before {
  content: "\efb6";
}

.supsi-icon-tropical-warning:before {
  content: "\efb7";
}

.supsi-icon-tsunami:before {
  content: "\efb8";
}

.supsi-icon-TSV:before {
  content: "\efb9";
}

.supsi-icon-two-factor-authentication:before {
  content: "\efba";
}

.supsi-icon-two-person-lift:before {
  content: "\efbb";
}

.supsi-icon-TXT:before {
  content: "\efbc";
}

.supsi-icon-TXT--reference:before {
  content: "\efbd";
}

.supsi-icon-type-pattern:before {
  content: "\efbe";
}

.supsi-icon-types:before {
  content: "\efbf";
}

.supsi-icon-U1:before {
  content: "\efc0";
}

.supsi-icon-U2:before {
  content: "\efc1";
}

.supsi-icon-U3:before {
  content: "\efc2";
}

.supsi-icon-umbrella:before {
  content: "\efc3";
}

.supsi-icon-undefined:before {
  content: "\efc4";
}

.supsi-icon-undefined--filled:before {
  content: "\efc5";
}

.supsi-icon-undo:before {
  content: "\efc6";
}

.supsi-icon-ungroup-objects:before {
  content: "\efc7";
}

.supsi-icon-unknown:before {
  content: "\efc8";
}

.supsi-icon-unknown--filled:before {
  content: "\efc9";
}

.supsi-icon-unlink:before {
  content: "\efca";
}

.supsi-icon-unlocked:before {
  content: "\efcb";
}

.supsi-icon-update-now:before {
  content: "\efcc";
}

.supsi-icon-upgrade:before {
  content: "\efcd";
}

.supsi-icon-upload:before {
  content: "\efce";
}

.supsi-icon-up-to-top:before {
  content: "\efcf";
}

.supsi-icon-USB:before {
  content: "\efd0";
}

.supsi-icon-user:before {
  content: "\efd1";
}

.supsi-icon-user--access:before {
  content: "\efd2";
}

.supsi-icon-user--activity:before {
  content: "\efd3";
}

.supsi-icon-user--admin:before {
  content: "\efd4";
}

.supsi-icon-user--avatar:before {
  content: "\efd5";
}

.supsi-icon-user--avatar--filled:before {
  content: "\efd6";
}

.supsi-icon-user--avatar--filled--alt:before {
  content: "\efd7";
}

.supsi-icon-user--certification:before {
  content: "\efd8";
}

.supsi-icon-user--data:before {
  content: "\efd9";
}

.supsi-icon-user--favorite:before {
  content: "\efda";
}

.supsi-icon-user--favorite--alt:before {
  content: "\efdb";
}

.supsi-icon-user--favorite--alt--filled:before {
  content: "\efdc";
}

.supsi-icon-user--filled:before {
  content: "\efdd";
}

.supsi-icon-user--follow:before {
  content: "\efde";
}

.supsi-icon-user--identification:before {
  content: "\efdf";
}

.supsi-icon-user--military:before {
  content: "\efe0";
}

.supsi-icon-user--multiple:before {
  content: "\efe1";
}

.supsi-icon-user--online:before {
  content: "\efe2";
}

.supsi-icon-user--profile:before {
  content: "\efe3";
}

.supsi-icon-user-profile--alt:before {
  content: "\efe4";
}

.supsi-icon-user--role:before {
  content: "\efe5";
}

.supsi-icon-user--service-desk:before {
  content: "\efe6";
}

.supsi-icon-user--settings:before {
  content: "\efe7";
}

.supsi-icon-user--simulation:before {
  content: "\efe8";
}

.supsi-icon-user--speaker:before {
  content: "\efe9";
}

.supsi-icon-user--x-ray:before {
  content: "\efea";
}

.supsi-icon-uv-index:before {
  content: "\efeb";
}

.supsi-icon-uv-index--alt:before {
  content: "\efec";
}

.supsi-icon-uv-index--filled:before {
  content: "\efed";
}

.supsi-icon-value--variable:before {
  content: "\efee";
}

.supsi-icon-van:before {
  content: "\efef";
}

.supsi-icon-vegetation--asset:before {
  content: "\eff0";
}

.supsi-icon-vehicle--api:before {
  content: "\eff1";
}

.supsi-icon-vehicle--connected:before {
  content: "\eff2";
}

.supsi-icon-vehicle--insights:before {
  content: "\eff3";
}

.supsi-icon-vehicle--services:before {
  content: "\eff4";
}

.supsi-icon-version:before {
  content: "\eff5";
}

.supsi-icon-vertical-view:before {
  content: "\eff6";
}

.supsi-icon-video:before {
  content: "\eff7";
}

.supsi-icon-video--add:before {
  content: "\eff8";
}

.supsi-icon-video--chat:before {
  content: "\eff9";
}

.supsi-icon-video--filled:before {
  content: "\effa";
}

.supsi-icon-video--off:before {
  content: "\effb";
}

.supsi-icon-video--off--filled:before {
  content: "\effc";
}

.supsi-icon-view:before {
  content: "\effd";
}

.supsi-icon-view--filled:before {
  content: "\effe";
}

.supsi-icon-view--mode-1:before {
  content: "\efff";
}

.supsi-icon-view--mode-2:before {
  content: "\f000";
}

.supsi-icon-view-next:before {
  content: "\f001";
}

.supsi-icon-view--off:before {
  content: "\f002";
}

.supsi-icon-view--off--filled:before {
  content: "\f003";
}

.supsi-icon-virtual-column:before {
  content: "\f004";
}

.supsi-icon-virtual-column--key:before {
  content: "\f005";
}

.supsi-icon-virtual-desktop:before {
  content: "\f006";
}

.supsi-icon-virtual-machine:before {
  content: "\f007";
}

.supsi-icon-virtual-private-cloud:before {
  content: "\f008";
}

.supsi-icon-virtual-private-cloud--alt:before {
  content: "\f009";
}

.supsi-icon-visual-recognition:before {
  content: "\f00a";
}

.supsi-icon-vlan:before {
  content: "\f00b";
}

.supsi-icon-vlan--ibm:before {
  content: "\f00c";
}

.supsi-icon-vmdk-disk:before {
  content: "\f00d";
}

.supsi-icon-voice-activate:before {
  content: "\f00e";
}

.supsi-icon-voicemail:before {
  content: "\f00f";
}

.supsi-icon-volume--block-storage:before {
  content: "\f010";
}

.supsi-icon-volume--down:before {
  content: "\f011";
}

.supsi-icon-volume--down--alt:before {
  content: "\f012";
}

.supsi-icon-volume--down--filled:before {
  content: "\f013";
}

.supsi-icon-volume--down--filled--alt:before {
  content: "\f014";
}

.supsi-icon-volume--file-storage:before {
  content: "\f015";
}

.supsi-icon-volume--mute:before {
  content: "\f016";
}

.supsi-icon-volume--mute--filled:before {
  content: "\f017";
}

.supsi-icon-volume--object-storage:before {
  content: "\f018";
}

.supsi-icon-volume--up:before {
  content: "\f019";
}

.supsi-icon-volume--up--alt:before {
  content: "\f01a";
}

.supsi-icon-volume--up--filled:before {
  content: "\f01b";
}

.supsi-icon-volume--up--filled--alt:before {
  content: "\f01c";
}

.supsi-icon-VPN:before {
  content: "\f01d";
}

.supsi-icon-vpn--connection:before {
  content: "\f01e";
}

.supsi-icon-vpn--policy:before {
  content: "\f01f";
}

.supsi-icon-wallet:before {
  content: "\f020";
}

.supsi-icon-warning:before {
  content: "\f021";
}

.supsi-icon-warning--alt:before {
  content: "\f022";
}

.supsi-icon-warning--alt--filled:before {
  content: "\f023";
}

.supsi-icon-warning--alt-inverted:before {
  content: "\f024";
}

.supsi-icon-warning--alt-inverted--filled:before {
  content: "\f025";
}

.supsi-icon-warning--filled:before {
  content: "\f026";
}

.supsi-icon-warning--hex:before {
  content: "\f027";
}

.supsi-icon-warning--hex--filled:before {
  content: "\f028";
}

.supsi-icon-warning--other:before {
  content: "\f029";
}

.supsi-icon-warning-square:before {
  content: "\f02a";
}

.supsi-icon-warning-square--filled:before {
  content: "\f02b";
}

.supsi-icon-watch:before {
  content: "\f02c";
}

.supsi-icon-watson:before {
  content: "\f02d";
}

.supsi-icon-watson--machine-learning:before {
  content: "\f02e";
}

.supsi-icon-wave-direction:before {
  content: "\f02f";
}

.supsi-icon-wave-height:before {
  content: "\f030";
}

.supsi-icon-wave-period:before {
  content: "\f031";
}

.supsi-icon-weather-front--cold:before {
  content: "\f032";
}

.supsi-icon-weather-front--stationary:before {
  content: "\f033";
}

.supsi-icon-weather-front--warm:before {
  content: "\f034";
}

.supsi-icon-weather-station:before {
  content: "\f035";
}

.supsi-icon-webhook:before {
  content: "\f036";
}

.supsi-icon-websheet:before {
  content: "\f037";
}

.supsi-icon-wheat:before {
  content: "\f038";
}

.supsi-icon-wifi:before {
  content: "\f039";
}

.supsi-icon-wifi-bridge:before {
  content: "\f03a";
}

.supsi-icon-wifi-bridge--alt:before {
  content: "\f03b";
}

.supsi-icon-wifi--controller:before {
  content: "\f03c";
}

.supsi-icon-wifi--not-secure:before {
  content: "\f03d";
}

.supsi-icon-wifi--off:before {
  content: "\f03e";
}

.supsi-icon-wifi--secure:before {
  content: "\f03f";
}

.supsi-icon-wikis:before {
  content: "\f040";
}

.supsi-icon-wind-gusts:before {
  content: "\f041";
}

.supsi-icon-window--auto:before {
  content: "\f042";
}

.supsi-icon-window--base:before {
  content: "\f043";
}

.supsi-icon-window--black-saturation:before {
  content: "\f044";
}

.supsi-icon-window--overlay:before {
  content: "\f045";
}

.supsi-icon-window--preset:before {
  content: "\f046";
}

.supsi-icon-wind-power:before {
  content: "\f047";
}

.supsi-icon-wind-stream:before {
  content: "\f048";
}

.supsi-icon-windy:before {
  content: "\f049";
}

.supsi-icon-windy--dust:before {
  content: "\f04a";
}

.supsi-icon-windy--snow:before {
  content: "\f04b";
}

.supsi-icon-windy--strong:before {
  content: "\f04c";
}

.supsi-icon-winter-warning:before {
  content: "\f04d";
}

.supsi-icon-wintry-mix:before {
  content: "\f04e";
}

.supsi-icon-wireless-checkout:before {
  content: "\f04f";
}

.supsi-icon-WMV:before {
  content: "\f050";
}

.supsi-icon-word-cloud:before {
  content: "\f051";
}

.supsi-icon-workspace:before {
  content: "\f052";
}

.supsi-icon-workspace--import:before {
  content: "\f053";
}

.supsi-icon-worship:before {
  content: "\f054";
}

.supsi-icon-worship--christian:before {
  content: "\f055";
}

.supsi-icon-worship--jewish:before {
  content: "\f056";
}

.supsi-icon-worship--muslim:before {
  content: "\f057";
}

.supsi-icon-X:before {
  content: "\f058";
}

.supsi-icon-x-axis:before {
  content: "\f059";
}

.supsi-icon-XLS:before {
  content: "\f05a";
}

.supsi-icon-XML:before {
  content: "\f05b";
}

.supsi-icon-Y:before {
  content: "\f05c";
}

.supsi-icon-y-axis:before {
  content: "\f05d";
}

.supsi-icon-Z:before {
  content: "\f05e";
}

.supsi-icon-z-axis:before {
  content: "\f05f";
}

.supsi-icon-ZIP:before {
  content: "\f060";
}

.supsi-icon-ZIP--reference:before {
  content: "\f061";
}

.supsi-icon-zoom--area:before {
  content: "\f062";
}

.supsi-icon-zoom--fit:before {
  content: "\f063";
}

.supsi-icon-zoom--in:before {
  content: "\f064";
}

.supsi-icon-zoom--in-area:before {
  content: "\f065";
}

.supsi-icon-zoom--out:before {
  content: "\f066";
}

.supsi-icon-zoom--out-area:before {
  content: "\f067";
}

.supsi-icon-zoom-pan:before {
  content: "\f068";
}

.supsi-icon-zoom--reset:before {
  content: "\f069";
}

/* Pittogrammi */
@font-face {
  font-family: "icomoon-pictograms";
  src: url("../fonts/icomoon/pictograms/icomoon-pictograms.eot?zf4b2o");
  src: url("../fonts/icomoon/pictograms/icomoon-pictograms.eot?zf4b2o#iefix") format("embedded-opentype"), url("../fonts/icomoon/pictograms/icomoon-pictograms.ttf?zf4b2o") format("truetype"), url("../fonts/icomoon/pictograms/icomoon-pictograms.woff?zf4b2o") format("woff"), url("../fonts/icomoon/pictograms/icomoon-pictograms.svg?zf4b2o#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=supsi-pictogram-], [class*=" supsi-pictogram-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon-pictograms" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.supsi-pictogram-accelerated-computing:before {
  content: "\e900";
}

.supsi-pictogram-active--server:before {
  content: "\e901";
}

.supsi-pictogram-add--device:before {
  content: "\e902";
}

.supsi-pictogram-add--document:before {
  content: "\e903";
}

.supsi-pictogram-advanced--fraud--protection:before {
  content: "\e904";
}

.supsi-pictogram-advanced--threats:before {
  content: "\e905";
}

.supsi-pictogram-advocate:before {
  content: "\e906";
}

.supsi-pictogram-agriculture:before {
  content: "\e907";
}

.supsi-pictogram-ai--ethics:before {
  content: "\e908";
}

.supsi-pictogram-ai--explainability:before {
  content: "\e909";
}

.supsi-pictogram-ai--privacy:before {
  content: "\e90a";
}

.supsi-pictogram-air--conditioner:before {
  content: "\e90b";
}

.supsi-pictogram-ai--robustness:before {
  content: "\e90c";
}

.supsi-pictogram-airplane:before {
  content: "\e90d";
}

.supsi-pictogram-ai--transparency:before {
  content: "\e90e";
}

.supsi-pictogram-ai--trust:before {
  content: "\e90f";
}

.supsi-pictogram-alarm:before {
  content: "\e910";
}

.supsi-pictogram-alchemy--data--news:before {
  content: "\e911";
}

.supsi-pictogram-alchemy--language:before {
  content: "\e912";
}

.supsi-pictogram-alchemy--vision:before {
  content: "\e913";
}

.supsi-pictogram-americas:before {
  content: "\e914";
}

.supsi-pictogram-amsterdam--canal:before {
  content: "\e915";
}

.supsi-pictogram-amsterdam--farm:before {
  content: "\e916";
}

.supsi-pictogram-amsterdam--windmill:before {
  content: "\e917";
}

.supsi-pictogram-analyze:before {
  content: "\e918";
}

.supsi-pictogram-analyzes--data:before {
  content: "\e919";
}

.supsi-pictogram-anonymous--users:before {
  content: "\e91a";
}

.supsi-pictogram-apartment:before {
  content: "\e91b";
}

.supsi-pictogram-api:before {
  content: "\e91c";
}

.supsi-pictogram-app--developer:before {
  content: "\e91d";
}

.supsi-pictogram-apple:before {
  content: "\e91e";
}

.supsi-pictogram-application:before {
  content: "\e91f";
}

.supsi-pictogram-application--security:before {
  content: "\e920";
}

.supsi-pictogram-archive:before {
  content: "\e921";
}

.supsi-pictogram-argentina--obelisk:before {
  content: "\e922";
}

.supsi-pictogram-art--tools--01:before {
  content: "\e923";
}

.supsi-pictogram-asia--australia:before {
  content: "\e924";
}

.supsi-pictogram-assets:before {
  content: "\e925";
}

.supsi-pictogram-atlanta:before {
  content: "\e926";
}

.supsi-pictogram-augmented--reality:before {
  content: "\e927";
}

.supsi-pictogram-austin:before {
  content: "\e928";
}

.supsi-pictogram-automate--modular--management:before {
  content: "\e929";
}

.supsi-pictogram-automation--decision:before {
  content: "\e92a";
}

.supsi-pictogram-automobile:before {
  content: "\e92b";
}

.supsi-pictogram-baby--bottle:before {
  content: "\e92c";
}

.supsi-pictogram-backpack:before {
  content: "\e92d";
}

.supsi-pictogram-badge:before {
  content: "\e92e";
}

.supsi-pictogram-bag:before {
  content: "\e92f";
}

.supsi-pictogram-bangalore:before {
  content: "\e930";
}

.supsi-pictogram-barcelona:before {
  content: "\e931";
}

.supsi-pictogram-bee:before {
  content: "\e932";
}

.supsi-pictogram-beijing--municipal:before {
  content: "\e933";
}

.supsi-pictogram-beijing--tower:before {
  content: "\e934";
}

.supsi-pictogram-berlin--brandenburg-gate:before {
  content: "\e935";
}

.supsi-pictogram-berlin--cathedral:before {
  content: "\e936";
}

.supsi-pictogram-berlin--tower:before {
  content: "\e937";
}

.supsi-pictogram-bicycle:before {
  content: "\e938";
}

.supsi-pictogram-birthday--cake:before {
  content: "\e939";
}

.supsi-pictogram-blender:before {
  content: "\e93a";
}

.supsi-pictogram-blockchain:before {
  content: "\e93b";
}

.supsi-pictogram-bluepages:before {
  content: "\e93c";
}

.supsi-pictogram-boston--zakim-bridge:before {
  content: "\e93d";
}

.supsi-pictogram-box--plot:before {
  content: "\e93e";
}

.supsi-pictogram-broom:before {
  content: "\e93f";
}

.supsi-pictogram-budapest:before {
  content: "\e940";
}

.supsi-pictogram-bug--virus--malware:before {
  content: "\e941";
}

.supsi-pictogram-build:before {
  content: "\e942";
}

.supsi-pictogram-build-applications-anywhere:before {
  content: "\e943";
}

.supsi-pictogram-building:before {
  content: "\e944";
}

.supsi-pictogram-build--leadership--and--culture:before {
  content: "\e945";
}

.supsi-pictogram-bulldozer:before {
  content: "\e946";
}

.supsi-pictogram-bus:before {
  content: "\e947";
}

.supsi-pictogram-business--continuity:before {
  content: "\e948";
}

.supsi-pictogram-cafe:before {
  content: "\e949";
}

.supsi-pictogram-cairo--giza-plateau:before {
  content: "\e94a";
}

.supsi-pictogram-calendar:before {
  content: "\e94b";
}

.supsi-pictogram-calendar--date:before {
  content: "\e94c";
}

.supsi-pictogram-calendar--event:before {
  content: "\e94d";
}

.supsi-pictogram-camera:before {
  content: "\e94e";
}

.supsi-pictogram-canada--maple-leaf:before {
  content: "\e94f";
}

.supsi-pictogram-capitol:before {
  content: "\e950";
}

.supsi-pictogram-care:before {
  content: "\e951";
}

.supsi-pictogram-cargo--crane:before {
  content: "\e952";
}

.supsi-pictogram-cargo--ship:before {
  content: "\e953";
}

.supsi-pictogram-cell:before {
  content: "\e954";
}

.supsi-pictogram-chart--3D:before {
  content: "\e955";
}

.supsi-pictogram-chart--area:before {
  content: "\e956";
}

.supsi-pictogram-chart--bar:before {
  content: "\e957";
}

.supsi-pictogram-chart--bubble:before {
  content: "\e958";
}

.supsi-pictogram-chart--bubble--line:before {
  content: "\e959";
}

.supsi-pictogram-chart--candlestick:before {
  content: "\e95a";
}

.supsi-pictogram-chart--custom:before {
  content: "\e95b";
}

.supsi-pictogram-chart--error-bar:before {
  content: "\e95c";
}

.supsi-pictogram-chart--evaluation:before {
  content: "\e95d";
}

.supsi-pictogram-chart--high-low:before {
  content: "\e95e";
}

.supsi-pictogram-chart--histogram:before {
  content: "\e95f";
}

.supsi-pictogram-chart--line:before {
  content: "\e960";
}

.supsi-pictogram-chart--multi-line:before {
  content: "\e961";
}

.supsi-pictogram-chart--multi-type:before {
  content: "\e962";
}

.supsi-pictogram-chart--parallel:before {
  content: "\e963";
}

.supsi-pictogram-chart--pie:before {
  content: "\e964";
}

.supsi-pictogram-chart--quadrant-plot:before {
  content: "\e965";
}

.supsi-pictogram-chart--radar:before {
  content: "\e966";
}

.supsi-pictogram-chart--river:before {
  content: "\e967";
}

.supsi-pictogram-chart--scatterplot:before {
  content: "\e968";
}

.supsi-pictogram-chart--scree-plot:before {
  content: "\e969";
}

.supsi-pictogram-chart--stepper:before {
  content: "\e96a";
}

.supsi-pictogram-chart--sunburst:before {
  content: "\e96b";
}

.supsi-pictogram-chart--t-SNE:before {
  content: "\e96c";
}

.supsi-pictogram-cheese:before {
  content: "\e96d";
}

.supsi-pictogram-cherries:before {
  content: "\e96e";
}

.supsi-pictogram-chicago:before {
  content: "\e96f";
}

.supsi-pictogram-chile--easter-island:before {
  content: "\e970";
}

.supsi-pictogram-chile--hand-of-the-desert:before {
  content: "\e971";
}

.supsi-pictogram-chip--circuit:before {
  content: "\e972";
}

.supsi-pictogram-chip--credit:before {
  content: "\e973";
}

.supsi-pictogram-chip--debit:before {
  content: "\e974";
}

.supsi-pictogram-circle--packing:before {
  content: "\e975";
}

.supsi-pictogram-c--language:before {
  content: "\e976";
}

.supsi-pictogram-client--financing--01:before {
  content: "\e977";
}

.supsi-pictogram-client--financing--02:before {
  content: "\e978";
}

.supsi-pictogram-clothes--rack--01:before {
  content: "\e979";
}

.supsi-pictogram-clothes--rack--02:before {
  content: "\e97a";
}

.supsi-pictogram-cloud--analytics:before {
  content: "\e97b";
}

.supsi-pictogram-cloud--assets:before {
  content: "\e97c";
}

.supsi-pictogram-cloud--builder--professional--services:before {
  content: "\e97d";
}

.supsi-pictogram-cloud--computing:before {
  content: "\e97e";
}

.supsi-pictogram-cloud--data--services:before {
  content: "\e97f";
}

.supsi-pictogram-cloud--download:before {
  content: "\e980";
}

.supsi-pictogram-cloud--ecosystem:before {
  content: "\e981";
}

.supsi-pictogram-cloud--guidelines:before {
  content: "\e982";
}

.supsi-pictogram-cloud--managed--services:before {
  content: "\e983";
}

.supsi-pictogram-cloud--native--01:before {
  content: "\e984";
}

.supsi-pictogram-cloud--native--02:before {
  content: "\e985";
}

.supsi-pictogram-cloud--oracle:before {
  content: "\e986";
}

.supsi-pictogram-cloud-pak--family:before {
  content: "\e987";
}

.supsi-pictogram-cloud-pak--for-applications:before {
  content: "\e988";
}

.supsi-pictogram-cloud-pak--for-data:before {
  content: "\e989";
}

.supsi-pictogram-cloud-pak--for-integration:before {
  content: "\e98a";
}

.supsi-pictogram-cloud-pak--for-multicloud-management:before {
  content: "\e98b";
}

.supsi-pictogram-cloud-pak--for-network-automation:before {
  content: "\e98c";
}

.supsi-pictogram-cloud-pak--for-security:before {
  content: "\e98d";
}

.supsi-pictogram-cloud-pak--system:before {
  content: "\e98e";
}

.supsi-pictogram-cloud--partners:before {
  content: "\e98f";
}

.supsi-pictogram-cloud--planning:before {
  content: "\e990";
}

.supsi-pictogram-cloud--sap:before {
  content: "\e991";
}

.supsi-pictogram-cloud--services:before {
  content: "\e992";
}

.supsi-pictogram-cloud--services--pricing:before {
  content: "\e993";
}

.supsi-pictogram-cloud--storage:before {
  content: "\e994";
}

.supsi-pictogram-cloud--strategy:before {
  content: "\e995";
}

.supsi-pictogram-cloud--tutorials:before {
  content: "\e996";
}

.supsi-pictogram-cloud--upload:before {
  content: "\e997";
}

.supsi-pictogram-cloud--vmware:before {
  content: "\e998";
}

.supsi-pictogram-cloudy:before {
  content: "\e999";
}

.supsi-pictogram-cloudy--dewy:before {
  content: "\e99a";
}

.supsi-pictogram-cloudy--hazy:before {
  content: "\e99b";
}

.supsi-pictogram-cloudy--humid:before {
  content: "\e99c";
}

.supsi-pictogram-cloudy--partial:before {
  content: "\e99d";
}

.supsi-pictogram-cloudy--windy:before {
  content: "\e99e";
}

.supsi-pictogram-cluster:before {
  content: "\e99f";
}

.supsi-pictogram-coat--hanger:before {
  content: "\e9a0";
}

.supsi-pictogram-cobol--language:before {
  content: "\e9a1";
}

.supsi-pictogram-code--syntax:before {
  content: "\e9a2";
}

.supsi-pictogram-cognos--analytics:before {
  content: "\e9a3";
}

.supsi-pictogram-collaboration:before {
  content: "\e9a4";
}

.supsi-pictogram-college:before {
  content: "\e9a5";
}

.supsi-pictogram-colombia--cathedral-of-las-lajas:before {
  content: "\e9a6";
}

.supsi-pictogram-color--contrast:before {
  content: "\e9a7";
}

.supsi-pictogram-commercial--financing--01:before {
  content: "\e9a8";
}

.supsi-pictogram-commercial--financing--02:before {
  content: "\e9a9";
}

.supsi-pictogram-compost--bin:before {
  content: "\e9aa";
}

.supsi-pictogram-concept--expansion:before {
  content: "\e9ab";
}

.supsi-pictogram-concept--insights:before {
  content: "\e9ac";
}

.supsi-pictogram-condition--builder:before {
  content: "\e9ad";
}

.supsi-pictogram-connect:before {
  content: "\e9ae";
}

.supsi-pictogram-connect--applications:before {
  content: "\e9af";
}

.supsi-pictogram-connected--ecosystem:before {
  content: "\e9b0";
}

.supsi-pictogram-connected--nodes--to--the--cloud:before {
  content: "\e9b1";
}

.supsi-pictogram-console:before {
  content: "\e9b2";
}

.supsi-pictogram-console--wireless:before {
  content: "\e9b3";
}

.supsi-pictogram-construct:before {
  content: "\e9b4";
}

.supsi-pictogram-consumer--engagement--food--journey:before {
  content: "\e9b5";
}

.supsi-pictogram-container:before {
  content: "\e9b6";
}

.supsi-pictogram-containerized-applications:before {
  content: "\e9b7";
}

.supsi-pictogram-container--microservices:before {
  content: "\e9b8";
}

.supsi-pictogram-containers-and-cloud-native:before {
  content: "\e9b9";
}

.supsi-pictogram-content--design:before {
  content: "\e9ba";
}

.supsi-pictogram-continuous--security:before {
  content: "\e9bb";
}

.supsi-pictogram-contract:before {
  content: "\e9bc";
}

.supsi-pictogram-conversation:before {
  content: "\e9bd";
}

.supsi-pictogram-copenhagen--planetarium:before {
  content: "\e9be";
}

.supsi-pictogram-copenhagen--snekkja:before {
  content: "\e9bf";
}

.supsi-pictogram-coronavirus:before {
  content: "\e9c0";
}

.supsi-pictogram-c-plus-plus--language:before {
  content: "\e9c1";
}

.supsi-pictogram-credit--card:before {
  content: "\e9c2";
}

.supsi-pictogram-crop:before {
  content: "\e9c3";
}

.supsi-pictogram-cupcake:before {
  content: "\e9c4";
}

.supsi-pictogram-customer--service:before {
  content: "\e9c5";
}

.supsi-pictogram-dashboard:before {
  content: "\e9c6";
}

.supsi-pictogram-data--apis:before {
  content: "\e9c7";
}

.supsi-pictogram-data--backup:before {
  content: "\e9c8";
}

.supsi-pictogram-data--insights:before {
  content: "\e9c9";
}

.supsi-pictogram-data--privacy:before {
  content: "\e9ca";
}

.supsi-pictogram-data--processing:before {
  content: "\e9cb";
}

.supsi-pictogram-data--security:before {
  content: "\e9cc";
}

.supsi-pictogram-data--set:before {
  content: "\e9cd";
}

.supsi-pictogram-data--storage:before {
  content: "\e9ce";
}

.supsi-pictogram-delete:before {
  content: "\e9cf";
}

.supsi-pictogram-deliver--insights:before {
  content: "\e9d0";
}

.supsi-pictogram-delivery--truck:before {
  content: "\e9d1";
}

.supsi-pictogram-design-and-development--01:before {
  content: "\e9d2";
}

.supsi-pictogram-design-and-development--02:before {
  content: "\e9d3";
}

.supsi-pictogram-design--leadership:before {
  content: "\e9d4";
}

.supsi-pictogram-design--research:before {
  content: "\e9d5";
}

.supsi-pictogram-design-thinking-team:before {
  content: "\e9d6";
}

.supsi-pictogram-desktop:before {
  content: "\e9d7";
}

.supsi-pictogram-detect--and--stop--advancing--threats:before {
  content: "\e9d8";
}

.supsi-pictogram-developer-z-os:before {
  content: "\e9d9";
}

.supsi-pictogram-device--pairing:before {
  content: "\e9da";
}

.supsi-pictogram-devops:before {
  content: "\e9db";
}

.supsi-pictogram-dialogue:before {
  content: "\e9dc";
}

.supsi-pictogram-digital:before {
  content: "\e9dd";
}

.supsi-pictogram-digital--id:before {
  content: "\e9de";
}

.supsi-pictogram-digital--trust:before {
  content: "\e9df";
}

.supsi-pictogram-dining:before {
  content: "\e9e0";
}

.supsi-pictogram-distribution--ledger:before {
  content: "\e9e1";
}

.supsi-pictogram-dna:before {
  content: "\e9e2";
}

.supsi-pictogram-docker:before {
  content: "\e9e3";
}

.supsi-pictogram-doctor:before {
  content: "\e9e4";
}

.supsi-pictogram-doctor-patient:before {
  content: "\e9e5";
}

.supsi-pictogram-document--conversion:before {
  content: "\e9e6";
}

.supsi-pictogram-document--security:before {
  content: "\e9e7";
}

.supsi-pictogram-do-not:before {
  content: "\e9e8";
}

.supsi-pictogram-do-not--02:before {
  content: "\e9e9";
}

.supsi-pictogram-door--handle:before {
  content: "\e9ea";
}

.supsi-pictogram-download--01:before {
  content: "\e9eb";
}

.supsi-pictogram-download--02:before {
  content: "\e9ec";
}

.supsi-pictogram-dropper:before {
  content: "\e9ed";
}

.supsi-pictogram-dubai--palm-islands:before {
  content: "\e9ee";
}

.supsi-pictogram-dubai--skyscraper:before {
  content: "\e9ef";
}

.supsi-pictogram-dublin--brewery:before {
  content: "\e9f0";
}

.supsi-pictogram-dublin--castle:before {
  content: "\e9f1";
}

.supsi-pictogram-duplicate--file:before {
  content: "\e9f2";
}

.supsi-pictogram-earth:before {
  content: "\e9f3";
}

.supsi-pictogram-ecuador--quito:before {
  content: "\e9f4";
}

.supsi-pictogram-edge:before {
  content: "\e9f5";
}

.supsi-pictogram-education:before {
  content: "\e9f6";
}

.supsi-pictogram-electric:before {
  content: "\e9f7";
}

.supsi-pictogram-electric--car:before {
  content: "\e9f8";
}

.supsi-pictogram-electric--charge:before {
  content: "\e9f9";
}

.supsi-pictogram-elevator:before {
  content: "\e9fa";
}

.supsi-pictogram-embed:before {
  content: "\e9fb";
}

.supsi-pictogram-emergency--exit:before {
  content: "\e9fc";
}

.supsi-pictogram-employee--insights:before {
  content: "\e9fd";
}

.supsi-pictogram-endpoint--protection:before {
  content: "\e9fe";
}

.supsi-pictogram-engine:before {
  content: "\e9ff";
}

.supsi-pictogram-enterprise--design--thinking--01:before {
  content: "\ea00";
}

.supsi-pictogram-enterprise--design--thinking--02:before {
  content: "\ea01";
}

.supsi-pictogram-envelope:before {
  content: "\ea02";
}

.supsi-pictogram-erlenmeyer--flask:before {
  content: "\ea03";
}

.supsi-pictogram-escalator--down:before {
  content: "\ea04";
}

.supsi-pictogram-escalator--up:before {
  content: "\ea05";
}

.supsi-pictogram-europe--africa:before {
  content: "\ea06";
}

.supsi-pictogram-expand--horz:before {
  content: "\ea07";
}

.supsi-pictogram-expand--user:before {
  content: "\ea08";
}

.supsi-pictogram-expand--vert:before {
  content: "\ea09";
}

.supsi-pictogram-export--01:before {
  content: "\ea0a";
}

.supsi-pictogram-export--02:before {
  content: "\ea0b";
}

.supsi-pictogram-eye:before {
  content: "\ea0c";
}

.supsi-pictogram-eyewash--station:before {
  content: "\ea0d";
}

.supsi-pictogram-face--dissatisfied:before {
  content: "\ea0e";
}

.supsi-pictogram-face--neutral:before {
  content: "\ea0f";
}

.supsi-pictogram-face--satisfied:before {
  content: "\ea10";
}

.supsi-pictogram-face--very--dissatisfied:before {
  content: "\ea11";
}

.supsi-pictogram-face--very--satisfied:before {
  content: "\ea12";
}

.supsi-pictogram-factory:before {
  content: "\ea13";
}

.supsi-pictogram-fairness:before {
  content: "\ea14";
}

.supsi-pictogram-farm--01:before {
  content: "\ea15";
}

.supsi-pictogram-farm--02:before {
  content: "\ea16";
}

.supsi-pictogram-farmer--01:before {
  content: "\ea17";
}

.supsi-pictogram-farmer--02:before {
  content: "\ea18";
}

.supsi-pictogram-faucet:before {
  content: "\ea19";
}

.supsi-pictogram-feedback--01:before {
  content: "\ea1a";
}

.supsi-pictogram-feedback--02:before {
  content: "\ea1b";
}

.supsi-pictogram-file--backup:before {
  content: "\ea1c";
}

.supsi-pictogram-file--transfer:before {
  content: "\ea1d";
}

.supsi-pictogram-filter--variable:before {
  content: "\ea1e";
}

.supsi-pictogram-finance--strategy:before {
  content: "\ea1f";
}

.supsi-pictogram-financial--consultant:before {
  content: "\ea20";
}

.supsi-pictogram-financial--gain:before {
  content: "\ea21";
}

.supsi-pictogram-financial--networks:before {
  content: "\ea22";
}

.supsi-pictogram-financial--news:before {
  content: "\ea23";
}

.supsi-pictogram-fire--alarm:before {
  content: "\ea24";
}

.supsi-pictogram-fire--extinguisher:before {
  content: "\ea25";
}

.supsi-pictogram-firefighter:before {
  content: "\ea26";
}

.supsi-pictogram-firewall:before {
  content: "\ea27";
}

.supsi-pictogram-first--aid:before {
  content: "\ea28";
}

.supsi-pictogram-flashing--content:before {
  content: "\ea29";
}

.supsi-pictogram-flash--storage:before {
  content: "\ea2a";
}

.supsi-pictogram-flow--chart:before {
  content: "\ea2b";
}

.supsi-pictogram-flow--chart--detail:before {
  content: "\ea2c";
}

.supsi-pictogram-flower--01:before {
  content: "\ea2d";
}

.supsi-pictogram-flower--02:before {
  content: "\ea2e";
}

.supsi-pictogram-fog:before {
  content: "\ea2f";
}

.supsi-pictogram-folder:before {
  content: "\ea30";
}

.supsi-pictogram-forklift:before {
  content: "\ea31";
}

.supsi-pictogram-fragile:before {
  content: "\ea32";
}

.supsi-pictogram-free--trial:before {
  content: "\ea33";
}

.supsi-pictogram-fuel:before {
  content: "\ea34";
}

.supsi-pictogram-gear:before {
  content: "\ea35";
}

.supsi-pictogram-get--ahead--of--risk--and--compliance:before {
  content: "\ea36";
}

.supsi-pictogram-gift:before {
  content: "\ea37";
}

.supsi-pictogram-global--analytics:before {
  content: "\ea38";
}

.supsi-pictogram-global--assets-and-recovery--01:before {
  content: "\ea39";
}

.supsi-pictogram-global--assets-and-recovery--02:before {
  content: "\ea3a";
}

.supsi-pictogram-global--business--services:before {
  content: "\ea3b";
}

.supsi-pictogram-global--currency:before {
  content: "\ea3c";
}

.supsi-pictogram-global--exchange:before {
  content: "\ea3d";
}

.supsi-pictogram-global--finance--euro:before {
  content: "\ea3e";
}

.supsi-pictogram-global--finance--network:before {
  content: "\ea3f";
}

.supsi-pictogram-global--finance--sterling:before {
  content: "\ea40";
}

.supsi-pictogram-global--markets:before {
  content: "\ea41";
}

.supsi-pictogram-global--markets--bar:before {
  content: "\ea42";
}

.supsi-pictogram-global--network:before {
  content: "\ea43";
}

.supsi-pictogram-global--partner:before {
  content: "\ea44";
}

.supsi-pictogram-global--security:before {
  content: "\ea45";
}

.supsi-pictogram-global--strategy:before {
  content: "\ea46";
}

.supsi-pictogram-global--technology--services:before {
  content: "\ea47";
}

.supsi-pictogram-globe:before {
  content: "\ea48";
}

.supsi-pictogram-globe--locations:before {
  content: "\ea49";
}

.supsi-pictogram-goals:before {
  content: "\ea4a";
}

.supsi-pictogram-go--language:before {
  content: "\ea4b";
}

.supsi-pictogram-govern--users--and--identities:before {
  content: "\ea4c";
}

.supsi-pictogram-group:before {
  content: "\ea4d";
}

.supsi-pictogram-growth:before {
  content: "\ea4e";
}

.supsi-pictogram-guitar:before {
  content: "\ea4f";
}

.supsi-pictogram-hail:before {
  content: "\ea50";
}

.supsi-pictogram-hail--heavy:before {
  content: "\ea51";
}

.supsi-pictogram-hail--mixed:before {
  content: "\ea52";
}

.supsi-pictogram-hamburg--philharmone:before {
  content: "\ea53";
}

.supsi-pictogram-handicap:before {
  content: "\ea54";
}

.supsi-pictogram-handicap--active:before {
  content: "\ea55";
}

.supsi-pictogram-hard--drive:before {
  content: "\ea56";
}

.supsi-pictogram-hard--drive--network:before {
  content: "\ea57";
}

.supsi-pictogram-hard--ice--cream:before {
  content: "\ea58";
}

.supsi-pictogram-hazy:before {
  content: "\ea59";
}

.supsi-pictogram-headphones:before {
  content: "\ea5a";
}

.supsi-pictogram-heart:before {
  content: "\ea5b";
}

.supsi-pictogram-heart--health:before {
  content: "\ea5c";
}

.supsi-pictogram-heat--map--01:before {
  content: "\ea5d";
}

.supsi-pictogram-heat--map--02:before {
  content: "\ea5e";
}

.supsi-pictogram-high--five:before {
  content: "\ea5f";
}

.supsi-pictogram-high--risk--users:before {
  content: "\ea60";
}

.supsi-pictogram-hills:before {
  content: "\ea61";
}

.supsi-pictogram-home--front:before {
  content: "\ea62";
}

.supsi-pictogram-home--garage:before {
  content: "\ea63";
}

.supsi-pictogram-home--profile:before {
  content: "\ea64";
}

.supsi-pictogram-hong-kong:before {
  content: "\ea65";
}

.supsi-pictogram-hong-kong--cityscape:before {
  content: "\ea66";
}

.supsi-pictogram-hospital:before {
  content: "\ea67";
}

.supsi-pictogram-hpi:before {
  content: "\ea68";
}

.supsi-pictogram-humid:before {
  content: "\ea69";
}

.supsi-pictogram-hurricane:before {
  content: "\ea6a";
}

.supsi-pictogram-hybrid--cloud:before {
  content: "\ea6b";
}

.supsi-pictogram-hybrid--cloud--02:before {
  content: "\ea6c";
}

.supsi-pictogram-hybrid--cloud--infrastructure:before {
  content: "\ea6d";
}

.supsi-pictogram-hybrid--cloud--services:before {
  content: "\ea6e";
}

.supsi-pictogram-ibm--automation-platform:before {
  content: "\ea6f";
}

.supsi-pictogram-ibm--cloud:before {
  content: "\ea70";
}

.supsi-pictogram-ibm--ix:before {
  content: "\ea71";
}

.supsi-pictogram-ibm--rpa:before {
  content: "\ea72";
}

.supsi-pictogram-ibm--z:before {
  content: "\ea73";
}

.supsi-pictogram-ibm--z-and-linuxone-multi-frame:before {
  content: "\ea74";
}

.supsi-pictogram-ibm--z-and-linuxone-single-frame:before {
  content: "\ea75";
}

.supsi-pictogram-ibm--z--partition:before {
  content: "\ea76";
}

.supsi-pictogram-id--badge:before {
  content: "\ea77";
}

.supsi-pictogram-idea:before {
  content: "\ea78";
}

.supsi-pictogram-ideate:before {
  content: "\ea79";
}

.supsi-pictogram-identity--trust--assessment:before {
  content: "\ea7a";
}

.supsi-pictogram-india--south-asia:before {
  content: "\ea7b";
}

.supsi-pictogram-infrastructure-security:before {
  content: "\ea7c";
}

.supsi-pictogram-innovate:before {
  content: "\ea7d";
}

.supsi-pictogram-insights:before {
  content: "\ea7e";
}

.supsi-pictogram-inspect--data:before {
  content: "\ea7f";
}

.supsi-pictogram-insurance:before {
  content: "\ea80";
}

.supsi-pictogram-integration:before {
  content: "\ea81";
}

.supsi-pictogram-intelligence:before {
  content: "\ea82";
}

.supsi-pictogram-intercom:before {
  content: "\ea83";
}

.supsi-pictogram-invoice:before {
  content: "\ea84";
}

.supsi-pictogram-iot--munich:before {
  content: "\ea85";
}

.supsi-pictogram-it--infrastructure-software:before {
  content: "\ea86";
}

.supsi-pictogram-java:before {
  content: "\ea87";
}

.supsi-pictogram-javascript:before {
  content: "\ea88";
}

.supsi-pictogram-juice:before {
  content: "\ea89";
}

.supsi-pictogram-justice:before {
  content: "\ea8a";
}

.supsi-pictogram-keep-dry:before {
  content: "\ea8b";
}

.supsi-pictogram-keyboard:before {
  content: "\ea8c";
}

.supsi-pictogram-key--users:before {
  content: "\ea8d";
}

.supsi-pictogram-knows--dark--data:before {
  content: "\ea8e";
}

.supsi-pictogram-kuala-lumpur:before {
  content: "\ea8f";
}

.supsi-pictogram-kubernetes:before {
  content: "\ea90";
}

.supsi-pictogram-kubernetes--pod:before {
  content: "\ea91";
}

.supsi-pictogram-language--01:before {
  content: "\ea92";
}

.supsi-pictogram-language--02:before {
  content: "\ea93";
}

.supsi-pictogram-language--03:before {
  content: "\ea94";
}

.supsi-pictogram-language--04:before {
  content: "\ea95";
}

.supsi-pictogram-language--05:before {
  content: "\ea96";
}

.supsi-pictogram-language--translation:before {
  content: "\ea97";
}

.supsi-pictogram-launch:before {
  content: "\ea98";
}

.supsi-pictogram-lightning:before {
  content: "\ea99";
}

.supsi-pictogram-list--bullet:before {
  content: "\ea9a";
}

.supsi-pictogram-list--checkbox:before {
  content: "\ea9b";
}

.supsi-pictogram-location:before {
  content: "\ea9c";
}

.supsi-pictogram-lock--01:before {
  content: "\ea9d";
}

.supsi-pictogram-lock--02:before {
  content: "\ea9e";
}

.supsi-pictogram-locked--network--01:before {
  content: "\ea9f";
}

.supsi-pictogram-locked--network--02:before {
  content: "\eaa0";
}

.supsi-pictogram-london:before {
  content: "\eaa1";
}

.supsi-pictogram-london--big-ben:before {
  content: "\eaa2";
}

.supsi-pictogram-love:before {
  content: "\eaa3";
}

.supsi-pictogram-luggage:before {
  content: "\eaa4";
}

.supsi-pictogram-lungs:before {
  content: "\eaa5";
}

.supsi-pictogram-machine--learning--01:before {
  content: "\eaa6";
}

.supsi-pictogram-machine--learning--02:before {
  content: "\eaa7";
}

.supsi-pictogram-machine--learning--03:before {
  content: "\eaa8";
}

.supsi-pictogram-machine--learning--04:before {
  content: "\eaa9";
}

.supsi-pictogram-machine--learning--05:before {
  content: "\eaaa";
}

.supsi-pictogram-machine--learning--06:before {
  content: "\eaab";
}

.supsi-pictogram-madrid--cathedral:before {
  content: "\eaac";
}

.supsi-pictogram-madrid--skyscrapers:before {
  content: "\eaad";
}

.supsi-pictogram-madrid--statue:before {
  content: "\eaae";
}

.supsi-pictogram-magnify:before {
  content: "\eaaf";
}

.supsi-pictogram-mail--verse:before {
  content: "\eab0";
}

.supsi-pictogram-manage-applications-anywhere:before {
  content: "\eab1";
}

.supsi-pictogram-managing--contractual--flow:before {
  content: "\eab2";
}

.supsi-pictogram-managing--items:before {
  content: "\eab3";
}

.supsi-pictogram-marketplace:before {
  content: "\eab4";
}

.supsi-pictogram-mas:before {
  content: "\eab5";
}

.supsi-pictogram-master--threat--hunting:before {
  content: "\eab6";
}

.supsi-pictogram-math--curve:before {
  content: "\eab7";
}

.supsi-pictogram-maximize:before {
  content: "\eab8";
}

.supsi-pictogram-medical:before {
  content: "\eab9";
}

.supsi-pictogram-medical--charts:before {
  content: "\eaba";
}

.supsi-pictogram-medical--staff:before {
  content: "\eabb";
}

.supsi-pictogram-melbourne:before {
  content: "\eabc";
}

.supsi-pictogram-meter:before {
  content: "\eabd";
}

.supsi-pictogram-mexico-city--angel-of-independence:before {
  content: "\eabe";
}

.supsi-pictogram-mexico-city--museo-soumaya:before {
  content: "\eabf";
}

.supsi-pictogram-microorganisms:before {
  content: "\eac0";
}

.supsi-pictogram-microphone:before {
  content: "\eac1";
}

.supsi-pictogram-microscope:before {
  content: "\eac2";
}

.supsi-pictogram-milan--duomo-di-milano:before {
  content: "\eac3";
}

.supsi-pictogram-milan--skyscrapers:before {
  content: "\eac4";
}

.supsi-pictogram-minimize:before {
  content: "\eac5";
}

.supsi-pictogram-mobile--add:before {
  content: "\eac6";
}

.supsi-pictogram-mobile--chat:before {
  content: "\eac7";
}

.supsi-pictogram-mobile--devices:before {
  content: "\eac8";
}

.supsi-pictogram-mobile--phone:before {
  content: "\eac9";
}

.supsi-pictogram-monitored--item--on--conveyor:before {
  content: "\eaca";
}

.supsi-pictogram-mortar-and-pestle:before {
  content: "\eacb";
}

.supsi-pictogram-moscow:before {
  content: "\eacc";
}

.supsi-pictogram-movement--in--overlapping--networks:before {
  content: "\eacd";
}

.supsi-pictogram-movement--of--goods--01:before {
  content: "\eace";
}

.supsi-pictogram-movement--of--goods--02:before {
  content: "\eacf";
}

.supsi-pictogram-movement--of--goods--03:before {
  content: "\ead0";
}

.supsi-pictogram-movement--of--items:before {
  content: "\ead1";
}

.supsi-pictogram-mqa:before {
  content: "\ead2";
}

.supsi-pictogram-mri:before {
  content: "\ead3";
}

.supsi-pictogram-mri--patient:before {
  content: "\ead4";
}

.supsi-pictogram-multitask:before {
  content: "\ead5";
}

.supsi-pictogram-munich:before {
  content: "\ead6";
}

.supsi-pictogram-natural--language--classifier:before {
  content: "\ead7";
}

.supsi-pictogram-natural--language--understanding:before {
  content: "\ead8";
}

.supsi-pictogram-network:before {
  content: "\ead9";
}

.supsi-pictogram-networking--01:before {
  content: "\eada";
}

.supsi-pictogram-networking--02:before {
  content: "\eadb";
}

.supsi-pictogram-networking--03:before {
  content: "\eadc";
}

.supsi-pictogram-networking--04:before {
  content: "\eadd";
}

.supsi-pictogram-networking--05:before {
  content: "\eade";
}

.supsi-pictogram-networking--06:before {
  content: "\eadf";
}

.supsi-pictogram-network--protection:before {
  content: "\eae0";
}

.supsi-pictogram-network--services:before {
  content: "\eae1";
}

.supsi-pictogram-nice:before {
  content: "\eae2";
}

.supsi-pictogram-night--clear:before {
  content: "\eae3";
}

.supsi-pictogram-no--smoking:before {
  content: "\eae4";
}

.supsi-pictogram-nyc--brooklyn:before {
  content: "\eae5";
}

.supsi-pictogram-nyc--chrysler-building:before {
  content: "\eae6";
}

.supsi-pictogram-nyc--manhattan--01:before {
  content: "\eae7";
}

.supsi-pictogram-nyc--manhattan--02:before {
  content: "\eae8";
}

.supsi-pictogram-nyc--statue-of-liberty:before {
  content: "\eae9";
}

.supsi-pictogram-nyc--world-trade-center:before {
  content: "\eaea";
}

.supsi-pictogram-office:before {
  content: "\eaeb";
}

.supsi-pictogram-oil--pump:before {
  content: "\eaec";
}

.supsi-pictogram-oil--rig:before {
  content: "\eaed";
}

.supsi-pictogram-okinawa:before {
  content: "\eaee";
}

.supsi-pictogram-open-source:before {
  content: "\eaef";
}

.supsi-pictogram-optimize--cash-flow--01:before {
  content: "\eaf0";
}

.supsi-pictogram-optimize--cash-flow--02:before {
  content: "\eaf1";
}

.supsi-pictogram-organization:before {
  content: "\eaf2";
}

.supsi-pictogram-overcast:before {
  content: "\eaf3";
}

.supsi-pictogram-overview:before {
  content: "\eaf4";
}

.supsi-pictogram-paper--clip:before {
  content: "\eaf5";
}

.supsi-pictogram-paris--arc-de-triomphe:before {
  content: "\eaf6";
}

.supsi-pictogram-paris--louvre:before {
  content: "\eaf7";
}

.supsi-pictogram-paris--notre-dame:before {
  content: "\eaf8";
}

.supsi-pictogram-paris--pompidou-center:before {
  content: "\eaf9";
}

.supsi-pictogram-parliament:before {
  content: "\eafa";
}

.supsi-pictogram-partner--relationship:before {
  content: "\eafb";
}

.supsi-pictogram-path:before {
  content: "\eafc";
}

.supsi-pictogram-pattern:before {
  content: "\eafd";
}

.supsi-pictogram-perfume:before {
  content: "\eafe";
}

.supsi-pictogram-person--01:before {
  content: "\eaff";
}

.supsi-pictogram-person--02:before {
  content: "\eb00";
}

.supsi-pictogram-person--03:before {
  content: "\eb01";
}

.supsi-pictogram-person--04:before {
  content: "\eb02";
}

.supsi-pictogram-person--05:before {
  content: "\eb03";
}

.supsi-pictogram-person--06:before {
  content: "\eb04";
}

.supsi-pictogram-person--07:before {
  content: "\eb05";
}

.supsi-pictogram-person--08:before {
  content: "\eb06";
}

.supsi-pictogram-person--09:before {
  content: "\eb07";
}

.supsi-pictogram-personality--insights:before {
  content: "\eb08";
}

.supsi-pictogram-peru--machu-picchu:before {
  content: "\eb09";
}

.supsi-pictogram-petri--culture:before {
  content: "\eb0a";
}

.supsi-pictogram-php--language:before {
  content: "\eb0b";
}

.supsi-pictogram-pill--bottle--01:before {
  content: "\eb0c";
}

.supsi-pictogram-pills:before {
  content: "\eb0d";
}

.supsi-pictogram-planning--analytics:before {
  content: "\eb0e";
}

.supsi-pictogram-player--flow:before {
  content: "\eb0f";
}

.supsi-pictogram-pli--language:before {
  content: "\eb10";
}

.supsi-pictogram-podcast:before {
  content: "\eb11";
}

.supsi-pictogram-police:before {
  content: "\eb12";
}

.supsi-pictogram-population--diagram:before {
  content: "\eb13";
}

.supsi-pictogram-portland--building:before {
  content: "\eb14";
}

.supsi-pictogram-power:before {
  content: "\eb15";
}

.supsi-pictogram-prague--charles-bridge-tower:before {
  content: "\eb16";
}

.supsi-pictogram-prague--dancing-house--01:before {
  content: "\eb17";
}

.supsi-pictogram-prague--dancing-house--02:before {
  content: "\eb18";
}

.supsi-pictogram-pregnant:before {
  content: "\eb19";
}

.supsi-pictogram-prescription:before {
  content: "\eb1a";
}

.supsi-pictogram-presentation:before {
  content: "\eb1b";
}

.supsi-pictogram-presenter:before {
  content: "\eb1c";
}

.supsi-pictogram-price:before {
  content: "\eb1d";
}

.supsi-pictogram-printer:before {
  content: "\eb1e";
}

.supsi-pictogram-private--network--01:before {
  content: "\eb1f";
}

.supsi-pictogram-private--network--02:before {
  content: "\eb20";
}

.supsi-pictogram-private--network--03:before {
  content: "\eb21";
}

.supsi-pictogram-private--network--04:before {
  content: "\eb22";
}

.supsi-pictogram-process:before {
  content: "\eb23";
}

.supsi-pictogram-professional--marketplace:before {
  content: "\eb24";
}

.supsi-pictogram-progress:before {
  content: "\eb25";
}

.supsi-pictogram-protect--critical--assets:before {
  content: "\eb26";
}

.supsi-pictogram-puzzle:before {
  content: "\eb27";
}

.supsi-pictogram-q-q-plot:before {
  content: "\eb28";
}

.supsi-pictogram-qr-code:before {
  content: "\eb29";
}

.supsi-pictogram-quantum-computing:before {
  content: "\eb2a";
}

.supsi-pictogram-question:before {
  content: "\eb2b";
}

.supsi-pictogram-question--and--answer:before {
  content: "\eb2c";
}

.supsi-pictogram-racetrack:before {
  content: "\eb2d";
}

.supsi-pictogram-rainy:before {
  content: "\eb2e";
}

.supsi-pictogram-rainy--heavy:before {
  content: "\eb2f";
}

.supsi-pictogram-raleigh-nc:before {
  content: "\eb30";
}

.supsi-pictogram-random--samples:before {
  content: "\eb31";
}

.supsi-pictogram-rank:before {
  content: "\eb32";
}

.supsi-pictogram-read-only:before {
  content: "\eb33";
}

.supsi-pictogram-receipt:before {
  content: "\eb34";
}

.supsi-pictogram-recycle:before {
  content: "\eb35";
}

.supsi-pictogram-recycle--bin:before {
  content: "\eb36";
}

.supsi-pictogram-red-hat--applications:before {
  content: "\eb37";
}

.supsi-pictogram-refinery:before {
  content: "\eb38";
}

.supsi-pictogram-refresh:before {
  content: "\eb39";
}

.supsi-pictogram-relationship--diagram:before {
  content: "\eb3a";
}

.supsi-pictogram-relationship--extraction:before {
  content: "\eb3b";
}

.supsi-pictogram-renew:before {
  content: "\eb3c";
}

.supsi-pictogram-renew--team:before {
  content: "\eb3d";
}

.supsi-pictogram-repeat:before {
  content: "\eb3e";
}

.supsi-pictogram-report:before {
  content: "\eb3f";
}

.supsi-pictogram-research:before {
  content: "\eb40";
}

.supsi-pictogram-reset:before {
  content: "\eb41";
}

.supsi-pictogram-reset--hybrid--cloud:before {
  content: "\eb42";
}

.supsi-pictogram-reset--settings:before {
  content: "\eb43";
}

.supsi-pictogram-retrieve--and--rank:before {
  content: "\eb44";
}

.supsi-pictogram-rich--text--format:before {
  content: "\eb45";
}

.supsi-pictogram-rio-de-janeiro:before {
  content: "\eb46";
}

.supsi-pictogram-r--language:before {
  content: "\eb47";
}

.supsi-pictogram-robot:before {
  content: "\eb48";
}

.supsi-pictogram-robotics:before {
  content: "\eb49";
}

.supsi-pictogram-rock-on:before {
  content: "\eb4a";
}

.supsi-pictogram-rome:before {
  content: "\eb4b";
}

.supsi-pictogram-rotate--device:before {
  content: "\eb4c";
}

.supsi-pictogram-saas--enablement:before {
  content: "\eb4d";
}

.supsi-pictogram-sales--connect:before {
  content: "\eb4e";
}

.supsi-pictogram-sample--file:before {
  content: "\eb4f";
}

.supsi-pictogram-san-francisco:before {
  content: "\eb50";
}

.supsi-pictogram-san-francisco--fog:before {
  content: "\eb51";
}

.supsi-pictogram-sao-paulo:before {
  content: "\eb52";
}

.supsi-pictogram-sap--hana:before {
  content: "\eb53";
}

.supsi-pictogram-satellite:before {
  content: "\eb54";
}

.supsi-pictogram-satellite--dish:before {
  content: "\eb55";
}

.supsi-pictogram-scale:before {
  content: "\eb56";
}

.supsi-pictogram-scatter--matrix:before {
  content: "\eb57";
}

.supsi-pictogram-seattle:before {
  content: "\eb58";
}

.supsi-pictogram-secure--data:before {
  content: "\eb59";
}

.supsi-pictogram-secure--hybrid--cloud:before {
  content: "\eb5a";
}

.supsi-pictogram-secure--profile:before {
  content: "\eb5b";
}

.supsi-pictogram-secure--search:before {
  content: "\eb5c";
}

.supsi-pictogram-security:before {
  content: "\eb5d";
}

.supsi-pictogram-security--as--a--service:before {
  content: "\eb5e";
}

.supsi-pictogram-security--hygiene:before {
  content: "\eb5f";
}

.supsi-pictogram-security--intelligence:before {
  content: "\eb60";
}

.supsi-pictogram-security--shield:before {
  content: "\eb61";
}

.supsi-pictogram-select--product:before {
  content: "\eb62";
}

.supsi-pictogram-select--range:before {
  content: "\eb63";
}

.supsi-pictogram-seoul--gyeongbokgung-palace:before {
  content: "\eb64";
}

.supsi-pictogram-serverless:before {
  content: "\eb65";
}

.supsi-pictogram-server--operating-systems:before {
  content: "\eb66";
}

.supsi-pictogram-server--rack:before {
  content: "\eb67";
}

.supsi-pictogram-servers:before {
  content: "\eb68";
}

.supsi-pictogram-shirt:before {
  content: "\eb69";
}

.supsi-pictogram-shop:before {
  content: "\eb6a";
}

.supsi-pictogram-shopping--cart:before {
  content: "\eb6b";
}

.supsi-pictogram-shower:before {
  content: "\eb6c";
}

.supsi-pictogram-singapore:before {
  content: "\eb6d";
}

.supsi-pictogram-single--sign-on:before {
  content: "\eb6e";
}

.supsi-pictogram-slack:before {
  content: "\eb6f";
}

.supsi-pictogram-slider:before {
  content: "\eb70";
}

.supsi-pictogram-sneaker:before {
  content: "\eb71";
}

.supsi-pictogram-snow:before {
  content: "\eb72";
}

.supsi-pictogram-social--work--01:before {
  content: "\eb73";
}

.supsi-pictogram-social--work--02:before {
  content: "\eb74";
}

.supsi-pictogram-social--worker:before {
  content: "\eb75";
}

.supsi-pictogram-socks:before {
  content: "\eb76";
}

.supsi-pictogram-soft--ice--cream:before {
  content: "\eb77";
}

.supsi-pictogram-softlayer--enablement:before {
  content: "\eb78";
}

.supsi-pictogram-solar--field:before {
  content: "\eb79";
}

.supsi-pictogram-solar--panel:before {
  content: "\eb7a";
}

.supsi-pictogram-solve:before {
  content: "\eb7b";
}

.supsi-pictogram-spaceship:before {
  content: "\eb7c";
}

.supsi-pictogram-speech:before {
  content: "\eb7d";
}

.supsi-pictogram-speech--to--text:before {
  content: "\eb7e";
}

.supsi-pictogram-speedometer:before {
  content: "\eb7f";
}

.supsi-pictogram-sports:before {
  content: "\eb80";
}

.supsi-pictogram-sprout:before {
  content: "\eb81";
}

.supsi-pictogram-stack-limitation:before {
  content: "\eb82";
}

.supsi-pictogram-stairs:before {
  content: "\eb83";
}

.supsi-pictogram-stairs--down:before {
  content: "\eb84";
}

.supsi-pictogram-stairs--plan--view:before {
  content: "\eb85";
}

.supsi-pictogram-stairs--up:before {
  content: "\eb86";
}

.supsi-pictogram-stationary--bicycle:before {
  content: "\eb87";
}

.supsi-pictogram-steel:before {
  content: "\eb88";
}

.supsi-pictogram-steering--wheel:before {
  content: "\eb89";
}

.supsi-pictogram-stem--leaf--plot:before {
  content: "\eb8a";
}

.supsi-pictogram-stethoscope:before {
  content: "\eb8b";
}

.supsi-pictogram-stockholm:before {
  content: "\eb8c";
}

.supsi-pictogram-storage--area-networks:before {
  content: "\eb8d";
}

.supsi-pictogram-storage--product:before {
  content: "\eb8e";
}

.supsi-pictogram-strategy:before {
  content: "\eb8f";
}

.supsi-pictogram-strategy--and--risk:before {
  content: "\eb90";
}

.supsi-pictogram-strategy--direct:before {
  content: "\eb91";
}

.supsi-pictogram-strategy--move:before {
  content: "\eb92";
}

.supsi-pictogram-strategy--play:before {
  content: "\eb93";
}

.supsi-pictogram-streamline:before {
  content: "\eb94";
}

.supsi-pictogram-summit:before {
  content: "\eb95";
}

.supsi-pictogram-sunny:before {
  content: "\eb96";
}

.supsi-pictogram-sunny--hazy:before {
  content: "\eb97";
}

.supsi-pictogram-supply--chain--optimization--01:before {
  content: "\eb98";
}

.supsi-pictogram-supply--chain--optimization--02:before {
  content: "\eb99";
}

.supsi-pictogram-support--services:before {
  content: "\eb9a";
}

.supsi-pictogram-swipe--left:before {
  content: "\eb9b";
}

.supsi-pictogram-swipe--right:before {
  content: "\eb9c";
}

.supsi-pictogram-synergy:before {
  content: "\eb9d";
}

.supsi-pictogram-systems-devops--analyze:before {
  content: "\eb9e";
}

.supsi-pictogram-systems-devops--build:before {
  content: "\eb9f";
}

.supsi-pictogram-systems-devops--cicd-pipeline:before {
  content: "\eba0";
}

.supsi-pictogram-systems-devops--code:before {
  content: "\eba1";
}

.supsi-pictogram-systems-devops--deploy:before {
  content: "\eba2";
}

.supsi-pictogram-systems-devops--monitor:before {
  content: "\eba3";
}

.supsi-pictogram-systems-devops--plan:before {
  content: "\eba4";
}

.supsi-pictogram-systems-devops--provision:before {
  content: "\eba5";
}

.supsi-pictogram-systems-devops--release:before {
  content: "\eba6";
}

.supsi-pictogram-systems-devops--test:before {
  content: "\eba7";
}

.supsi-pictogram-tablet--device:before {
  content: "\eba8";
}

.supsi-pictogram-tablet--device--check:before {
  content: "\eba9";
}

.supsi-pictogram-tags:before {
  content: "\ebaa";
}

.supsi-pictogram-taipei--bubble-tea:before {
  content: "\ebab";
}

.supsi-pictogram-tape--storage:before {
  content: "\ebac";
}

.supsi-pictogram-target:before {
  content: "\ebad";
}

.supsi-pictogram-target--area:before {
  content: "\ebae";
}

.supsi-pictogram-teacher:before {
  content: "\ebaf";
}

.supsi-pictogram-team--alignment:before {
  content: "\ebb0";
}

.supsi-pictogram-teammates:before {
  content: "\ebb1";
}

.supsi-pictogram-tel-aviv:before {
  content: "\ebb2";
}

.supsi-pictogram-telecom:before {
  content: "\ebb3";
}

.supsi-pictogram-telemedicine:before {
  content: "\ebb4";
}

.supsi-pictogram-telemedicine--mobile:before {
  content: "\ebb5";
}

.supsi-pictogram-telephone:before {
  content: "\ebb6";
}

.supsi-pictogram-television:before {
  content: "\ebb7";
}

.supsi-pictogram-temperature--high:before {
  content: "\ebb8";
}

.supsi-pictogram-temperature--low:before {
  content: "\ebb9";
}

.supsi-pictogram-temporary-badge:before {
  content: "\ebba";
}

.supsi-pictogram-tennis:before {
  content: "\ebbb";
}

.supsi-pictogram-test--tubes:before {
  content: "\ebbc";
}

.supsi-pictogram-text--equivalent:before {
  content: "\ebbd";
}

.supsi-pictogram-text--input:before {
  content: "\ebbe";
}

.supsi-pictogram-text--layout:before {
  content: "\ebbf";
}

.supsi-pictogram-text--to--speech:before {
  content: "\ebc0";
}

.supsi-pictogram-this-side-up:before {
  content: "\ebc1";
}

.supsi-pictogram-threat--management:before {
  content: "\ebc2";
}

.supsi-pictogram-time:before {
  content: "\ebc3";
}

.supsi-pictogram-time--lapse:before {
  content: "\ebc5";
}

.supsi-pictogram-time--plot:before {
  content: "\ebc6";
}

.supsi-pictogram-toggle:before {
  content: "\ebc7";
}

.supsi-pictogram-tokyo--cherry-blossom:before {
  content: "\ebc8";
}

.supsi-pictogram-tokyo--gates:before {
  content: "\ebc9";
}

.supsi-pictogram-tokyo--temple:before {
  content: "\ebca";
}

.supsi-pictogram-tokyo--volcano:before {
  content: "\ebcb";
}

.supsi-pictogram-tone--analyzer:before {
  content: "\ebcc";
}

.supsi-pictogram-tool--overload:before {
  content: "\ebcd";
}

.supsi-pictogram-tools:before {
  content: "\ebce";
}

.supsi-pictogram-tornado:before {
  content: "\ebcf";
}

.supsi-pictogram-toronto:before {
  content: "\ebd0";
}

.supsi-pictogram-touch:before {
  content: "\ebd1";
}

.supsi-pictogram-touch--gesture:before {
  content: "\ebd2";
}

.supsi-pictogram-touch--id:before {
  content: "\ebd3";
}

.supsi-pictogram-touch--screen:before {
  content: "\ebd4";
}

.supsi-pictogram-touch--swipe:before {
  content: "\ebd5";
}

.supsi-pictogram-tractor:before {
  content: "\ebd6";
}

.supsi-pictogram-tradeoff--analytics:before {
  content: "\ebd7";
}

.supsi-pictogram-train:before {
  content: "\ebd8";
}

.supsi-pictogram-transactional--blockchain:before {
  content: "\ebd9";
}

.supsi-pictogram-transactional--trust:before {
  content: "\ebda";
}

.supsi-pictogram-transform--01:before {
  content: "\ebdb";
}

.supsi-pictogram-transform--02:before {
  content: "\ebdc";
}

.supsi-pictogram-transparency--01:before {
  content: "\ebdd";
}

.supsi-pictogram-transparency--02:before {
  content: "\ebde";
}

.supsi-pictogram-trash:before {
  content: "\ebdf";
}

.supsi-pictogram-tree:before {
  content: "\ebe0";
}

.supsi-pictogram-tree--diagram:before {
  content: "\ebe1";
}

.supsi-pictogram-tree--map:before {
  content: "\ebe2";
}

.supsi-pictogram-trousers:before {
  content: "\ebe3";
}

.supsi-pictogram-trust:before {
  content: "\ebe4";
}

.supsi-pictogram-trusted--user:before {
  content: "\ebe5";
}

.supsi-pictogram-t-shirt:before {
  content: "\ebe6";
}

.supsi-pictogram-two-person-lift:before {
  content: "\ebe7";
}

.supsi-pictogram-unauthorized--user--access:before {
  content: "\ebe8";
}

.supsi-pictogram-under--utilized--security:before {
  content: "\ebe9";
}

.supsi-pictogram-unify--endpoint--management:before {
  content: "\ebea";
}

.supsi-pictogram-universal-experiences:before {
  content: "\ebeb";
}

.supsi-pictogram-university:before {
  content: "\ebec";
}

.supsi-pictogram-unlock--01:before {
  content: "\ebed";
}

.supsi-pictogram-unlock--02:before {
  content: "\ebee";
}

.supsi-pictogram-upload--01:before {
  content: "\ebef";
}

.supsi-pictogram-upload--02:before {
  content: "\ebf0";
}

.supsi-pictogram-uruguay--palacio-salvo:before {
  content: "\ebf1";
}

.supsi-pictogram-uruguay--sol-de-mayo:before {
  content: "\ebf2";
}

.supsi-pictogram-user:before {
  content: "\ebf3";
}

.supsi-pictogram-user--analytics:before {
  content: "\ebf4";
}

.supsi-pictogram-user--experience-design:before {
  content: "\ebf5";
}

.supsi-pictogram-user--insights:before {
  content: "\ebf6";
}

.supsi-pictogram-user--interface:before {
  content: "\ebf7";
}

.supsi-pictogram-user--profile:before {
  content: "\ebf8";
}

.supsi-pictogram-user--search:before {
  content: "\ebf9";
}

.supsi-pictogram-vancouver:before {
  content: "\ebfa";
}

.supsi-pictogram-venezuela--national-pantheon-of-venezuela:before {
  content: "\ebfb";
}

.supsi-pictogram-video--01:before {
  content: "\ebfc";
}

.supsi-pictogram-video--02:before {
  content: "\ebfd";
}

.supsi-pictogram-video--chat:before {
  content: "\ebfe";
}

.supsi-pictogram-video--play:before {
  content: "\ebff";
}

.supsi-pictogram-virtual--server:before {
  content: "\ec00";
}

.supsi-pictogram-virtual--storage:before {
  content: "\ec01";
}

.supsi-pictogram-virus:before {
  content: "\ec02";
}

.supsi-pictogram-vision:before {
  content: "\ec03";
}

.supsi-pictogram-visual--design:before {
  content: "\ec04";
}

.supsi-pictogram-visual--insights:before {
  content: "\ec05";
}

.supsi-pictogram-visual--recognition:before {
  content: "\ec06";
}

.supsi-pictogram-warning--01:before {
  content: "\ec07";
}

.supsi-pictogram-warning--02:before {
  content: "\ec08";
}

.supsi-pictogram-washer:before {
  content: "\ec09";
}

.supsi-pictogram-washington-dc:before {
  content: "\ec0a";
}

.supsi-pictogram-washington-dc--capitol:before {
  content: "\ef2e";
}

.supsi-pictogram-washington-dc--monument:before {
  content: "\ef2f";
}

.supsi-pictogram-watson--logo:before {
  content: "\ef30";
}

.supsi-pictogram-weather:before {
  content: "\ef31";
}

.supsi-pictogram-webcast:before {
  content: "\ef32";
}

.supsi-pictogram-web--developer:before {
  content: "\ef33";
}

.supsi-pictogram-wedding--cake:before {
  content: "\ef34";
}

.supsi-pictogram-wheat:before {
  content: "\ef35";
}

.supsi-pictogram-wifi:before {
  content: "\ef36";
}

.supsi-pictogram-windows:before {
  content: "\ef37";
}

.supsi-pictogram-wind--power:before {
  content: "\ef38";
}

.supsi-pictogram-windy:before {
  content: "\ef39";
}

.supsi-pictogram-wine:before {
  content: "\ef3a";
}

.supsi-pictogram-wireless--home:before {
  content: "\ef3b";
}

.supsi-pictogram-wireless--modem:before {
  content: "\ef3c";
}

.supsi-pictogram-word--cloud:before {
  content: "\ef3d";
}

.supsi-pictogram-workday:before {
  content: "\ef3e";
}

.supsi-pictogram-world--community--grid:before {
  content: "\ef3f";
}

.supsi-pictogram-wrecking--ball:before {
  content: "\ef40";
}

.supsi-pictogram-x-ray--01:before {
  content: "\ef41";
}

.supsi-pictogram-x-ray--02:before {
  content: "\ef42";
}

.supsi-pictogram-yoga--01:before {
  content: "\ef43";
}

.supsi-pictogram-yoga--02:before {
  content: "\ef44";
}

.supsi-pictogram-flash:before {
  content: "\ebc4";
}

/*!
 * Bootstrap-select v1.13.14 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */
@-webkit-keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
select.bs-select-hidden,
.bootstrap-select > select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}

.bootstrap-select {
  width: 220px \0 ;
  /*IE9 and below*/
  vertical-align: middle;
}

.bootstrap-select > .dropdown-toggle {
  position: relative;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.bootstrap-select > .dropdown-toggle:after {
  margin-top: -1px;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #999;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
  color: rgba(255, 255, 255, 0.5);
}

.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
  z-index: 0 !important;
}

.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2 !important;
}

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.bootstrap-select.is-invalid .dropdown-toggle,
.was-validated .bootstrap-select select:invalid + .dropdown-toggle {
  border-color: #b94a48;
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid + .dropdown-toggle {
  border-color: #28a745;
}

.bootstrap-select.fit-width {
  width: auto !important;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 220px;
}

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
  height: auto;
}

:not(.input-group) > .bootstrap-select.form-control:not([class*=col-]) {
  width: 100%;
}

.bootstrap-select.form-control.input-group-btn {
  float: none;
  z-index: auto;
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*=col-]) {
  width: auto;
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
  float: none;
  display: inline-block;
  margin-left: 0;
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*=col-].dropdown-menu-right,
.row .bootstrap-select[class*=col-].dropdown-menu-right {
  float: right;
}

.form-inline .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-group .bootstrap-select {
  margin-bottom: 0;
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
  padding: 0;
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}

.bootstrap-select.form-control-sm .dropdown-toggle,
.bootstrap-select.form-control-lg .dropdown-toggle {
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}

.bootstrap-select.form-control-sm .dropdown-toggle {
  padding: 0.25rem 0.5rem;
}

.bootstrap-select.form-control-lg .dropdown-toggle {
  padding: 0.5rem 1rem;
}

.form-inline .bootstrap-select .form-control {
  width: 100%;
}

.bootstrap-select.disabled,
.bootstrap-select > .disabled {
  cursor: not-allowed;
}

.bootstrap-select.disabled:focus,
.bootstrap-select > .disabled:focus {
  outline: none !important;
}

.bootstrap-select.bs-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 0 !important;
  padding: 0 !important;
}

.bootstrap-select.bs-container .dropdown-menu {
  z-index: 1060;
}

.bootstrap-select .dropdown-toggle .filter-option {
  position: static;
  top: 0;
  left: 0;
  float: left;
  height: 100%;
  width: 100%;
  text-align: left;
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
  padding-right: inherit;
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
  position: absolute;
  padding-top: inherit;
  padding-bottom: inherit;
  padding-left: inherit;
  float: none;
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
  padding-right: inherit;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: hidden;
}

.bootstrap-select .dropdown-toggle .filter-expand {
  width: 0 !important;
  float: left;
  opacity: 0 !important;
  overflow: hidden;
}

.bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
  border-radius: inherit;
}

.bootstrap-select[class*=col-] .dropdown-toggle {
  width: 100%;
}

.bootstrap-select .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bootstrap-select .dropdown-menu > .inner:focus {
  outline: none !important;
}

.bootstrap-select .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.bootstrap-select .dropdown-menu li {
  position: relative;
}

.bootstrap-select .dropdown-menu li.active small {
  color: rgba(255, 255, 255, 0.5) !important;
}

.bootstrap-select .dropdown-menu li.disabled a {
  cursor: not-allowed;
}

.bootstrap-select .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.bootstrap-select .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}

.bootstrap-select .dropdown-menu li a span.check-mark {
  display: none;
}

.bootstrap-select .dropdown-menu li a span.text {
  display: inline-block;
}

.bootstrap-select .dropdown-menu li small {
  padding-left: 0.5em;
}

.bootstrap-select .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
  -webkit-animation: 300ms linear 750ms forwards bs-notify-fadeOut;
  -o-animation: 300ms linear 750ms forwards bs-notify-fadeOut;
  animation: 300ms linear 750ms forwards bs-notify-fadeOut;
}

.bootstrap-select .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
  position: static;
  display: inline;
  padding: 0;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
  display: inline;
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
  content: " ";
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 5px;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}

.bootstrap-select .bs-ok-default:after {
  content: "";
  display: block;
  width: 0.5em;
  height: 1em;
  border-style: solid;
  border-width: 0 0.26em 0.26em 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
  z-index: 1061;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
  bottom: auto;
  top: -4px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
  bottom: auto;
  top: -4px;
  border-top: 6px solid white;
  border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
  right: 12px;
  left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
  right: 13px;
  left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
  display: block;
}

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}

.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bs-actionsbox .btn-group button {
  width: 50%;
}

.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bs-donebutton .btn-group button {
  width: 100%;
}

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}

.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
}


/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
  background: transparent;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
  width: auto;
  padding: 0;
}

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

svg.leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */
.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline-offset: 1px;
}

.leaflet-container a {
  color: #0078A8;
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

/* general typography */
.leaflet-container {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover,
.leaflet-bar a:focus {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px "Lucida Console", Monaco, monospace;
  text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  background-image: url(../images/leaflet/layers.png);
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(../images/leaflet/layers-2x.png);
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
  font-size: 13px;
  font-size: 1.08333em;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
  background-image: url(../images/leaflet/marker-icon.png);
}

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  line-height: 1.4;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
  text-decoration: underline;
}

.leaflet-attribution-flag {
  display: inline !important;
  vertical-align: baseline !important;
  width: 1em;
  height: 0.6669em;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}

.leaflet-popup-content {
  margin: 13px 24px 13px 20px;
  line-height: 1.3;
  font-size: 13px;
  font-size: 1.08333em;
  min-height: 1px;
}

.leaflet-popup-content p {
  margin: 17px 0;
  margin: 1.3em 0;
}

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  pointer-events: auto;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 24px;
  height: 24px;
  font: 16px/24px Tahoma, Verdana, sans-serif;
  color: #757575;
  text-decoration: none;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
  color: #585858;
}

.leaflet-popup-scrolled {
  overflow: auto;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}

.leaflet-tooltip-top {
  margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}

.leaflet-tooltip-left {
  margin-left: -6px;
}

.leaflet-tooltip-right {
  margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}

.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}

.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}

/* Printing */
@media print {
  /* Prevent printers from removing background-images of controls. */
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
/* Cookies Consent */
:root {
  --cc-bg:#fff;
  --cc-text:#2d4156;
  --cc-border-radius:.35em;
  --cc-btn-primary-bg:#2d4156;
  --cc-btn-primary-text:var(--cc-bg);
  --cc-btn-primary-hover-bg:#1d2e38;
  --cc-btn-secondary-bg:#eaeff2;
  --cc-btn-secondary-text:var(--cc-text);
  --cc-btn-secondary-hover-bg:#d8e0e6;
  --cc-btn-border-radius:4px;
  --cc-toggle-bg-off:#919ea6;
  --cc-toggle-bg-on:var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly:#d5dee2;
  --cc-toggle-knob-bg:#fff;
  --cc-toggle-knob-icon-color:#ecf2fa;
  --cc-block-text:var(--cc-text);
  --cc-cookie-category-block-bg:#f0f4f7;
  --cc-cookie-category-block-bg-hover:#e9eff4;
  --cc-section-border:#f1f3f5;
  --cc-cookie-table-border:#e9edf2;
  --cc-overlay-bg:rgba(4,6,8,.85);
  --cc-webkit-scrollbar-bg:#cfd5db;
  --cc-webkit-scrollbar-bg-hover:#9199a0;
}

.c_darkmode {
  --cc-bg:#181b1d;
  --cc-text:#d8e5ea;
  --cc-btn-primary-bg:#a6c4dd;
  --cc-btn-primary-text:#000;
  --cc-btn-primary-hover-bg:#c2dff7;
  --cc-btn-secondary-bg:#33383c;
  --cc-btn-secondary-text:var(--cc-text);
  --cc-btn-secondary-hover-bg:#3e454a;
  --cc-toggle-bg-off:#667481;
  --cc-toggle-bg-on:var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly:#454c54;
  --cc-toggle-knob-bg:var(--cc-cookie-category-block-bg);
  --cc-toggle-knob-icon-color:var(--cc-bg);
  --cc-block-text:#b3bfc5;
  --cc-cookie-category-block-bg:#23272a;
  --cc-cookie-category-block-bg-hover:#2b3035;
  --cc-section-border:#292d31;
  --cc-cookie-table-border:#2b3035;
  --cc-webkit-scrollbar-bg:#667481;
  --cc-webkit-scrollbar-bg-hover:#9199a0;
}

.cc_div *, .cc_div :after, .cc_div :before, .cc_div :hover {
  animation: none;
  background: none;
  border: none;
  border-radius: unset;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  float: none;
  font-family: inherit;
  font-size: 1em;
  font-style: inherit;
  font-variant: normal;
  font-weight: inherit;
  height: auto;
  letter-spacing: unset;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  transition: none;
  vertical-align: baseline;
  visibility: unset;
}

.cc_div {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2d4156;
  color: var(--cc-text);
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 16px;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}

#c-ttl, #s-bl td:before, #s-ttl, .cc_div .b-tl, .cc_div .c-bn {
  font-weight: 600;
}

#cm, #s-bl .act .b-acc, #s-inr, .cc_div .b-tl, .cc_div .c-bl {
  border-radius: 0.35em;
  border-radius: var(--cc-border-radius);
}

#s-bl .act .b-acc {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.cc_div a, .cc_div button, .cc_div input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: hidden;
}

.cc_div a {
  border-bottom: 1px solid;
}

.cc_div a:hover {
  border-color: transparent;
  text-decoration: none;
}

#cm-ov, #cs-ov, .c--anim #cm, .c--anim #s-cnt, .c--anim #s-inr {
  transition: visibility 0.25s linear, opacity 0.25s ease, transform 0.25s ease !important;
}

.c--anim .c-bn {
  transition: background-color 0.25s ease !important;
}

.c--anim #cm.bar.slide, .c--anim #cm.bar.slide + #cm-ov, .c--anim .bar.slide #s-inr, .c--anim .bar.slide + #cs-ov {
  transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease !important;
}

#cm.bar.slide, .cc_div .bar.slide #s-inr {
  opacity: 1;
  transform: translateX(100%);
}

#cm.bar.top.slide, .cc_div .bar.left.slide #s-inr {
  opacity: 1;
  transform: translateX(-100%);
}

#cm.slide, .cc_div .slide #s-inr {
  transform: translateY(1.6em);
}

#cm.top.slide {
  transform: translateY(-1.6em);
}

#cm.bar.slide {
  transform: translateY(100%);
}

#cm.bar.top.slide {
  transform: translateY(-100%);
}

.show--consent .c--anim #cm, .show--consent .c--anim #cm.bar, .show--settings .c--anim #s-inr, .show--settings .c--anim .bar.slide #s-inr {
  opacity: 1;
  transform: scale(1);
  visibility: visible !important;
}

.show--consent .c--anim #cm.box.middle, .show--consent .c--anim #cm.cloud.middle {
  transform: scale(1) translateY(-50%);
}

.show--settings .c--anim #s-cnt {
  visibility: visible !important;
}

.force--consent.show--consent .c--anim #cm-ov, .show--settings .c--anim #cs-ov {
  opacity: 1 !important;
  visibility: visible !important;
}

#cm {
  background: #fff;
  background: var(--cc-bg);
  bottom: 1.25em;
  box-shadow: 0 0.625em 1.875em #000;
  box-shadow: 0 0.625em 1.875em rgba(2, 2, 3, 0.28);
  font-family: inherit;
  line-height: normal;
  max-width: 24.2em;
  opacity: 0;
  padding: 1.1em 1.5em 1.4em;
  position: fixed;
  right: 1.25em;
  transform: scale(0.95);
  visibility: hidden;
  width: 100%;
  z-index: 1;
}

#cc_div #cm {
  display: block !important;
}

#c-ttl {
  font-size: 1.05em;
  margin-bottom: 0.7em;
}

.cloud #c-ttl {
  margin-top: -0.15em;
}

#c-txt {
  font-size: 0.9em;
  line-height: 1.5em;
}

.cc_div #c-bns {
  display: flex;
  justify-content: space-between;
  margin-top: 1.4em;
}

.cc_div .c-bn {
  background: #eaeff2;
  background: var(--cc-btn-secondary-bg);
  border-radius: 4px;
  border-radius: var(--cc-btn-border-radius);
  color: #2d4156;
  color: var(--cc-btn-secondary-text);
  cursor: pointer;
  display: inline-block;
  flex: 1;
  font-size: 0.82em;
  padding: 1em 1.7em;
  text-align: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

#c-bns button + button, #s-c-bn, #s-cnt button + button {
  float: right;
  margin-left: 1em;
}

#s-cnt #s-rall-bn {
  float: none;
}

#cm .c_link:active, #cm .c_link:hover, #s-c-bn:active, #s-c-bn:hover, #s-cnt button + button:active, #s-cnt button + button:hover {
  background: #d8e0e6;
  background: var(--cc-btn-secondary-hover-bg);
}

#s-cnt {
  display: table;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 101;
}

#s-bl {
  outline: none;
}

#s-bl .title {
  margin-top: 1.4em;
}

#s-bl .b-bn, #s-bl .title:first-child {
  margin-top: 0;
}

#s-bl .b-acc .p {
  margin-top: 0;
  padding: 1em;
}

#s-cnt .b-bn .b-tl {
  background: none;
  display: block;
  font-family: inherit;
  font-size: 0.95em;
  padding: 1.3em 6.4em 1.3em 2.7em;
  position: relative;
  transition: background-color 0.25s ease;
  width: 100%;
}

#s-cnt .b-bn .b-tl.exp {
  cursor: pointer;
}

#s-cnt .act .b-bn .b-tl {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#s-cnt .b-bn .b-tl:active, #s-cnt .b-bn .b-tl:hover {
  background: #e9eff4;
  background: var(--cc-cookie-category-block-bg-hover);
}

#s-bl .b-bn {
  position: relative;
}

#s-bl .c-bl {
  border: 1px solid #f1f3f5;
  border: 1px solid var(--cc-section-border);
  margin-bottom: 0.5em;
  padding: 1em;
  transition: background-color 0.25s ease;
}

#s-bl .c-bl:hover {
  background: #f0f4f7;
  background: var(--cc-cookie-category-block-bg);
}

#s-bl .c-bl:last-child {
  margin-bottom: 0.5em;
}

#s-bl .c-bl:first-child {
  border: none;
  margin-bottom: 2em;
  margin-top: 0;
  padding: 0;
  transition: none;
}

#s-bl .c-bl:not(.b-ex):first-child:hover {
  background: transparent;
  background: unset;
}

#s-bl .c-bl.b-ex {
  background: #f0f4f7;
  background: var(--cc-cookie-category-block-bg);
  border: none;
  padding: 0;
  transition: none;
}

#s-bl .c-bl.b-ex + .c-bl {
  margin-top: 2em;
}

#s-bl .c-bl.b-ex + .c-bl.b-ex {
  margin-top: 0;
}

#s-bl .c-bl.b-ex:first-child {
  margin-bottom: 1em;
  margin-bottom: 0.5em;
}

#s-bl .b-acc {
  display: none;
  margin-bottom: 0;
  max-height: 0;
  overflow: hidden;
  padding-top: 0;
}

#s-bl .act .b-acc {
  display: block;
  max-height: 100%;
  overflow: hidden;
}

#s-cnt .p {
  color: #2d4156;
  color: var(--cc-block-text);
  font-size: 0.9em;
  line-height: 1.5em;
  margin-top: 0.85em;
}

.cc_div .b-tg .c-tgl:disabled {
  cursor: not-allowed;
}

#c-vln {
  display: table-cell;
  position: relative;
  vertical-align: middle;
}

#cs {
  bottom: 0;
  left: 0;
  padding: 0 1.7em;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
}

#cs, #s-inr {
  height: 100%;
}

#s-inr {
  box-shadow: 0 13px 27px -5px rgba(3, 6, 9, 0.26);
  margin: 0 auto;
  max-width: 45em;
  opacity: 0;
  overflow: hidden;
  padding-bottom: 4.75em;
  padding-top: 4.75em;
  position: relative;
  transform: scale(0.96);
  visibility: hidden;
}

#s-bns, #s-hdr, #s-inr {
  background: #fff;
  background: var(--cc-bg);
}

#s-bl {
  display: block;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-y: overlay;
  padding: 1.3em 1.8em;
  width: 100%;
}

#s-bns {
  border-top: 1px solid #f1f3f5;
  border-top: 1px solid var(--cc-section-border);
  bottom: 0;
  height: 4.75em;
  left: 0;
  padding: 1em 1.8em;
  position: absolute;
  right: 0;
}

.cc_div .cc-link {
  border-bottom: 1px solid #2d4156;
  border-bottom: 1px solid var(--cc-btn-primary-bg);
  color: #2d4156;
  color: var(--cc-btn-primary-bg);
  cursor: pointer;
  display: inline;
  font-weight: 600;
  padding-bottom: 0;
  text-decoration: none;
}

.cc_div .cc-link:active, .cc_div .cc-link:hover {
  border-color: transparent;
}

#c-bns button:first-child, #s-bns button:first-child {
  background: #2d4156;
  background: var(--cc-btn-primary-bg);
  color: #fff;
  color: var(--cc-btn-primary-text);
}

#c-bns.swap button:first-child {
  background: #eaeff2;
  background: var(--cc-btn-secondary-bg);
  color: #2d4156;
  color: var(--cc-btn-secondary-text);
}

#c-bns.swap button:last-child {
  background: #2d4156;
  background: var(--cc-btn-primary-bg);
  color: #fff;
  color: var(--cc-btn-primary-text);
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg {
  background: #2d4156;
  background: var(--cc-toggle-bg-on);
}

#c-bns button:first-child:active, #c-bns button:first-child:hover, #c-bns.swap button:last-child:active, #c-bns.swap button:last-child:hover, #s-bns button:first-child:active, #s-bns button:first-child:hover {
  background: #1d2e38;
  background: var(--cc-btn-primary-hover-bg);
}

#c-bns.swap button:first-child:active, #c-bns.swap button:first-child:hover {
  background: #d8e0e6;
  background: var(--cc-btn-secondary-hover-bg);
}

#s-hdr {
  border-bottom: 1px solid #f1f3f5;
  border-bottom: 1px solid var(--cc-section-border);
  display: table;
  height: 4.75em;
  padding: 0 1.8em;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

#s-hdr, #s-ttl {
  vertical-align: middle;
}

#s-ttl {
  display: table-cell;
  font-size: 1em;
}

#s-c-bn {
  font-size: 1.45em;
  font-weight: 400;
  height: 1.7em;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 1.7em;
}

#s-c-bnc {
  display: table-cell;
  vertical-align: middle;
}

.cc_div span.t-lb {
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1;
}

#c_policy__text {
  height: 31.25em;
  margin-top: 1.25em;
  overflow-y: auto;
}

#c-s-in {
  height: 100%;
  height: calc(100% - 2.5em);
  max-height: 37.5em;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (min-width: 688px) {
  #s-bl::-webkit-scrollbar {
    background: transparent;
    border-radius: 0 0.25em 0.25em 0;
    height: 100%;
    width: 0.9em;
  }
  #s-bl::-webkit-scrollbar-thumb {
    background: #cfd5db;
    background: var(--cc-webkit-scrollbar-bg);
    border: 0.25em solid #fff;
    border: 0.25em solid var(--cc-bg);
    border-radius: 100em;
  }
  #s-bl::-webkit-scrollbar-thumb:hover {
    background: #9199a0;
    background: var(--cc-webkit-scrollbar-bg-hover);
  }
  #s-bl::-webkit-scrollbar-button {
    height: 5px;
    width: 10px;
  }
}
.cc_div .b-tg {
  bottom: 0;
  display: inline-block;
  margin: auto;
  right: 0;
  right: 1.2em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}

.cc_div .b-tg, .cc_div .b-tg .c-tgl {
  cursor: pointer;
  position: absolute;
  top: 0;
}

.cc_div .b-tg .c-tgl {
  border: 0;
  display: block;
  left: 0;
  margin: 0;
}

.cc_div .b-tg .c-tg {
  background: #919ea6;
  background: var(--cc-toggle-bg-off);
  pointer-events: none;
  position: absolute;
  transition: background-color 0.25s ease, box-shadow 0.25s ease;
}

.cc_div .b-tg, .cc_div .b-tg .c-tg, .cc_div .b-tg .c-tgl, .cc_div span.t-lb {
  border-radius: 4em;
  height: 1.5em;
  width: 3.4em;
}

.cc_div .b-tg .c-tg.c-ro {
  cursor: not-allowed;
}

.cc_div .b-tg .c-tgl ~ .c-tg.c-ro {
  background: #d5dee2;
  background: var(--cc-toggle-bg-readonly);
}

.cc_div .b-tg .c-tgl ~ .c-tg.c-ro:after {
  box-shadow: none;
}

.cc_div .b-tg .c-tg:after {
  background: #fff;
  background: var(--cc-toggle-knob-bg);
  border: none;
  border-radius: 100%;
  box-shadow: 0 1px 2px rgba(24, 32, 35, 0.36);
  box-sizing: content-box;
  content: "";
  display: block;
  height: 1.25em;
  left: 0.125em;
  position: relative;
  top: 0.125em;
  transition: transform 0.25s ease;
  width: 1.25em;
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg:after {
  transform: translateX(1.9em);
}

#s-bl table, #s-bl td, #s-bl th {
  border: none;
}

#s-bl tbody tr {
  transition: background-color 0.25s ease;
}

#s-bl tbody tr:hover {
  background: #e9eff4;
  background: var(--cc-cookie-category-block-bg-hover);
}

#s-bl table {
  border-collapse: collapse;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-align: left;
  width: 100%;
}

#s-bl td, #s-bl th {
  font-size: 0.8em;
  padding: 0.8em 0.625em 0.8em 1.2em;
  text-align: left;
  vertical-align: top;
}

#s-bl th {
  font-family: inherit;
  padding: 1.2em;
}

#s-bl thead tr:first-child {
  border-bottom: 1px solid #e9edf2;
  border-bottom: 1px solid var(--cc-cookie-table-border);
}

.force--consent #cs, .force--consent #s-cnt {
  width: 100vw;
}

#cm-ov, #cs-ov {
  background: #070707;
  background: rgba(4, 6, 8, 0.85);
  background: var(--cc-overlay-bg);
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: none;
  visibility: hidden;
}

.c--anim #cs-ov, .force--consent .c--anim #cm-ov, .force--consent.show--consent #cm-ov, .show--settings #cs-ov {
  display: block;
}

#cs-ov {
  z-index: 2;
}

.force--consent .cc_div {
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  transition: visibility 0.25s linear;
  visibility: hidden;
  width: 100%;
  width: 100vw;
}

.force--consent.show--consent .c--anim .cc_div, .force--consent.show--settings .c--anim .cc_div {
  visibility: visible;
}

.force--consent #cm {
  position: absolute;
}

.force--consent #cm.bar {
  max-width: 100vw;
  width: 100vw;
}

html.force--consent.show--consent {
  overflow-y: hidden !important;
}

html.force--consent.show--consent, html.force--consent.show--consent body {
  height: auto !important;
  overflow-x: hidden !important;
}

.cc_div .act .b-bn .exp:before, .cc_div .b-bn .exp:before {
  border: solid #2d4156;
  border: solid var(--cc-btn-secondary-text);
  border-width: 0 2px 2px 0;
  content: "";
  display: inline-block;
  left: 1.2em;
  margin-right: 15px;
  padding: 0.2em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.cc_div .act .b-bn .b-tl:before {
  transform: translateY(-20%) rotate(225deg);
}

.cc_div .on-i:before {
  border: solid #ecf2fa;
  border: solid var(--cc-toggle-knob-icon-color);
  border-width: 0 2px 2px 0;
  display: inline-block;
  left: 0.75em;
  padding: 0.1em 0.1em 0.45em;
  top: 0.37em;
}

#s-c-bn:after, #s-c-bn:before, .cc_div .on-i:before {
  content: "";
  margin: 0 auto;
  position: absolute;
  transform: rotate(45deg);
}

#s-c-bn:after, #s-c-bn:before {
  background: #2d4156;
  background: var(--cc-btn-secondary-text);
  border-radius: 1em;
  height: 0.6em;
  left: 0.82em;
  top: 0.58em;
  width: 1.5px;
}

#s-c-bn:after {
  transform: rotate(-45deg);
}

.cc_div .off-i, .cc_div .on-i {
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  text-align: center;
  transition: opacity 0.15s ease;
  width: 50%;
}

.cc_div .on-i {
  left: 0;
  opacity: 0;
}

.cc_div .off-i:after, .cc_div .off-i:before {
  background: #ecf2fa;
  background: var(--cc-toggle-knob-icon-color);
  content: " ";
  display: block;
  height: 0.7em;
  margin: 0 auto;
  position: absolute;
  right: 0.8em;
  top: 0.42em;
  transform-origin: center;
  width: 0.09375em;
}

.cc_div .off-i:before {
  transform: rotate(45deg);
}

.cc_div .off-i:after {
  transform: rotate(-45deg);
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg .on-i {
  opacity: 1;
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg .off-i {
  opacity: 0;
}

#cm.box.middle, #cm.cloud.middle {
  bottom: auto;
  top: 50%;
  transform: translateY(-37%);
}

#cm.box.middle.zoom, #cm.cloud.middle.zoom {
  transform: scale(0.95) translateY(-50%);
}

#cm.box.center, #cm.cloud {
  left: 1em;
  margin: 0 auto;
  right: 1em;
}

#cm.cloud {
  max-width: 50em;
  overflow: hidden;
  padding: 1.3em 2em;
  text-align: center;
  width: unset;
}

.cc_div .cloud #c-inr {
  display: table;
  width: 100%;
}

.cc_div .cloud #c-inr-i {
  display: table-cell;
  padding-right: 2.4em;
  vertical-align: top;
  width: 70%;
}

.cc_div .cloud #c-txt {
  font-size: 0.85em;
}

.cc_div .cloud #c-bns {
  display: table-cell;
  min-width: 170px;
  vertical-align: middle;
}

#cm.cloud .c-bn {
  margin: 0.625em 0 0;
  width: 100%;
}

#cm.cloud .c-bn:first-child {
  margin: 0;
}

#cm.cloud.left {
  margin-right: 1.25em;
}

#cm.cloud.right {
  margin-left: 1.25em;
}

#cm.bar {
  border-radius: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  padding: 2em;
  position: fixed;
  right: 0;
  width: 100%;
}

#cm.bar #c-inr {
  margin: 0 auto;
  max-width: 32em;
}

#cm.bar #c-bns {
  max-width: 33.75em;
}

#cm.bar #cs {
  padding: 0;
}

.cc_div .bar #c-s-in {
  height: 100%;
  max-height: 100%;
  top: 0;
  transform: none;
}

.cc_div .bar #s-bl, .cc_div .bar #s-bns, .cc_div .bar #s-hdr {
  padding-left: 1.6em;
  padding-right: 1.6em;
}

.cc_div .bar #cs {
  padding: 0;
}

.cc_div .bar #s-inr {
  border-radius: 0;
  margin: 0 0 0 auto;
  max-width: 32em;
}

.cc_div .bar.left #s-inr {
  margin-left: 0;
  margin-right: auto;
}

.cc_div .bar #s-bl table, .cc_div .bar #s-bl tbody, .cc_div .bar #s-bl td, .cc_div .bar #s-bl th, .cc_div .bar #s-bl thead, .cc_div .bar #s-bl tr, .cc_div .bar #s-cnt {
  display: block;
}

.cc_div .bar #s-bl thead tr {
  left: -9999px;
  position: absolute;
  top: -9999px;
}

.cc_div .bar #s-bl tr {
  border-top: 1px solid #e9edf2;
  border-top: 1px solid var(--cc-cookie-table-border);
}

.cc_div .bar #s-bl td {
  border: none;
  padding-left: 35%;
  position: relative;
}

.cc_div .bar #s-bl td:before {
  color: #2d4156;
  color: var(--cc-text);
  content: attr(data-column);
  left: 1em;
  overflow: hidden;
  padding-right: 0.625em;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#cm.top {
  bottom: auto;
  top: 1.25em;
}

#cm.left {
  left: 1.25em;
  right: auto;
}

#cm.right {
  left: auto;
  right: 1.25em;
}

#cm.bar.left, #cm.bar.right {
  left: 0;
  right: 0;
}

#cm.bar.top {
  top: 0;
}

@media screen and (max-width: 688px) {
  #cm, #cm.cloud, #cm.left, #cm.right {
    bottom: 1em;
    display: block;
    left: 1em;
    margin: 0;
    max-width: 100%;
    padding: 1.4em !important;
    right: 1em;
    width: auto;
  }
  .force--consent #cm, .force--consent #cm.cloud {
    max-width: 100vw;
    width: auto;
  }
  #cm.top {
    bottom: auto;
    top: 1em;
  }
  #cm.bottom {
    bottom: 1em;
    top: auto;
  }
  #cm.bar.bottom {
    bottom: 0;
  }
  #cm.cloud .c-bn {
    font-size: 0.85em;
  }
  #s-bns, .cc_div .bar #s-bns {
    padding: 1em 1.3em;
  }
  .cc_div .bar #s-inr {
    max-width: 100%;
    width: 100%;
  }
  .cc_div .cloud #c-inr-i {
    padding-right: 0;
  }
  #cs {
    border-radius: 0;
    padding: 0;
  }
  #c-s-in {
    height: 100%;
    max-height: 100%;
    top: 0;
    transform: none;
  }
  .cc_div .b-tg {
    right: 1.1em;
    transform: scale(1.1);
  }
  #s-inr {
    border-radius: 0;
    margin: 0;
    padding-bottom: 7.9em;
  }
  #s-bns {
    height: 7.9em;
  }
  #s-bl, .cc_div .bar #s-bl {
    padding: 1.3em;
  }
  #s-hdr, .cc_div .bar #s-hdr {
    padding: 0 1.3em;
  }
  #s-bl table {
    width: 100%;
  }
  #s-inr.bns-t {
    padding-bottom: 10.5em;
  }
  .bns-t #s-bns {
    height: 10.5em;
  }
  .cc_div .bns-t .c-bn {
    font-size: 0.83em;
    padding: 0.9em 1.6em;
  }
  #s-cnt .b-bn .b-tl {
    padding-bottom: 1.2em;
    padding-top: 1.2em;
  }
  #s-bl table, #s-bl tbody, #s-bl td, #s-bl th, #s-bl thead, #s-bl tr, #s-cnt {
    display: block;
  }
  #s-bl thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px;
  }
  #s-bl tr {
    border-top: 1px solid #e9edf2;
    border-top: 1px solid var(--cc-cookie-table-border);
  }
  #s-bl td {
    border: none;
    padding-left: 35%;
    position: relative;
  }
  #s-bl td:before {
    color: #2d4156;
    color: var(--cc-text);
    content: attr(data-column);
    left: 1em;
    overflow: hidden;
    padding-right: 0.625em;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #cm .c-bn, .cc_div .c-bn {
    margin-right: 0;
    width: 100%;
  }
  #s-cnt #s-rall-bn {
    margin-left: 0;
  }
  .cc_div #c-bns {
    flex-direction: column;
  }
  #c-bns button + button, #s-cnt button + button {
    float: unset;
    margin-left: 0;
    margin-top: 0.625em;
  }
  #cm.box, #cm.cloud {
    left: 1em;
    right: 1em;
    width: auto;
  }
  #cm.cloud.left, #cm.cloud.right {
    margin: 0;
  }
  .cc_div .cloud #c-bns, .cc_div .cloud #c-inr, .cc_div .cloud #c-inr-i {
    display: block;
    min-width: unset;
    width: auto;
  }
  .cc_div .cloud #c-txt {
    font-size: 0.9em;
  }
  .cc_div .cloud #c-bns {
    margin-top: 1.625em;
  }
}
.cc_div.ie #c-vln {
  height: 100%;
  padding-top: 5.62em;
}

.cc_div.ie .bar #c-vln {
  padding-top: 0;
}

.cc_div.ie #cs {
  margin-top: -5.625em;
  max-height: 37.5em;
  position: relative;
  top: 0;
}

.cc_div.ie .bar #cs {
  margin-top: 0;
  max-height: 100%;
}

.cc_div.ie #cm {
  border: 1px solid #dee6e9;
}

.cc_div.ie #c-s-in {
  top: 0;
}

.cc_div.ie .b-tg {
  margin-bottom: 0.7em;
  padding-left: 1em;
}

.cc_div.ie .b-tg .c-tgl:checked ~ .c-tg:after {
  left: 1.95em;
}

.cc_div.ie #s-bl table {
  overflow: auto;
}

.cc_div.ie .b-tg .c-tg {
  display: none;
}

.cc_div.ie .b-tg .c-tgl {
  display: inline-block;
  height: auto;
  margin-bottom: 0.2em;
  position: relative;
  vertical-align: middle;
}

.cc_div.ie #s-cnt .b-bn .b-tl {
  padding: 1.3em 6.4em 1.3em 1.4em;
}

.cc_div.ie .bar #s-bl td:before {
  display: none;
}

.cc_div.ie .bar #s-bl td {
  padding: 0.8em 0.625em 0.8em 1.2em;
}

.cc_div.ie .bar #s-bl thead tr {
  position: relative;
}

.cc_div.ie .b-tg .t-lb {
  filter: alpha(opacity=0);
}

.cc_div.ie #cm-ov, .cc_div.ie #cs-ov {
  filter: alpha(opacity=80);
}

/* Global Styles */
/* Font faces */
@font-face {
  font-family: "Supsi Fedra Sans Demi";
  src: url(../fonts/supsi-fedra/SUPSIFSan-Demi.woff2) format("woff2"), url(../fonts/supsi-fedra/SUPSIFSan-Demi.woff) format("woff");
}
@font-face {
  font-family: "Supsi Fedra Sans Medium";
  src: url(../fonts/supsi-fedra/SUPSIFSan-Medium.woff2) format("woff2"), url("../fonts/supsi-fedra/SUPSIFSan-Medium.woff") format("woff");
}
@font-face {
  font-family: "Supsi Fedra Serif Book";
  src: url(../fonts/supsi-fedra/SUPSIFSef-Book.woff2) format("woff2"), url("../fonts/supsi-fedra/SUPSIFSef-Book.woff") format("woff");
}
/* Variables */
/* Breakpoints */
:root {
  /* Font Families */
  --font-family-supsi-fedra-sans-demi:var(--font-family-demi);
  --font-family-supsi-fedra-sans-medium:var(--font-family-medium);
  --font-family-supsi-fedra-serif-book:var(--font-family-book);
  /* Colors */
  /*
  --blue-primary:#0D4CF6;	
  --blue-secondary:#002d9c;
  --cyan-primary:#00A3FF;
  --purple-primary:#6929C4;
  --green-primary:#60CB65;
  --green-secondary:#008828;
  --brown-light:#d0b9a0;
  --black-primary:#051226;
  --white-primary:#FFFFFF;
  --yellow-light:#fcf8e3;
  --yellow-alert:#F1C21B;
  --orange-alert:#FF832B;
  --green-alert:#24A148;
  --red-alert:#DA1E28;
  --grey-100:#051226;
  --grey-90:#152A41;
  --grey-80:#293B51;
  --grey-70:#404D66;
  --grey-60:#56647E;
  --grey-50:#6E7C95;
  --grey-40:#8C98AF;
  --grey-30:#A7B1C6;
  --grey-20:#C3CADA;
  --grey-10:#DDE2EB;
  --grey-5:#F0F4F8;
  */
  --blue-primary:var(--color1-primary);
  --blue-secondary:var(--color1-secondary);
  --color-light:var(--color1-light);
  /*
  --green-primary:var(--color2-primary);	
  --green-secondary:var(--color2-secondary);
  --cyan-primary:var(--color3-primary);
  --purple-primary:var(--color4-primary);	
  --brown-light:var(--color5-primary);	
  --yellow-light:var(--color6-primary);
  */
  --green-primary:#60CB65;
  --green-secondary:#008828;
  --cyan-primary:#00A3FF;
  --purple-primary:#6929C4;
  --brown-light:#d0b9a0;
  --yellow-light:#fcf8e3;
  --black-primary:var(--color-black-primary);
  --white-primary:var(--color-white-primary);
  --black-full:#000000;
  /*
  --yellow-alert:var(--color-alert-yellow);	
  --orange-alert:var(--color-alert-orange);	
  --green-alert:var(--color-alert-green);	
  --red-alert:var(--color-alert-red);	
  */
  --yellow-alert:#F1C21B;
  --orange-alert:#FF832B;
  --green-alert:#24A148;
  --red-alert:#DA1E28;
  --grey-100:var(--color-grey-100);
  --grey-90:var(--color-grey-90);
  --grey-80:var(--color-grey-80);
  --grey-70:var(--color-grey-70);
  --grey-60:var(--color-grey-60);
  --grey-50:var(--color-grey-50);
  --grey-40:var(--color-grey-40);
  --grey-30:var(--color-grey-30);
  --grey-20:var(--color-grey-20);
  --grey-10:var(--color-grey-10);
  --grey-5:var(--color-grey-5);
  --color-sec-menu:var(--color-light);
  --color-institute-content:var(--color-light);
  --color-font-institute-content:var(--black-primary);
  --link-main-color:var(--blue-secondary);
  --footer-color:var(--color-footer);
  /* Other (external) */
  /*
  --swiper-theme-color:#007aff;
  --swiper-navigation-size:44px;
  */
  --swiper-theme-color:var(--swiper-theme-color);
  --swiper-navigation-size:var(--swiper-navigation-size);
  /* Elements colors (with dark mode version) */
  --main-bg-clr:var(--white-primary);
  --main-text-clr:var(--grey-100);
  --link-clr:var(--link-main-color);
  --link2-clr:var(--link-main-color);
  --button-text-clr:var(--white-primary);
  --button-bg-clr:var(--black-primary);
  --button-text-hover-clr:var(--white-primary);
  --button-bg-hover-clr:var(--grey-80);
  --button-link-clr:var(--blue-primary);
  --button-link-hover-clr:var(--blue-primary);
  --menu-utility-bg-clr:var(--black-primary);
  --menu-utility-link-clr:var(--white-primary);
  --menu-utility-line-clr:var(--grey-70);
  --header-logo-ext-clr:var(--black-primary);
  --menu-main-clr:var(--grey-100);
  --menu-main-hover-clr:var(--grey-50);
  --menu-main-active-clr:var(--blue-primary);
  --menu-main-underline-clr:var(--grey-50);
  --menu-main-icon-clr:var(--black-primary);
  --menu-main-line-bg-clr:var(--black-primary);
  --menu-mobile-bg-clr:var(--white-primary);
  --menu-mobile-main-link-clr:var(--black-primary);
  --menu-mobile-utility-link-clr:var(--black-primary);
  --menu-mobile-lang-separator-clr:var(--grey-30);
  --menu-mobile-lang-line-clr:var(--black-primary);
  --menu-mobile-lang-panel-bg-clr:var(--grey-10);
  --menu-main-header-bg-clr:var(--white-primary);
  --menu-main-minisite-logo-ext-clr:var(--grey-70);
  --menu-main-minisite-logo-clr:var(--black-primary);
  --menu-main-minisite-goto-clr:var(--black-primary);
  --menu-sec-bg-clr:var(--color-sec-menu);
  --menu-sec-button-clr:var(--black-primary);
  --menu-sec-button-hover-clr:var(--black-primary);
  --menu-sec-panel-bg-clr:var(--color-sec-menu);
  --menu-sec-panel-link-clr:var(--black-primary);
  --menu-sec-panel-link-hover-clr:var(--blue-primary);
  --menu-sec-panel-link-bg-clr:var(--blue-primary);
  --menu-sec-wrapper-bg-clr:var(--color-sec-menu);
  --menu-sec-layer-bg-clr:var(--color-sec-menu);
  --menu-sec-layer-link-crl:var(--black-primary);
  --menu-sec-layer-link-hover-crl:var(--blue-primary);
  --menu-sec-layer-link-active-crl:var(--blue-secondary);
  --search-top-layer-bg-clr:var(--white-primary);
  --search-top-input-brd-clr:var(--grey-50);
  --search-clear-bg-clr:var(--grey-5);
  --form-input-brd-clr:var(--grey-50);
  --footer-bg-clr:var(--footer-color);
  --footer-menu-line:var(--grey-20);
  --footer-main-line:var(--white-primary);
  --side-element-line-clr:var(--black-primary);
  --side-separator-bg-clr:var(--grey-5);
  --side-menu-bg-clr:var(--grey-5);
  --side-menu-line-clr:var(--grey-20);
  --side-menu-link-clr:var(--black-primary);
  --side-menu-link-active-clr:var(--blue-primary);
  --side-menu-link-hover-clr:var(--grey-50);
  --side-menu-link-arrow-clr:var(--grey-50);
  --side-menu-mobile-bg-clr:var(--grey-5);
  --side-menu-mobile-toggle-clr:var(--black-primary);
  --side-menu-mobile-menu-brd-top-clr:var(--black-primary);
  --side-menu-mobile-menu-bg-clr:var(--grey-5);
  --side-menu-mobile-link-clr:var(--black-primary);
  --side-menu-mobile-link-brd-clr:var(--grey-20);
  --side-menu-mobile-link-hover-bg-clr:var(--grey-10);
  --side-content-mobile-brd-clr:var(--grey-70);
  --breadcrumb-brd-clr:var(--grey-100);
  --breadcrumb-link-clr:var(--grey-50);
  --breadcrumb-current-page-clr:var(--black-primary);
  --line1-clr:var(--black-primary);
  --line2-clr:var(--grey-20);
  --line3-clr:var(--white-primary);
  --line4-clr:var(--grey-5);
  --checkbox-brd-clr:var(--grey-50);
  --checkbox-bg-clr:var(--black-primary);
  --checkbox-check-clr:var(--white-primary);
  --intro-content-bg-clr:var(--grey-5);
  --intro-content-line-clr:var(--black-primary);
  --intro-content-link-clr:var(--black-primary);
  --gallery-buttons-bg-clr:var(--white-primary);
  --gallery-buttons-disabled-clr:var(--grey-50);
  --gallery-bullet-bg-clr:var(--black-primary);
  --text-article-meta-txt-clr:var(--grey-50);
  --text-article-list-txt-clr:var(--grey-70);
  --teaser-tag-text-clr:var(--grey-50);
  --teaser-p-small-text-clr:var(--grey-50);
  --list-download-icon-bg-clr:var(--grey-5);
  --teaser-slide-bg-clr:var(--grey-5);
  --research-content-filter-bg-clr:var(--grey-5);
  --research-view-switch-selected-clr:var(--grey-50);
  --research-view-switch-unselected-clr:var(--grey-20);
  --research-view-switch-hover-bg-clr:var(--grey-5);
  --research-view-switch-hover-txt-clr:var(--grey-50);
  --filter-layer-bg-clr:var(--white-primary);
  --filter-layer-bottom-bg-clr:var(--grey-100);
  --filter-layer-checkbox-label-clr:var(--grey-50);
  --scroll1-clr:var(--grey-20);
  --scroll2-clr:var(--grey-5);
  --contacts-txt-clr:var(--grey-70);
  --meta-share-btn-bg-clr:var(--grey-5);
  --course-cost-additionalinfo-txt-clr:var(--grey-30);
  --cta-selector-txt-clr:var(--grey-70);
  --cta-selector-brd-clr:var(--grey-50);
  --cta-selector-button-hover-bg-clr:var(--grey-20);
  --main-modal-bg-clr:rgba(255,255,255,0.9);
  --main-modal-header-bg-clr:rgba(5,18,38,0.9);
  --hr-brd-clr:rgba(0, 0, 0, 0.1);
}
:root .dark-layout, :root .bkg-grey {
  --main-bg-clr:var(--grey-100);
  --main-text-clr:var(--white-primary);
  --link-clr:var(--grey-30);
  --link2-clr:var(--white-primary);
  --button-text-clr:var(--black-primary);
  --button-bg-clr:var(--white-primary);
  --button-text-hover-clr:var(--black-primary);
  --button-bg-hover-clr:var(--grey-20);
  --button-link-clr:var(--white-primary);
  --button-link-hover-clr:var(--white-primary);
  --menu-utility-bg-clr:var(--white-primary);
  --menu-utility-link-clr:var(--black-primary);
  --menu-utility-line-clr:var(--grey-20);
  --header-logo-ext-clr:var(--white-primary);
  --menu-main-clr:var(--white-primary);
  --menu-main-hover-clr:var(--grey-30);
  --menu-main-active-clr:var(--white-primary);
  --menu-main-underline-clr:var(--grey-30);
  --menu-main-icon-clr:var(--white-primary);
  --menu-main-line-bg-clr:var(--white-primary);
  --menu-mobile-bg-clr:var(--black-primary);
  --menu-mobile-main-link-clr:var(--white-primary);
  --menu-mobile-utility-link-clr:var(--white-primary);
  --menu-mobile-lang-separator-clr:var(--grey-60);
  --menu-mobile-lang-line-clr:var(--white-primary);
  --menu-mobile-lang-panel-bg-clr:var(--grey-80);
  --menu-main-header-bg-clr:var(--black-primary);
  --menu-main-minisite-logo-ext-clr:var(--white-primary);
  --menu-main-minisite-logo-clr:var(--white-primary);
  --menu-main-minisite-goto-clr:var(--white-primary);
  --menu-sec-bg-clr:var(--color-sec-menu);
  --menu-sec-button-clr:var(--black-primary);
  --menu-sec-button-hover-clr:var(--white-primary);
  --menu-sec-panel-bg-clr:var(--color-sec-menu);
  --menu-sec-panel-link-clr:var(--black-primary);
  --menu-sec-panel-link-hover-clr:var(--grey-50);
  --menu-sec-panel-link-bg-clr:var(--grey-30);
  --menu-sec-wrapper-bg-clr:var(--color-sec-menu);
  --menu-sec-layer-bg-clr:var(--color-sec-menu);
  --menu-sec-layer-link-crl:var(--black-primary);
  --menu-sec-layer-link-hover-crl:var(--blue-primary);
  --menu-sec-layer-link-active-crl:var(--blue-secondary);
  --search-top-layer-bg-clr:var(--grey-100);
  --search-top-input-brd-clr:var(--grey-70);
  --search-clear-bg-clr:var(--grey-5);
  --form-input-brd-clr:var(--grey-70);
  --footer-bg-clr:var(--footer-color);
  --footer-menu-line:var(--grey-20);
  --footer-main-line:var(--white-primary);
  --side-element-line-clr:var(--white-primary);
  --side-separator-bg-clr:var(--grey-70);
  --side-menu-bg-clr:var(--grey-90);
  --side-menu-line-clr:var(--grey-60);
  --side-menu-link-clr:var(--white-primary);
  --side-menu-link-active-clr:var(--white-primary);
  --side-menu-link-hover-clr:var(--grey-30);
  --side-menu-link-arrow-clr:var(--grey-30);
  --side-menu-mobile-bg-clr:var(--grey-90);
  --side-menu-mobile-toggle-clr:var(--grey-20);
  --side-menu-mobile-menu-brd-top-clr:var(--grey-60);
  --side-menu-mobile-menu-bg-clr:var(--grey-90);
  --side-menu-mobile-link-clr:var(--white-primary);
  --side-menu-mobile-link-brd-clr:var(--grey-60);
  --side-menu-mobile-link-hover-bg-clr:var(--grey-70);
  --side-content-mobile-brd-clr:var(--grey-10);
  --breadcrumb-brd-clr:var(--grey-60);
  --breadcrumb-link-clr:var(--grey-50);
  --breadcrumb-current-page-clr:var(--white-primary);
  --line1-clr:var(--white-primary);
  --line2-clr:var(--grey-60);
  --line3-clr:var(--black-primary);
  --line4-clr:var(--grey-90);
  --checkbox-brd-clr:var(--grey-30);
  --checkbox-bg-clr:var(--grey-10);
  --checkbox-check-clr:var(--black-primary);
  --intro-content-bg-clr:var(--grey-90);
  --intro-content-line-clr:var(--white-primary);
  --intro-content-link-clr:var(--white-primary);
  --gallery-buttons-bg-clr:var(--black-primary);
  --gallery-buttons-disabled-clr:var(--grey-50);
  --gallery-bullet-bg-clr:var(--white-primary);
  --text-article-meta-txt-clr:var(--grey-50);
  --text-article-list-txt-clr:var(--grey-30);
  --teaser-tag-text-clr:var(--grey-20);
  --teaser-p-small-text-clr:var(--grey-20);
  --list-download-icon-bg-clr:var(--grey-90);
  --teaser-slide-bg-clr:var(--grey-90);
  --research-content-filter-bg-clr:var(--grey-90);
  --research-view-switch-selected-clr:var(--grey-20);
  --research-view-switch-unselected-clr:var(--grey-50);
  --research-view-switch-hover-bg-clr:var(--grey-5);
  --research-view-switch-hover-txt-clr:var(--grey-50);
  --filter-layer-bg-clr:var(--grey-80);
  --filter-layer-bottom-bg-clr:var(--grey-60);
  --filter-layer-checkbox-label-clr:var(--grey-30);
  --scroll1-clr:var(--grey-60);
  --scroll2-clr:var(--grey-90);
  --contacts-txt-clr:var(--grey-20);
  --meta-share-btn-bg-clr:var(--grey-50);
  --course-cost-additionalinfo-txt-clr:var(--grey-60);
  --cta-selector-txt-clr:var(--grey-20);
  --cta-selector-brd-clr:var(--grey-30);
  --cta-selector-button-hover-bg-clr:var(--grey-20);
  --main-modal-bg-clr:rgba(5,18,38,0.9);
  --main-modal-header-bg-clr:rgba(255,255,255,0.9);
  --hr-brd-clr:rgba(255,255,255, 0.1);
}
:root .dark-layout .bkg-grey90 {
  --main-bg-clr:var(--grey-90)!important;
  --teaser-slide-bg-clr:var(--grey-70)!important;
}

/* Typography */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h1, .h2, .h3, .h4, .h5, .h6, .hero, .p1-medium, .p2-medium, .p3-medium, .subtitle-01, .subtitle-02, .p1, .p2, .p3, .special-big, .special-medium, .special-small {
  display: block;
  width: 100%;
  margin-bottom: 0;
  color: var(--main-text-clr);
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h1, .h2, .h3, .h4, .h5, .h6, .hero, .p1-medium, .p2-medium, .p3-medium, .p-special-2 {
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
}

.subtitle-01, .subtitle-02, .subtitle, .p1, .p2, .p3, .p-special, .caption, p {
  font-family: var(--font-family-supsi-fedra-sans-demi);
}

.special-big, .special-medium, .special-small {
  font-family: var(--font-family-supsi-fedra-serif-book);
}

h1, .h1 {
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -0.015em;
}

@media (min-width: 375px) {
  h1, .h1 {
    font-size: calc(40px + 16 * (100vw - 375px) / 1065);
    line-height: calc(48px + 16 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  h1, .h1 {
    letter-spacing: -0.02em;
  }
}
@media (min-width: 1440px) {
  h1, .h1 {
    font-size: 56px;
    line-height: 64px;
  }
}
h2, .h2 {
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0;
}

@media (min-width: 375px) {
  h2, .h2 {
    font-size: calc(32px + 16 * (100vw - 375px) / 1065);
    line-height: calc(40px + 16 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  h2, .h2 {
    letter-spacing: -0.015em;
  }
}
@media (min-width: 1440px) {
  h2, .h2 {
    font-size: 48px;
    line-height: 56px;
  }
}
h3, .h3 {
  font-size: 28px;
  line-height: 34px;
  letter-spacing: 0;
}

@media (min-width: 375px) {
  h3, .h3 {
    font-size: calc(28px + 12 * (100vw - 375px) / 1065);
    line-height: calc(34px + 14 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  h3, .h3 {
    letter-spacing: -0.01em;
  }
}
@media (min-width: 1440px) {
  h3, .h3 {
    font-size: 40px;
    line-height: 48px;
  }
}
h4, .h4 {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0;
}

@media (min-width: 375px) {
  h4, .h4 {
    font-size: calc(24px + 8 * (100vw - 375px) / 1065);
    line-height: calc(32px + 8 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  h4, .h4 {
    font-size: 32px;
    line-height: 40px;
  }
}
h5, .h5 {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
}

@media (min-width: 375px) {
  h5, .h5 {
    font-size: calc(18px + 6 * (100vw - 375px) / 1065);
    line-height: calc(24px + 8 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  h5, .h5 {
    font-size: 24px;
    line-height: 32px;
  }
}
h6, .h6 {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
}

@media (min-width: 375px) {
  h6, .h6 {
    font-size: calc(16px + 2 * (100vw - 375px) / 1065);
    line-height: calc(22px + 6 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  h6, .h6 {
    font-size: 18px;
    line-height: 28px;
  }
}
.hero {
  font-size: 56px;
  line-height: 64px;
  letter-spacing: -0.02em;
}

@media (min-width: 375px) {
  .hero {
    font-size: calc(56px + 16 * (100vw - 375px) / 1065);
    line-height: calc(64px + 16 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .hero {
    letter-spacing: -0.02em;
  }
}
@media (min-width: 1440px) {
  .hero {
    font-size: 64px;
    line-height: 72px;
  }
}
.subtitle-01 {
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0;
}

@media (min-width: 375px) {
  .subtitle-01 {
    font-size: calc(20px + 8 * (100vw - 375px) / 1065);
    line-height: calc(26px + 8 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  .subtitle-01 {
    font-size: 24px;
    line-height: 34px;
  }
}
.subtitle-02 {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
}

@media (min-width: 375px) {
  .subtitle-02 {
    font-size: calc(18px + 6 * (100vw - 375px) / 1065);
    line-height: calc(24px + 8 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  .subtitle-02 {
    font-size: 20px;
    line-height: 30px;
  }
}
.subtitle {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
}

@media (min-width: 375px) {
  .subtitle {
    font-size: calc(18px + 2 * (100vw - 375px) / 1065);
    line-height: calc(24px + 6 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  .subtitle {
    font-size: 20px;
    line-height: 30px;
  }
}
.p-special {
  font-size: 24px;
  line-height: 20px;
  letter-spacing: 0;
}

@media (min-width: 992px) {
  .p-special {
    font-size: 38px;
    line-height: 30px;
  }
}
.p-special-2 {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.005em;
}

@media (min-width: 375px) {
  .p-special-2 {
    font-size: calc(20px + 12 * (100vw - 375px) / 1065);
    line-height: calc(28px + 16 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .p-special-2 {
    letter-spacing: 0.005em;
  }
}
@media (min-width: 1440px) {
  .p-special-2 {
    font-size: 32px;
    line-height: 44px;
  }
}
.p1-medium, .p1 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}

@media (min-width: 375px) {
  .p1-medium, .p1 {
    font-size: calc(16px + 6 * (100vw - 375px) / 1065);
    line-height: calc(24px + 8 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  .p1-medium, .p1 {
    font-size: 18px;
    line-height: 28px;
  }
}
.p2-medium, .p2 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}

@media (min-width: 375px) {
  .p2-medium, .p2 {
    font-size: calc(14px + 6 * (100vw - 375px) / 1065);
    line-height: calc(20px + 8 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .p2-medium, .p2 {
    letter-spacing: -0.005em;
  }
}
@media (min-width: 1440px) {
  .p2-medium, .p2 {
    font-size: 16px;
    line-height: 25px;
  }
}
.p3-medium, .p3 {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
}

@media (min-width: 375px) {
  .p3-medium, .p3 {
    font-size: calc(12px + 6 * (100vw - 375px) / 1065);
    line-height: calc(18px + 8 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .p3-medium, .p3 {
    letter-spacing: -0.005em;
  }
}
@media (min-width: 1440px) {
  .p3-medium, .p3 {
    font-size: 14px;
    line-height: 20px;
  }
}
.caption {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

@media (min-width: 375px) {
  .caption {
    font-size: calc(12px + 2 * (100vw - 375px) / 1065);
    line-height: calc(16px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .caption {
    letter-spacing: -0.005em;
  }
}
@media (min-width: 1440px) {
  .caption {
    font-size: 14px;
    line-height: 20px;
  }
}
p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}

@media (min-width: 375px) {
  p {
    font-size: calc(16px + 2 * (100vw - 375px) / 1065);
    line-height: calc(24px + 4 * (100vw - 375px) / 1065);
  }
}
.special-big {
  font-size: 64px;
  line-height: 64px;
  letter-spacing: -0.02em;
}

@media (min-width: 375px) {
  .special-big {
    font-size: calc(64px + 16 * (100vw - 375px) / 1065);
    line-height: calc(64px + 16 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .special-big {
    letter-spacing: -0.02em;
  }
}
@media (min-width: 1440px) {
  .special-big {
    font-size: 80px;
    line-height: 80px;
  }
}
.special-medium {
  font-size: 32px;
  line-height: 32px;
  letter-spacing: -0.015em;
}

@media (min-width: 375px) {
  .special-medium {
    font-size: calc(32px + 16 * (100vw - 375px) / 1065);
    line-height: calc(32px + 16 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .special-medium {
    letter-spacing: -0.005em;
  }
}
@media (min-width: 1440px) {
  .special-medium {
    font-size: 48px;
    line-height: 48px;
  }
}
.special-small {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.005em;
}

@media (min-width: 375px) {
  .special-small {
    font-size: calc(20px + 16 * (100vw - 375px) / 1065);
    line-height: calc(28px + 16 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .special-small {
    letter-spacing: -0.005em;
  }
}
@media (min-width: 1440px) {
  .special-small {
    font-size: 32px;
    line-height: 44px;
  }
}
h3 span, .h3 span {
  color: var(--grey-50);
}
h3 span i, .h3 span i {
  display: inline-block;
  width: 28px;
  height: 34px;
  margin-left: 6px;
  font-size: 28px;
  line-height: 34px;
  font-weight: 400;
}

@media (min-width: 375px) {
  h3 span i, .h3 span i {
    width: calc(28px + 0 * (100vw - 375px) / 1065);
    height: calc(34px + 14 * (100vw - 375px) / 1065);
    font-size: 28px;
    line-height: calc(34px + 14 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  h3 span i, .h3 span i {
    width: 28px;
    height: 48px;
    font-size: 28px;
    line-height: 48px;
  }
}
.header-4 h4 {
  font-size: 18px !important;
  line-height: 24px !important;
}

@media (min-width: 375px) {
  .header-4 h4 {
    font-size: calc(18px + 6 * (100vw - 375px) / 1065) !important;
    line-height: calc(24px + 8 * (100vw - 375px) / 1065) !important;
  }
}
@media (min-width: 1440px) {
  .header-4 h4 {
    font-size: 24px !important;
    line-height: 32px !important;
  }
}
small, .small {
  font-size: 0.875em;
}

.p-margin-bottom p {
  margin-bottom: 1rem !important;
  border-top: 0px !important;
}
.p-margin-bottom p:last-child {
  margin-bottom: 0rem !important;
}

.p-margin {
  margin-top: 24px;
}

@media (min-width: 375px) {
  .p-margin {
    margin-top: calc(24px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  .p-margin {
    margin-top: 28px;
  }
}
.component-paragraph p, .component-paragraph ul, .component-paragraph ol, .component-paragraph li {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}

@media (min-width: 375px) {
  .component-paragraph p, .component-paragraph ul, .component-paragraph ol, .component-paragraph li {
    font-size: calc(16px + 2 * (100vw - 375px) / 1065);
    line-height: calc(24px + 4 * (100vw - 375px) / 1065);
  }
}
p strong {
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 400;
}

/* Colors */
/* font colors */
.clr-black-full {
  color: var(--black-full);
}

.clr-black-primary {
  color: var(--black-primary);
}

.clr-white-primary {
  color: var(--white-primary);
}

.clr-blue-primary {
  color: var(--blue-primary);
}

.clr-cyan-primary {
  color: var(--cyan-primary);
}

.clr-purple-primary {
  color: var(--purple-primary);
}

.clr-green-primary {
  color: var(--green-primary);
}

.clr-green-secondary {
  color: var(--green-secondary);
}

.clr-yellow-alert {
  color: var(--yellow-alert);
}

.clr-orange-alert {
  color: var(--orange-alert);
}

.clr-green-alert {
  color: var(--green-alert);
}

.clr-red-alert {
  color: var(--red-alert);
}

.clr-grey-100 {
  color: var(--grey-100);
}

.clr-grey-90 {
  color: var(--grey-90);
}

.clr-grey-80 {
  color: var(--grey-80);
}

.clr-grey-70 {
  color: var(--grey-70);
}

.clr-grey-60 {
  color: var(--grey-60);
}

.clr-grey-50 {
  color: var(--grey-50);
}

.clr-grey-40 {
  color: var(--grey-40);
}

.clr-grey-30 {
  color: var(--grey-30);
}

.clr-grey-20 {
  color: var(--grey-20);
}

.clr-grey-10 {
  color: var(--grey-10);
}

.clr-grey-5 {
  color: var(--grey-5);
}

/* background colors */
.bkg-black-full {
  background-color: var(--black-full);
}

.bkg-black-primary, .bkg-black, .bkg-grey {
  background-color: var(--black-primary);
}

.bkg-white-primary, .bkg-white {
  background-color: var(--white-primary);
}

.bkg-blue-primary, .bkg-blue {
  background-color: var(--blue-primary);
}

.bkg-cyan-primary {
  background-color: var(--cyan-primary);
}

.bkg-purple-primary {
  background-color: var(--purple-primary);
}

.bkg-green-primary {
  background-color: var(--green-primary);
}

.bkg-yellow-alert {
  background-color: var(--yellow-alert);
}

.bkg-orange-alert {
  background-color: var(--orange-alert);
}

.bkg-green-alert {
  background-color: var(--green-alert);
}

.bkg-red-alert {
  background-color: var(--red-alert);
}

.bkg-grey100 {
  background-color: var(--grey-100);
}

.bkg-grey90 {
  background-color: var(--grey-90);
}

.bkg-grey80 {
  background-color: var(--grey-80);
}

.bkg-grey70 {
  background-color: var(--grey-70);
}

.bkg-grey60 {
  background-color: var(--grey-60);
}

.bkg-grey50 {
  background-color: var(--grey-50);
}

.bkg-grey40 {
  background-color: var(--grey-40);
}

.bkg-grey30 {
  background-color: var(--grey-30);
}

.bkg-grey20 {
  background-color: var(--grey-20);
}

.bkg-grey10 {
  background-color: var(--grey-10);
}

.bkg-grey05 {
  background-color: var(--grey-5);
}

.section-title.bt-light::before {
  background-color: var(--line2-clr);
}

/* Meta tags colors */
.content-wrapper .text-article.news .tag li:first-child, .content-wrapper .teaser-box.news .tag li:first-child, .content-wrapper .teaser.news .tag li:first-child {
  color: inherit;
}
.content-wrapper .text-article a.news .tag li:first-child, .content-wrapper .teaser-box a.news .tag li:first-child, .content-wrapper .teaser a.news .tag li:first-child {
  color: var(--green-secondary) !important;
}
.content-wrapper .text-article a.evento .tag li:first-child, .content-wrapper .teaser-box a.evento .tag li:first-child, .content-wrapper .teaser a.evento .tag li:first-child {
  color: var(--purple-primary) !important;
}
.content-wrapper li.news {
  color: var(--green-secondary) !important;
}
.content-wrapper li.evento {
  color: var(--purple-primary) !important;
}

/* Margins and Paddings styles */
/* Margin Top */
div[class^=fragment] section, div[class*=" fragment"] section,
.portlet-asset-publisher section {
  margin-top: 64px;
}

@media (min-width: 375px) {
  div[class^=fragment] section, div[class*=" fragment"] section,
  .portlet-asset-publisher section {
    margin-top: calc(64px + 32 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  div[class^=fragment] section, div[class*=" fragment"] section,
  .portlet-asset-publisher section {
    margin-top: 96px;
  }
}
/*
.content-wrapper .mt-section {
	margin-top: 64px
}
@media (min-width:$breakpoint-xs){
	.content-wrapper .mt-section {
		margin-top: calc(64px + 32 * (100vw - 375px) / 1065)!important;
	}	
}
@media (min-width:$breakpoint-xxl){
	.content-wrapper .mt-section {
		margin-top: 96px!important;
	}
}
*/
section.mt-small {
  margin-top: 32px !important;
}

@media (min-width: 375px) {
  section.mt-small {
    margin-top: calc(32px + 16 * (100vw - 375px) / 1065) !important;
  }
}
@media (min-width: 1440px) {
  section.mt-small {
    margin-top: 48px !important;
  }
}
section.mt-min {
  margin-top: 8px !important;
}

@media (min-width: 375px) {
  section.mt-min {
    margin-top: calc(8px + 4 * (100vw - 375px) / 1065) !important;
  }
}
@media (min-width: 1440px) {
  section.mt-min {
    margin-top: 12px !important;
  }
}
/* Padding top */
.pt-12px {
  padding-top: 12px !important;
}

/* Section space */
section.bottom-space {
  /*margin-bottom:-64px;*/
  /*padding-bottom:64px*/
}

@media (min-width: 375px) {
  section.bottom-space {
    /*margin-bottom:calc(-64px + 32*((100vw - 375px)/1065));*/
    /*padding-bottom:calc(64px + 32*((100vw - 375px)/1065))*/
  }
}
@media (min-width: 1440px) {
  section.bottom-space {
    /*margin-bottom:-96px;*/
    /*padding-bottom:96px*/
  }
}
/* Sections with Backgrounds */
.main-content section[class^=bkg-], .main-content section[class*=" bkg-"] {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.main-content section[class^=bkg-].pb-0,
.main-content section[class*=" bkg-"].pb-0 {
  padding-bottom: 0 !important;
}

.main-content section[class^=bkg-].pt-0,
.main-content section[class*=" bkg-"].pt-0 {
  padding-top: 0 !important;
}

@media (min-width: 375px) {
  .main-content section[class^=bkg-], .main-content section[class*=" bkg-"] {
    padding-top: calc(32px + 16 * (100vw - 375px) / 1065) !important;
    padding-bottom: calc(32px + 16 * (100vw - 375px) / 1065) !important;
  }
  .main-content section[class^=bkg-].pb-0,
  .main-content section[class*=" bkg-"].pb-0 {
    padding-bottom: 0 !important;
  }
  .main-content section[class^=bkg-].pt-0,
  .main-content section[class*=" bkg-"].pt-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 1440px) {
  .main-content section[class^=bkg-], .main-content section[class*=" bkg-"] {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .main-content section[class^=bkg-].pb-0,
  .main-content section[class*=" bkg-"].pb-0 {
    padding-bottom: 0 !important;
  }
  .main-content section[class^=bkg-].pt-0,
  .main-content section[class*=" bkg-"].pt-0 {
    padding-top: 0 !important;
  }
}
/* Wide section */
.wide-portlet section {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

/* TOOLS */
/* Mixins */
/* Swiper styles */
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

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

.swiper-pointer-events {
  touch-action: pan-y;
}

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

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

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

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

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

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

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

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}

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

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

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

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

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

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 0;
  width: 24px;
  height: 24px;
  margin: 0;
  z-index: 10;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}

.sidebar-sx-layout .swiper-button-prev {
  right: 60px;
}

.sidebar-sx-layout .swiper-button-next {
  right: 16px;
}

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

.swiper-button-next:after,
.swiper-button-prev:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  font-weight: 400;
  font-style: normal;
  font-family: "icomoon" !important;
  color: var(--main-text-clr);
  z-index: 2;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}

.swiper-button-prev.swiper-button-disabled::after,
.swiper-button-next.swiper-button-disabled::after {
  color: var(--gallery-buttons-disabled-clr);
}

.swiper-button-prev {
  right: 48px;
  left: inherit;
}

.swiper-rtl .swiper-button-next {
  left: 10px;
  right: 44px;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
  content: "\e903";
}

.swiper-button-next {
  right: 16px;
  left: auto;
}

.swiper-rtl .swiper-button-prev {
  right: 16px;
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
  content: "\e904";
}

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

.no-nav {
  padding-top: 0;
}
.no-nav .swiper-button-next,
.no-nav .swiper-button-prev {
  display: none;
}

@media (min-width: 992px) {
  .swiper-button-next,
  .swiper-button-prev {
    top: calc(8px + 4 * (100vw - 992px) / 448);
    display: block;
  }
}
@media (min-width: 1440px) {
  .swiper-button-next,
  .swiper-button-prev {
    top: 4px;
  }
}
.side-slider-wrapper {
  float: left;
  width: 100%;
  padding-bottom: 4px;
  overflow: hidden;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

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

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

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

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

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

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

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

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

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: 0;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

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

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

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

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

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

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

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

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

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

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

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

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

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

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

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

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

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

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

@keyframes swiper-preloader-spin {
  to {
    transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

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

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

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

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

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

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

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

.swiper-cube {
  overflow: visible;
}

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

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

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

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

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

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

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

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

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

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

.swiper-cards {
  overflow: visible;
}

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

/* Scroll Styles */
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}

.scroll-wrapper > .scroll-content {
  border: 0 !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-wrapper.scroll--rtl {
  direction: rtl;
}

.scroll-element {
  box-sizing: content-box;
  display: none;
}

.scroll-element div {
  box-sizing: content-box;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-textarea {
  border: 1px solid #ccc;
  border-top-color: #999;
}

.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
  border: 0 !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: 0;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 2px;
  top: 0;
  width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #e0e0e0;
}

.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #c2c2c2;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px;
}

.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-outer > .scroll-element {
  background-color: #fff;
}

.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
  height: 8px;
  top: 2px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  width: 8px;
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: #eee;
}

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
}

.scrollbar-outer > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
}

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -12px;
  margin-left: 12px;
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
  top: -12px;
  margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  min-width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 10px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -14px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -14px;
}

.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
  background: 0 0;
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track {
  display: none;
}

.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #6c6e71;
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.scrollbar-macosx > .scroll-element.scroll-x {
  bottom: 0;
  height: 0;
  left: 0;
  min-width: 100%;
  overflow: visible;
  width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 0;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
  height: 7px;
  min-width: 10px;
  top: -9px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
  left: -9px;
  min-height: 10px;
  width: 7px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
  left: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
  top: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
  border: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-light > .scroll-element {
  background-color: #fff;
}

.scrollbar-light > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
  background: #dbdbdb;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbdbdb), color-stop(100%, #e8e8e8));
  background: -webkit-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
  background: -o-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
  background: -ms-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: linear-gradient(to right, #dbdbdb 0, #e8e8e8 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
  bottom: 0;
  height: 17px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
  background: #fefefe;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
  background: -o-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
  background: -ms-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to right, #fefefe 0, #f5f5f5 100%);
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.scrollbar-light > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}

.scrollbar-light > .scroll-content.scroll-scrollx_visible {
  top: -17px;
  margin-top: 17px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 0;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
  left: 0;
  min-height: 10px;
  width: 10px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
  height: 12px;
  left: 2px;
  top: 2px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  top: 2px;
  width: 12px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}

.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div {
  border: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-rail > .scroll-element {
  background-color: #fff;
}

.scrollbar-rail > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  min-width: 100%;
  padding: 3px 0 2px;
  width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  padding: 0 2px 0 3px;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
  background-color: #d0b9a0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}

.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
  margin-top: 17px;
  top: -17px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 1px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
  left: 1px;
  min-height: 10px;
  width: 10px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
  height: 15px;
  left: 5px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
  height: 2px;
  left: -10px;
  top: 5px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
  top: 5px;
  width: 15px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
  left: 5px;
  top: -10px;
  width: 2px;
}

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -25px;
}

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -25px;
}

.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div {
  background: 0 0;
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
  bottom: 2px;
  height: 7px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 2px;
  top: 0;
  width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
  opacity: 0.3;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_size {
  background-color: #ccc;
  opacity: 0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
  background-color: #6c6e71;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
  bottom: 0;
  height: 7px;
  min-width: 24px;
  top: auto;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
  left: auto;
  min-height: 24px;
  right: 0;
  width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
  bottom: 0;
  top: auto;
  left: 2px;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -o-transition: height 0.2s;
  -ms-transition: height 0.2s;
  transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
  left: auto;
  right: 0;
  top: 2px;
  -webkit-transition: width 0.2s;
  -moz-transition: width 0.2s;
  -o-transition: width 0.2s;
  -ms-transition: width 0.2s;
  transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
  opacity: 1;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
  height: 100%;
  width: 100%;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
  height: 20px;
  min-height: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
  min-width: 7px;
  width: 20px;
}

.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div {
  border: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-chrome > .scroll-element {
  background-color: #fff;
}

.scrollbar-chrome > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_track {
  background: #f1f1f1;
  border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
  bottom: 0;
  height: 16px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
  border: 1px solid #bdbdbd;
  cursor: default;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
  border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
  border-color: #7e7e7e;
}

.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
  left: -16px;
  margin-left: 16px;
}

.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
  top: -16px;
  margin-top: 16px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
  height: 8px;
  min-width: 10px;
  top: 3px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
  left: 3px;
  min-height: 10px;
  width: 8px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
  border-left: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
  height: 14px;
  left: -3px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
  height: 14px;
  left: -4px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
  border-top: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
  top: -3px;
  width: 14px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
  width: 14px;
}

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}

/* Loading animation (spinner) styles */
body.portal-popup.supsi-loading-animation-body > div {
  position: relative;
}

.supsi-loading-animation {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: auto !important;
  width: auto !important;
  margin: 0px !important;
  z-index: 100 !important;
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.supsi-loading-animation:after {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  /*margin-top: -50px!important;
  margin-left: -100px!important; */
  width: 3em;
  height: 3em;
}

.supsi-loading-animation:before {
  display: none;
}

/* Main sections */
/* Body styles */
html, body {
  background-color: var(--main-bg-clr);
  color: var(--main-text-clr);
  font-family: var(--font-family-supsi-fedra-sans-demi);
  font-weight: 400;
  font-feature-settings: "pnum" on, "lnum" on;
}

/* Containers styles */
#main_page_div {
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
}

#wrapper {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  padding-top: 64px;
}

body.institute #wrapper {
  padding-top: 70px;
}

@media (min-width: 992px) {
  #wrapper {
    padding-top: 128px;
  }
  body.institute #wrapper {
    padding-top: 88px;
  }
}
#wrapper .container, .content-wrapper .container {
  width: 100%;
  max-width: 1368px;
  padding-right: 12px;
  padding-left: 12px;
}
#wrapper .container .row, .content-wrapper .container .row {
  margin-right: -12px;
  margin-left: -12px;
}
#wrapper .container .row div[class^=col-], #wrapper .container .row div[class*=" col-"], .content-wrapper .container .row div[class^=col-], .content-wrapper .container .row div[class*=" col-"] {
  padding-right: 12px;
  padding-left: 12px;
}

.full-width {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.full-width .container {
  max-width: unset !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.full-width .container .row {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.full-width .container .row div[class^=col-], .full-width .container .row div[class*=" col-"] {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.main-content section {
  position: relative;
  /*float:left;*/
  width: 100%;
  /*margin-top:64px;*/
  padding-left: 4px;
  padding-right: 4px;
  z-index: 1;
}
.main-content section#content {
  margin-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.main-content section:not(#content) {
  overflow: hidden;
}
.main-content section.portlet {
  margin-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.main-content .section-wrapper {
  position: relative;
  float: left;
  width: calc(100% + 8px);
  margin-left: -4px;
  margin-right: -4px;
}
.main-content .section-wrapper.pb-2 {
  padding-bottom: 2px;
}
.main-content .section-wrapper.bkg-white {
  background-color: var(--main-bg-clr) !important;
}

@media (min-width: 375px) {
  .main-content section {
    /*margin-top:calc(64px + 32*((100vw - 375px)/1065));*/
  }
}
@media (min-width: 1440px) {
  .main-content section {
    /* margin-top:96px;*/
  }
}
/* Layouts styles */
.sidebar-sx-layout section, .sidebar-sx-layout .container, .sidebar-dx-layout section, .sidebar-dx-layout .container {
  padding-left: 0px;
  padding-right: 0px;
}

.sidebar-sx-layout > div[class^=col-], .sidebar-sx-layout > div[class*=" col-"],
.sidebar-dx-layout > div[class^=col-], .sidebar-dx-layout > div[class*=" col-"] {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.mobile-browser .sidebar-sx-layout {
  border: 1px solid transparent;
}

/* Sidebar */
aside {
  position: relative;
  z-index: 2;
}
aside .side-content {
  position: sticky;
  float: left;
  width: 100%;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
aside .side-content .side-element:not(.side-menu) {
  float: left;
  width: 100%;
}
aside .side-content .side-element:not(.side-menu) *:not(.lfr-richtext):not(.cke_editable) ul {
  width: 100%;
  margin-top: 16px;
  border-top: 1px solid var(--line2-clr);
}
aside .side-content .side-element:not(.side-menu) *:not(.lfr-richtext):not(.cke_editable) ul li a {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  text-decoration: none !important;
  font-family: var(--font-family-supsi-fedra-sans-demi);
  color: var(--link-clr);
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}
aside .side-content > div > div,
aside .side-content div.page-editor > div > div {
  width: 100%;
  margin-top: 32px;
}
aside .side-content > div > div:first-child,
aside .side-content div.page-editor > div > div:first-child {
  margin-top: 0px !important;
}
aside .side-content > div > div:first-child div[id^=fragment] div[class^=fragment] .side-element:not(.side-menu),
aside .side-content div.page-editor > div > div:first-child div[id^=fragment] div[class^=fragment] .side-element:not(.side-menu) {
  margin-top: 0 !important;
}
aside .side-content > div > div:first-child > div:first-of-type .side-element:not(.side-menu),
aside .side-content div.page-editor > div > div:first-child > div:first-of-type .side-element:not(.side-menu) {
  margin-top: 1px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}
aside .text-article .row > div[class^=col-],
aside .text-article .row > div[class*=" col-"] {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

/* Sidebar DX */
.sidebar-dx-layout aside {
  display: none;
}
.sidebar-dx-layout aside .side-content {
  top: 40px;
}
.sidebar-dx-layout aside .side-content div {
  float: left;
  width: 100%;
}
.sidebar-dx-layout aside .side-content > div > div,
.sidebar-dx-layout aside .side-content div.page-editor > div > div {
  padding-top: 8px;
  border-top: 1px solid var(--side-element-line-clr);
}

.up-scroll .sidebar-dx-layout aside .side-content {
  top: 168px;
}

.has-control-menu .sidebar-dx-layout aside .side-content {
  top: 100px;
}

.has-control-menu.up-scroll .sidebar-dx-layout aside .side-content {
  top: 300px !important;
}

@media (min-width: 375px) {
  .sidebar-dx-layout aside .side-content .side-element:not(.side-menu) *:not(.lfr-richtext):not(.cke_editable) ul {
    margin-top: calc(16px + 8 * (100vw - 375px) / 1065);
  }
  .sidebar-dx-layout aside .side-content > div > div,
  .sidebar-dx-layout aside .side-content div.page-editor > div > div {
    padding-top: calc(8px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  .sidebar-dx-layout aside .side-content .side-element:not(.side-menu) *:not(.lfr-richtext):not(.cke_editable) ul {
    margin-top: 24px;
  }
  .sidebar-dx-layout aside .side-content > div > div,
  .sidebar-dx-layout aside .side-content div.page-editor > div > div {
    padding-top: 12px;
  }
}
/* Sidebar SX */
.sidebar-sx-layout aside {
  margin-top: 0px !important;
  margin-bottom: 48px;
  padding-top: 0px;
  /*padding-bottom: 16px;
    	border-bottom: 1px solid var(--side-content-mobile-brd-clr);*/
}
.sidebar-sx-layout aside .side-content {
  top: 40px;
}
.sidebar-sx-layout aside .side-content .side-element:not(.side-menu) {
  padding-top: 8px;
  border-top: 1px solid var(--line1-clr);
}

.up-scroll .sidebar-sx-layout aside .side-content {
  top: 168px;
}

.has-control-menu .sidebar-sx-layout aside .side-content {
  top: 100px;
}

.has-control-menu.up-scroll .sidebar-sx-layout aside .side-content {
  top: 300px !important;
}

@media (min-width: 375px) {
  .sidebar-sx-layout aside {
    margin-top: 0px !important;
  }
  .sidebar-sx-layout aside .side-content .side-element:not(.side-menu) {
    padding-top: calc(8px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 768px) {
  .sidebar-sx-layout aside {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
  }
}
@media (min-width: 1440px) {
  .sidebar-sx-layout aside {
    margin-top: 0px !important;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
  }
  .sidebar-sx-layout aside .side-content .side-element:not(.side-menu) {
    padding-top: 12px;
  }
}
/* Sidebar SX Mobile */
.side-content-mobile {
  padding-top: 87px;
  padding-bottom: 16px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--side-content-mobile-brd-clr);
}
.side-content-mobile div[class^=lfr-layout-structure-item-],
.side-content-mobile div[class*=" lfr-layout-structure-item-"] {
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 24px !important;
}

/* Black trasparent Layer */
.layer {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--black-primary);
  opacity: 0;
  z-index: 95;
  -webkit-transition: opacity 0.3s ease-out !important;
  -moz-transition: opacity 0.3s ease-out !important;
  -o-transition: opacity 0.3s ease-out !important;
  -ms-transition: opacity 0.3s ease-out !important;
  transition: opacity 0.3s ease-out !important;
  -webkit-transform: translateY(-100%) !important;
  -moz-transform: translateY(-100%) !important;
  -o-transform: translateY(-100%) !important;
  -ms-transform: translateY(-100%) !important;
  transform: translateY(-100%) !important;
}

.open-secondary-menu .layer {
  opacity: 0.6;
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

.open-filter .layer {
  z-index: 100;
  opacity: 0.6;
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

body:not(.institute).open-search .layer,
body:not(.institute).open-mobile-menu .layer {
  opacity: 0.6;
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

/* Elements */
/* Lists styles */
ul.no-bullet-list,
ul.download-list,
ul.download-list-2,
.external-links-list ul {
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.no-bullet-list ol, ul.no-bullet-list li,
ul.download-list ol,
ul.download-list li,
ul.download-list-2 ol,
ul.download-list-2 li,
.external-links-list ul ol,
.external-links-list ul li {
  display: block;
  float: left;
  width: 100%;
}

ul.download-list li,
ul.download-list-2 li,
.external-links-list ul li {
  position: relative;
  padding: 24px 70px 24px 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: var(--main-text-clr) !important;
  border-bottom: 1px solid var(--line2-clr);
}
ul.download-list li a,
ul.download-list-2 li a,
.external-links-list ul li a {
  display: inline;
  position: unset !important;
  float: none;
  width: 100%;
  text-decoration: none !important;
  color: var(--main-text-clr) !important;
}
ul.download-list li a span,
ul.download-list-2 li a span,
.external-links-list ul li a span {
  display: inline-block;
  float: none;
  color: var(--main-text-clr) !important;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 1px;
  background-image: linear-gradient(var(--main-text-clr), var(--main-text-clr));
  -webkit-transition: background-size 0.3s ease-in-out !important;
  -moz-transition: background-size 0.3s ease-in-out !important;
  -o-transition: background-size 0.3s ease-in-out !important;
  -ms-transition: background-size 0.3s ease-in-out !important;
  transition: background-size 0.3s ease-in-out !important;
  white-space: wrap;
}
ul.download-list li a i,
ul.download-list-2 li a i,
.external-links-list ul li a i {
  position: absolute;
  right: 0;
  top: 16px;
  width: 40px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: var(--main-text-clr) !important;
  background-color: var(--list-download-icon-bg-clr);
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  border-radius: 50% !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}

ul.download-list-2 li a,
.external-links-list ul li a {
  float: none !important;
  display: inline !important;
  position: unset !important;
}

@media (min-width: 375px) {
  ul.download-list li,
  ul.download-list-2 li,
  .external-links-list ul li {
    padding: calc(24px + 6 * (100vw - 375px) / 1065) 70px calc(24px + 6 * (100vw - 375px) / 1065) 0;
    font-size: calc(16px + 2 * (100vw - 375px) / 1065);
    line-height: calc(24px + 4 * (100vw - 375px) / 1065);
  }
  ul.download-list li a i,
  ul.download-list-2 li a i,
  .external-links-list ul li a i {
    top: calc(16px + 8 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  ul.download-list li a:hover, ul.download-list li a:focus, ul.download-list li a:focus-within,
  ul.download-list-2 li a:hover,
  ul.download-list-2 li a:focus,
  ul.download-list-2 li a:focus-within,
  .external-links-list ul li a:hover,
  .external-links-list ul li a:focus,
  .external-links-list ul li a:focus-within {
    color: var(--main-text-clr) !important;
  }
  ul.download-list li a:hover span, ul.download-list li a:focus span, ul.download-list li a:focus-within span,
  ul.download-list-2 li a:hover span,
  ul.download-list-2 li a:focus span,
  ul.download-list-2 li a:focus-within span,
  .external-links-list ul li a:hover span,
  .external-links-list ul li a:focus span,
  .external-links-list ul li a:focus-within span {
    background-size: 100% 1px;
    color: var(--main-text-clr) !important;
  }
  ul.download-list li a:hover i, ul.download-list li a:focus i, ul.download-list li a:focus-within i,
  ul.download-list-2 li a:hover i,
  ul.download-list-2 li a:focus i,
  ul.download-list-2 li a:focus-within i,
  .external-links-list ul li a:hover i,
  .external-links-list ul li a:focus i,
  .external-links-list ul li a:focus-within i {
    color: var(--white-primary) !important;
    background-color: var(--blue-primary);
  }
}
@media (min-width: 1440px) {
  ul.download-list li,
  ul.download-list-2 li,
  .external-links-list ul li {
    padding: 30px 70px 30px 0px;
    font-size: 18px;
    line-height: 28px;
  }
  ul.download-list li a i,
  ul.download-list-2 li a i,
  .external-links-list ul li a i {
    top: 24px;
  }
}
ul.download-list-2 li a,
.external-links-list ul li a {
  width: auto;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 1px;
  background-image: linear-gradient(var(--main-text-clr), var(--main-text-clr));
  -webkit-transition: background-size 0.3s ease-in-out !important;
  -moz-transition: background-size 0.3s ease-in-out !important;
  -o-transition: background-size 0.3s ease-in-out !important;
  -ms-transition: background-size 0.3s ease-in-out !important;
  transition: background-size 0.3s ease-in-out !important;
}
ul.download-list-2 li a::after,
.external-links-list ul li a::after {
  position: absolute;
  right: 0;
  top: 16px;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  font-weight: 400;
  font-family: "icomoon" !important;
  color: var(--main-text-clr) !important;
  background-color: var(--list-download-icon-bg-clr);
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  border-radius: 50% !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}
ul.download-list-2 li a.anim-lilnk::after,
.external-links-list ul li a.anim-lilnk::after {
  background-color: var(--grey-5);
}

@media (min-width: 375px) {
  ul.download-list-2 li a.anim-link,
  .external-links-list ul li a.anim-link {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
  ul.download-list-2 li a::after,
  .external-links-list ul li a::after {
    top: calc(16px + 8 * (100vw - 375px) / 1065);
  }
  ul.download-list-2 li a.document-download-link::after,
  .external-links-list ul li a.document-download-link::after {
    content: "\e910";
  }
  ul.download-list-2 li a.ext-link::after,
  .external-links-list ul li a.ext-link::after {
    content: "\e912";
  }
}
@media (min-width: 992px) {
  ul.download-list-2 li a:hover, ul.download-list-2 li a:focus, ul.download-list-2 li a:focus-within,
  .external-links-list ul li a:hover,
  .external-links-list ul li a:focus,
  .external-links-list ul li a:focus-within {
    background-size: 100% 1px;
    color: var(--main-text-clr) !important;
  }
  ul.download-list-2 li a:hover::after, ul.download-list-2 li a:focus::after, ul.download-list-2 li a:focus-within::after,
  .external-links-list ul li a:hover::after,
  .external-links-list ul li a:focus::after,
  .external-links-list ul li a:focus-within::after {
    color: var(--white-primary) !important;
    background-color: var(--blue-primary);
  }
}
.side-content ul.download-list,
.side-content ul.download-list-2,
.side-content .external-links-list ul {
  margin-top: 16px;
  border-top: 1px solid var(--line2-clr);
}
.side-content ul.download-list li,
.side-content ul.download-list-2 li,
.side-content .external-links-list ul li {
  position: relative;
  padding: 16px 0;
  padding-right: 24px !important;
  border-bottom: 1px solid var(--line2-clr);
}
.side-content ul.download-list li a span,
.side-content ul.download-list-2 li a span,
.side-content .external-links-list ul li a span {
  display: inline;
  width: auto;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  max-width: 90%;
}
.side-content ul.download-list li a i,
.side-content ul.download-list-2 li a i,
.side-content .external-links-list ul li a i {
  background: none !important;
  right: 4px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  color: var(--main-text-clr) !important;
}
.side-content ul.download-list-article li a {
  display: inline;
  width: auto;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}

@media (min-width: 375px) {
  .side-content ul.download-list,
  .side-content ul.download-list-2,
  .side-content .external-links-list ul {
    margin-top: calc(16px + 8 * (100vw - 375px) / 1065);
  }
  .side-content ul.download-list li a span,
  .side-content ul.download-list-2 li a span,
  .side-content .external-links-list ul li a span {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
  .side-content ul.download-list-article li a {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .side-content ul.download-list li a span,
  .side-content ul.download-list-2 li a span,
  .side-content .external-links-list ul li a span {
    letter-spacing: 0.005em;
  }
  .side-content ul.download-list li a:hover span, .side-content ul.download-list li a:focus span, .side-content ul.download-list li a:focus-within span,
  .side-content ul.download-list-2 li a:hover span,
  .side-content ul.download-list-2 li a:focus span,
  .side-content ul.download-list-2 li a:focus-within span,
  .side-content .external-links-list ul li a:hover span,
  .side-content .external-links-list ul li a:focus span,
  .side-content .external-links-list ul li a:focus-within span {
    background-size: 100% 1px;
  }
  .side-content ul.download-list li a:hover i, .side-content ul.download-list li a:focus i, .side-content ul.download-list li a:focus-within i,
  .side-content ul.download-list-2 li a:hover i,
  .side-content ul.download-list-2 li a:focus i,
  .side-content ul.download-list-2 li a:focus-within i,
  .side-content .external-links-list ul li a:hover i,
  .side-content .external-links-list ul li a:focus i,
  .side-content .external-links-list ul li a:focus-within i {
    background: none !important;
    color: var(--main-text-clr) !important;
  }
  .side-content ul.download-list-article li a {
    letter-spacing: 0.005em;
  }
}
@media (min-width: 1440px) {
  .side-content ul.download-list,
  .side-content ul.download-list-2,
  .side-content .external-links-list ul {
    margin-top: 24px;
  }
  .side-content ul.download-list li a span,
  .side-content ul.download-list-2 li a span,
  .side-content .external-links-list ul li a span {
    font-size: 16px;
    line-height: 24px;
  }
  .side-content ul.download-list-article li a {
    font-size: 16px;
    line-height: 24px;
  }
}
.side-content ul.download-list-2 li a::before,
.side-content .external-links-list ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.side-content ul.download-list-2 li a::after,
.side-content .external-links-list ul li a::after {
  background: none !important;
  right: 4px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  color: var(--main-text-clr) !important;
}
.side-content ul.download-list-2 li a:hover::after, .side-content ul.download-list-2 li a:focus::after, .side-content ul.download-list-2 li a:focus-within::after,
.side-content .external-links-list ul li a:hover::after,
.side-content .external-links-list ul li a:focus::after,
.side-content .external-links-list ul li a:focus-within::after {
  background: none !important;
  color: var(--main-text-clr) !important;
}

/* Links styles */
a, a:hover, a:focus, a:focus-within {
  color: var(--link-clr);
  text-decoration: underline;
}

a label {
  cursor: pointer;
}

.no-decoration a {
  text-decoration: none !important;
}

a.underline-hover-link {
  position: relative;
  text-decoration: none !important;
}

a.underline-hover-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 1px;
  background-color: var(--link-clr);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}

a.underline-hover-link-secondary {
  color: var(--main-text-clr);
}

a.underline-hover-link-secondary::after {
  background-color: var(--main-text-clr);
}

@media (min-width: 992px) {
  a.underline-hover-link:hover::after, a.underline-hover-link:focus::after, a.underline-hover-link:focus-within::after {
    width: 100%;
  }
}
a.underline-bg-hover-link {
  text-decoration: none !important;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 2px;
  background-image: linear-gradient(var(--link-clr), var(--link-clr));
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}

@media (min-width: 992px) {
  a.underline-bg-hover-link:hover, a.underline-bg-hover-link:focus, a.underline-bg-hover-link:focus-within {
    background-size: 100% 2px;
  }
}
/* Buttons styles */
button {
  border-radius: 0;
  text-transform: none;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

/* Button */
.btn {
  position: relative;
  display: inline-block;
  float: none;
  width: auto;
  padding: 7px 16px 9px 16px;
  border: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  user-select: none;
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  color: var(--button-text-clr);
  background-color: var(--button-bg-clr);
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}

.btn > span {
  display: none;
}

.btn > i {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  font-size: 20px;
  line-height: 20px;
  color: var(--button-text-clr);
  -webkit-transform: translateY(3px) !important;
  -moz-transform: translateY(3px) !important;
  -o-transform: translateY(3px) !important;
  -ms-transform: translateY(3px) !important;
  transform: translateY(3px) !important;
}

.btn:hover, .btn:focus, .btn:focus-within {
  color: var(--button-text-hover-clr);
  background-color: var(--button-bg-hover-clr);
}

.btn.active, .btn.btn-primary {
  color: var(--white-primary);
  background-color: var(--blue-primary);
}

.btn.active:hover, .btn.active:focus, .btn.active:focus-within,
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:focus-within {
  background-color: var(--blue-secondary);
  /*opacity: 0.8;*/
}

@media (min-width: 375px) {
  .btn {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    padding: calc(7px + 2 * (100vw - 375px) / 1065) 16px calc(9px + 2 * (100vw - 375px) / 1065) 16px;
  }
}
@media (min-width: 992px) {
  .btn {
    letter-spacing: 0.005em;
  }
  .btn > span {
    display: inline;
  }
}
@media (min-width: 1440px) {
  .btn {
    font-size: 16px;
    padding: 9px 16px 11px 16px;
  }
}
/* Button Link */
.btn-link {
  position: relative;
  display: inline-block;
  float: none;
  width: auto;
  padding-right: 32px;
  border: 0 !important;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-decoration: none !important;
  letter-spacing: 0.005em;
  white-space: nowrap;
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  background-color: transparent !important;
  color: var(--button-link-clr);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}

.btn-link:hover, .btn-link:focus, .btn-link:focus-within {
  color: var(--button-link-hover-clr);
  text-decoration: underline;
}

.btn-link::after {
  content: "\e909";
  position: absolute;
  right: 4px;
  top: 0;
  width: 20px;
  line-height: 20px;
  font-size: 20px;
  line-height: 20px;
  font-family: "icomoon" !important;
  font-weight: 400;
  color: var(--button-link-clr);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}

.btn-link.external::before,
.btn-link.external-link::before,
.btn-link[target=_blank]::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: var(--button-link-clr);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}

.btn-link.external:hover::before, .btn-link.external:focus::before, .btn-link.external:focus-within::before,
.btn-link.external-link:hover::before, .btn-link.external-link:focus::before, .btn-link.external-link:focus-within::before,
.btn-link[target=_blank]:hover::before, .btn-link[target=_blank]:focus::before, .btn-link[target=_blank]:focus-within::before {
  width: calc(100% - 32px);
}

.btn-link.external::after,
.btn-link.external-link::after,
.btn-link[target=_blank]::after {
  content: "\e912";
  font-size: 16px;
  text-align: center;
}

.btn-link.external:hover::after, .btn-link.external:focus::after, .btn-link.external:focus-within::after,
.btn-link.external-link:hover::after, .btn-link.external-link:focus::after, .btn-link.external-link:focus-within::after,
.btn-link[target=_blank]:hover::after, .btn-link[target=_blank]:focus::after, .btn-link[target=_blank]:focus-within::after {
  right: 4px;
}

@media (min-width: 375px) {
  .btn-link {
    padding-right: calc(32px + 4 * (100vw - 375px) / 1065);
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
  .btn-link.external:hover::before, .btn-link.external:focus::before, .btn-link.external:focus-within::before,
  .btn-link.external-link:hover::before, .btn-link.external-link:focus::before, .btn-link.external-link:focus-within::before,
  .btn-link[target=_blank]:hover::before, .btn-link[target=_blank]:focus::before, .btn-link[target=_blank]:focus-within::before {
    width: calc(100% - (32px + 4 * (100vw - 375px) / 1065));
  }
  .btn-link::after {
    width: calc(20px + 4 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
    font-size: calc(20px + 4 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
  .btn-link.external::after,
  .btn-link.external-link::after,
  .btn-link[target=_blank]::after {
    font-size: calc(16px + 2 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .btn-link:hover::after, .btn-link:focus::after, .btn-link:focus-within::after {
    right: 0;
  }
}
@media (min-width: 1440px) {
  .btn-link {
    padding-right: 36px;
    padding-bottom: 1px;
    font-size: 16px;
    line-height: 24px;
  }
  .btn-link::after {
    width: 24px;
    line-height: 24px;
    font-size: 24px;
    line-height: 24px;
    padding-top: 1px;
  }
  .btn-link.external:hover::before, .btn-link.external:focus::before, .btn-link.external:focus-within::before,
  .btn-link.external-link:hover::before, .btn-link.external-link:focus::before, .btn-link.external-link:focus-within::before,
  .btn-link[target=_blank]:hover::before, .btn-link[target=_blank]:focus::before, .btn-link[target=_blank]:focus-within::before {
    width: calc(100% - 36px);
  }
  .btn-link.external::after,
  .btn-link.external-link::after,
  .btn-link[target=_blank]::after {
    font-size: 18px;
  }
}
/* Side button */
.side-content .side-btn {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 32px;
  padding: 18px 64px 18px 16px;
  text-decoration: none !important;
  color: var(--white-primary);
  background-color: var(--blue-primary);
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}
.side-content .side-btn i {
  position: absolute;
  right: 18px;
  top: 50%;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  color: var(--white-primary);
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
.side-content .side-btn:first-child {
  margin-top: 0;
}

@media (min-width: 375px) {
  .side-content .side-btn {
    margin-top: calc(32px + 16 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .side-content .side-btn:hover, .side-content .side-btn:focus, .side-content .side-btn:focus-within {
    color: var(--white-primary);
    background-color: var(--blue-secondary);
  }
}
@media (min-width: 1440px) {
  .side-content .side-btn {
    margin-top: 48px;
  }
}
.btn:focus, .btn.focus {
  box-shadow: unset !important;
}

.btn-link:focus, .btn-link.focus {
  box-shadow: unset !important;
}

/* Breadcrumbs styles */
.breadcrumb-wrapper {
  margin-top: 0px !important;
  padding: 8px 6px;
  border-bottom: 1px solid var(--breadcrumb-brd-clr);
  border-radius: 0;
}

.breadcrumb-wrapper.no-brd {
  border-bottom: 0 none !important;
}

@media (min-width: 375px) {
  .breadcrumb-wrapper {
    padding: calc(8px + 4 * (100vw - 375px) / 1065) 6px;
  }
}
@media (min-width: 1440px) {
  .breadcrumb-wrapper {
    padding: 12px 6px;
  }
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  /*float: left;*/
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: transparent;
}
.breadcrumb nav {
  display: block;
  /*float: left;*/
  width: 100%;
  overflow: hidden;
}
.breadcrumb nav ul {
  display: flex;
  flex-direction: row;
  /*float: left;*/
  width: auto;
  max-width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
}
.breadcrumb nav ul li {
  display: block;
  float: left;
  position: relative;
  width: auto;
  height: 16px;
  padding-right: 12px;
  margin-right: 12px;
  white-space: nowrap;
}
.breadcrumb nav ul li a {
  display: block;
  float: left;
  width: auto;
  text-decoration: none !important;
  color: var(--breadcrumb-link-clr);
}
.breadcrumb nav ul li a i {
  display: inline-block;
  width: 14px;
  height: 16px;
  font-size: 14px;
  line-height: 16px;
  color: var(--breadcrumb-link-clr);
}
.breadcrumb nav ul li a::after {
  content: "\e901";
  position: absolute;
  right: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  font-size: 8px;
  line-height: 8px;
  font-weight: 400;
  font-style: normal;
  font-family: "icomoon" !important;
  color: var(--breadcrumb-link-clr);
  -webkit-transform: translate(50%, -50%) !important;
  -moz-transform: translate(50%, -50%) !important;
  -o-transform: translate(50%, -50%) !important;
  -ms-transform: translate(50%, -50%) !important;
  transform: translate(50%, -50%) !important;
}
.breadcrumb nav ul li a:hover, .breadcrumb nav ul li a:focus, .breadcrumb nav ul li a:focus-within {
  text-decoration: underline !important;
  max-width: 100% !important;
}
.breadcrumb nav ul li span {
  display: block;
  float: left;
  width: auto;
  color: var(--breadcrumb-current-page-clr);
  font-weight: 700;
}
.breadcrumb nav ul li:last-child {
  overflow: hidden;
}
.breadcrumb nav ul li:last-child span {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}
.breadcrumb nav ul li:nth-last-child(3)::before {
  font-size: 12px;
  line-height: 16px;
}

@media (min-width: 375px) {
  .breadcrumb nav ul li {
    height: calc(16px + 4 * (100vw - 375px) / 1065);
  }
  .breadcrumb nav ul li a {
    font-size: calc(12px + 2 * (100vw - 375px) / 1065);
    line-height: calc(16px + 4 * (100vw - 375px) / 1065);
  }
  .breadcrumb nav ul li a i {
    height: calc(16px + 4 * (100vw - 375px) / 1065);
    line-height: calc(16px + 4 * (100vw - 375px) / 1065);
  }
  .breadcrumb nav ul li span {
    font-size: calc(12px + 2 * (100vw - 375px) / 1065);
    line-height: calc(16px + 4 * (100vw - 375px) / 1065);
  }
  .breadcrumb nav ul li:nth-last-child(3)::before {
    font-size: calc(12px + 2 * (100vw - 375px) / 1065);
    line-height: calc(16px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 768px) {
  .breadcrumb nav ul li a {
    max-width: 190px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .breadcrumb nav ul li span {
    max-width: 100% !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
@media (max-width: 992px) {
  .breadcrumb nav ul li:nth-last-child(3) {
    display: flex !important;
  }
  .breadcrumb nav ul li:nth-last-child(3) a {
    display: none !important;
  }
  .breadcrumb nav ul li:nth-last-child(3)::before {
    content: "...";
    color: #6e7c95;
    opacity: 0.5;
  }
  .breadcrumb nav ul li:nth-last-child(3)::after {
    content: "\e901";
    position: absolute;
    right: 0;
    top: 50%;
    width: 8px;
    height: 8px;
    font-size: 8px;
    line-height: 8px;
    font-weight: 400;
    font-style: normal;
    font-family: "icomoon" !important;
    color: var(--breadcrumb-link-clr);
    -webkit-transform: translate(50%, -50%) !important;
    -moz-transform: translate(50%, -50%) !important;
    -o-transform: translate(50%, -50%) !important;
    -ms-transform: translate(50%, -50%) !important;
    transform: translate(50%, -50%) !important;
  }
}
@media (min-width: 1440px) {
  .breadcrumb nav ul li a {
    font-size: 14px;
    line-height: 20px;
  }
  .breadcrumb nav ul li a i {
    height: 20px;
    line-height: 20px;
  }
  .breadcrumb nav ul li span {
    font-size: 14px;
    line-height: 20px;
  }
}
/* Cursors styles */
.cursor-alias, .cursor-alias > * {
  cursor: alias;
}

.cursor-all-scroll, .cursor-all-scroll > * {
  cursor: all-scroll;
}

.cursor-auto, .cursor-auto > * v {
  cursor: auto;
}

.cursor-cell, .cursor-cell > * {
  cursor: cell;
}

.cursor-col-resize, .cursor-col-resize > * {
  cursor: col-resize;
}

.cursor-context-menu, .cursor-context-menu > * {
  cursor: context-menu;
}

.cursor-copy, .cursor-copy > * {
  cursor: copy;
}

.cursor-crosshair, .cursor-crosshair > * {
  cursor: crosshair;
}

.cursor-default, .cursor-default > * {
  cursor: default;
}

.cursor-e-resize, .cursor-e-resize > * {
  cursor: e-resize;
}

.cursor-ew-resize, .cursor-ew-resize > * {
  cursor: ew-resize;
}

.cursor-grab, .cursor-grab > * {
  cursor: grab;
}

.cursor-grabbing, .cursor-grabbing > * {
  cursor: grabbing;
}

.cursor-help, .cursor-help > * {
  cursor: help;
}

.cursor-move, .cursor-move > * {
  cursor: move;
}

.cursor-n-resize, .cursor-n-resize > * {
  cursor: n-resize;
}

.cursor-ne-resize, .cursor-ne-resize > * {
  cursor: ne-resize;
}

.cursor-nesw-resize, .cursor-nesw-resize > * {
  cursor: nesw-resize;
}

.cursor-ns-resize, .cursor-ns-resize > * {
  cursor: ns-resize;
}

.cursor-nw-resize, .cursor-nw-resize > * {
  cursor: nw-resize;
}

.cursor-nwse-resize, .cursor-nwse-resize > * {
  cursor: nwse-resize;
}

.cursor-no-drop, .cursor-no-drop > * {
  cursor: no-drop;
}

.cursor-none, .cursor-none > * {
  cursor: none;
}

.cursor-not-allowed, .cursor-not-allowed > * {
  cursor: not-allowed;
}

.cursor-pointer, .cursor-pointer > * {
  cursor: pointer;
}

.cursor-progress, .cursor-progress > * {
  cursor: progress;
}

.cursor-row-resize, .cursor-row-resize > * {
  cursor: row-resize;
}

.cursor-s-resize, .cursor-s-resize > * {
  cursor: s-resize;
}

.cursor-se-resize, .cursor-se-resize > * {
  cursor: se-resize;
}

.cursor-sw-resize, .cursor-sw-resize > * {
  cursor: sw-resize;
}

.cursor-text, .cursor-text > * {
  cursor: text;
}

.cursor-w-resize, .cursor-w-resize > * {
  cursor: w-resize;
}

.cursor-wait, .cursor-wait > * {
  cursor: wait;
}

.cursor-zoom-in, .cursor-zoom-in > * {
  cursor: zoom-in;
}

.cursor-zoom-out, .cursor-zoom-out > * {
  cursor: zoom-out;
}

/* Forms styles */
/* General styles (reset) */
.content-wrapper form {
  display: block;
  width: 100%;
}
.content-wrapper form .form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  background-clip: padding-box;
  appearance: none;
  -webkit-border-radius: 0.25rem !important;
  -moz-border-radius: 0.25rem !important;
  -o-border-radius: 0.25rem !important;
  -ms-border-radius: 0.25rem !important;
  border-radius: 0.25rem !important;
  border: 1px solid var(var(--line2-clr));
  background-color: var(--main-bg-clr);
  color: var(--main-text-clr);
  -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  -moz-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  -ms-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}
.content-wrapper form fieldset {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  border: unset !important;
  padding: unset !important;
  margin-bottom: unset !important;
  word-wrap: break-word;
}
.content-wrapper form fieldset .panel-body {
  padding: 0px !important;
}
.content-wrapper form .input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.content-wrapper form .input-group label {
  display: inline-block;
}
.content-wrapper form .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.content-wrapper form .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.content-wrapper form .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.content-wrapper input, .content-wrapper textarea, .content-wrapper select {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -o-appearance: none !important;
  -ms-appearance: none !important;
  appearance: none !important;
}
.content-wrapper input, .content-wrapper select, .content-wrapper optgroup, .content-wrapper textarea {
  margin: 0;
  margin-left: 0px;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.content-wrapper input::-webkit-input-placeholder {
  color: var(--grey-40);
  opacity: 1;
}
.content-wrapper input:-moz-placeholder {
  color: var(--grey-40);
  opacity: 1;
}
.content-wrapper input::-moz-placeholder {
  color: var(--grey-40);
  opacity: 1;
}
.content-wrapper input:-ms-input-placeholder {
  color: var(--grey-40);
  opacity: 1;
}
.content-wrapper input::-ms-input-placeholder {
  color: var(--grey-40);
  opacity: 1;
}
.content-wrapper input::placeholder {
  color: var(--grey-40);
  opacity: 1;
}
.content-wrapper textarea::-webkit-input-placeholder {
  color: var(--grey-40);
  opacity: 1;
}
.content-wrapper textarea:-moz-placeholder {
  color: var(--grey-40);
  opacity: 1;
}
.content-wrapper textarea::-moz-placeholder {
  color: var(--grey-40);
  opacity: 1;
}
.content-wrapper textarea:-ms-input-placeholder {
  color: var(--grey-40);
  opacity: 1;
}
.content-wrapper textarea::-ms-input-placeholder {
  color: var(--grey-40);
  opacity: 1;
}
.content-wrapper textarea::placeholder {
  color: var(--grey-40);
  opacity: 1;
}

/* Fieldset */
.content-wrapper form fieldset {
  margin-bottom: 2rem !important;
}
.content-wrapper form fieldset legend.fieldset-legend {
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0;
}
.content-wrapper form fieldset .panel-body {
  margin-top: 1rem;
}
.content-wrapper form fieldset.fieldset-bordered,
.content-wrapper form fieldset.panel {
  border: 1px solid var(--grey-20) !important;
  padding: 5px 10px 0px 10px !important;
}
.content-wrapper form fieldset.fieldset-bordered a,
.content-wrapper form fieldset.panel a {
  color: var(--main-text-clr);
  text-decoration: none !important;
}
.content-wrapper form fieldset.fieldset-bordered a:hover, .content-wrapper form fieldset.fieldset-bordered a:focus, .content-wrapper form fieldset.fieldset-bordered a:focus-within,
.content-wrapper form fieldset.panel a:hover,
.content-wrapper form fieldset.panel a:focus,
.content-wrapper form fieldset.panel a:focus-within {
  color: var(--main-text-clr);
  text-decoration: none !important;
}
.content-wrapper form fieldset.fieldset-bordered legend.fieldset-legend,
.content-wrapper form fieldset.panel legend.fieldset-legend {
  display: inline-block;
  width: auto;
  padding-right: 10px;
  padding-left: 5px;
}
.content-wrapper form fieldset.fieldset-bordered .panel-body,
.content-wrapper form fieldset.panel .panel-body {
  padding-right: 5px !important;
  padding-left: 5px !important;
}
.content-wrapper form fieldset.panel a.sheet-subtitle {
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0;
  text-transform: none;
  border-color: var(--line2-clr);
}

@media (min-width: 375px) {
  .content-wrapper form fieldset legend.fieldset-legend {
    font-size: calc(20px + 6 * (100vw - 375px) / 1065);
    line-height: calc(26px + 8 * (100vw - 375px) / 1065);
  }
  .content-wrapper form fieldset.panel a.sheet-subtitle {
    font-size: calc(20px + 6 * (100vw - 375px) / 1065);
    line-height: calc(26px + 8 * (100vw - 375px) / 1065);
  }
  .content-wrapper form fieldset.panel .panel-body {
    padding: 0 !important;
  }
}
@media (min-width: 992px) {
  .content-wrapper form fieldset.fieldset-bordered,
  .content-wrapper form fieldset.panel {
    padding: 10px 15px 5px 15px !important;
  }
}
@media (min-width: 1440px) {
  .content-wrapper form fieldset legend.fieldset-legend {
    font-size: 26px;
    line-height: 34px;
  }
  .content-wrapper form fieldset.panel a.sheet-subtitle {
    font-size: 26px;
    line-height: 34px;
  }
}
/* Inputs */
.content-wrapper form input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),
.content-wrapper form textarea,
.content-wrapper form select {
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.content-wrapper form input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):focus, .content-wrapper form input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):focus-within,
.content-wrapper form textarea:focus, .content-wrapper form textarea:focus-within,
.content-wrapper form select:focus, .content-wrapper form select:focus-within {
  box-shadow: none;
  border: 1px solid var(--blue-primary);
}
.content-wrapper form input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),
.content-wrapper form textarea,
.content-wrapper form select {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
  padding: 15px 40px 15px 17px !important;
  font-size: 24px !important;
  line-height: 32px !important;
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  border: 1px solid var(--form-input-brd-clr);
  background-color: var(--white-primary);
  color: var(--black-primary);
}
.content-wrapper form input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):disabled,
.content-wrapper form textarea:disabled,
.content-wrapper form select:disabled {
  background-color: var(--grey-10);
  cursor: not-allowed !important;
}
.content-wrapper form select {
  color: var(--grey-40);
}
.content-wrapper form select option {
  color: var(--black-primary);
}
.content-wrapper form select option.placeholder-option {
  color: var(--grey-40);
  background: transparent;
}
.content-wrapper form textarea {
  resize: none;
}
.content-wrapper form textarea.yui3-resize {
  resize: vertical;
}
.content-wrapper form textarea::-webkit-input-placeholder {
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  font-size: 24px !important;
  line-height: 32px !important;
}
.content-wrapper form textarea:-moz-placeholder {
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  font-size: 24px !important;
  line-height: 32px !important;
}
.content-wrapper form textarea::-moz-placeholder {
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  font-size: 24px !important;
  line-height: 32px !important;
}
.content-wrapper form textarea:-ms-input-placeholder {
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  font-size: 24px !important;
  line-height: 32px !important;
}
.content-wrapper form textarea::-ms-input-placeholder {
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  font-size: 24px !important;
  line-height: 32px !important;
}
.content-wrapper form textarea::placeholder {
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  font-size: 24px !important;
  line-height: 32px !important;
}
.content-wrapper form .form-inline {
  display: block;
  margin-bottom: 8px;
  margin-left: 0px;
}

@media (min-width: 992px) {
  .content-wrapper form input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),
  .content-wrapper form textarea, .content-wrapper form select {
    padding: 20px 40px 20px 25px !important;
    font-size: 32px !important;
    line-height: 38px !important;
  }
  .content-wrapper form textarea::-webkit-input-placeholder {
    font-size: 32px !important;
    line-height: 38px !important;
  }
  .content-wrapper form textarea:-moz-placeholder {
    font-size: 32px !important;
    line-height: 38px !important;
  }
  .content-wrapper form textarea::-moz-placeholder {
    font-size: 32px !important;
    line-height: 38px !important;
  }
  .content-wrapper form textarea:-ms-input-placeholder {
    font-size: 32px !important;
    line-height: 38px !important;
  }
  .content-wrapper form textarea::-ms-input-placeholder {
    font-size: 32px !important;
    line-height: 38px !important;
  }
  .content-wrapper form textarea::placeholder {
    font-size: 32px !important;
    line-height: 38px !important;
  }
  .content-wrapper form .form-group-inline {
    display: inline-block;
  }
  .content-wrapper form .form-inline {
    display: inline-block;
    margin-bottom: 24px;
    margin-left: 12px;
  }
  .content-wrapper form .form-inline:first-child {
    margin-left: 0px;
  }
}
/* Special Input types */
.content-wrapper form input[type=radio]::before,
.content-wrapper form input[type=checkbox]::before {
  content: "";
  position: absolute;
  cursor: pointer;
  left: 2px;
  top: 1px;
  width: 18px;
  height: 18px;
  border: 1px solid var(--checkbox-brd-clr);
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -o-border-radius: 2px !important;
  -ms-border-radius: 2px !important;
  border-radius: 2px !important;
}
.content-wrapper form input[type=radio]::before {
  -webkit-border-radius: 100% !important;
  -moz-border-radius: 100% !important;
  -o-border-radius: 100% !important;
  -ms-border-radius: 100% !important;
  border-radius: 100% !important;
}
.content-wrapper form input[type=radio]:checked::before,
.content-wrapper form input[type=checkbox]:checked::before {
  content: "✔";
  font-family: "icomoon";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9em;
  color: var(--checkbox-check-clr);
  border: 1px solid var(--checkbox-bg-clr);
  background-color: var(--checkbox-bg-clr);
}
.content-wrapper form input[type=radio]:checked::before {
  content: "\eb57";
  font-family: "icomoon-icon";
}
.content-wrapper form .radio label,
.content-wrapper form .input-checkbox-wrapper label,
.content-wrapper form input[type=radio] + label,
.content-wrapper form input[type=checkbox] + label {
  position: relative;
  display: inline-block;
  padding-left: 10px;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  -webkit-transition: all 0.2s ease-out !important;
  -moz-transition: all 0.2s ease-out !important;
  -o-transition: all 0.2s ease-out !important;
  -ms-transition: all 0.2s ease-out !important;
  transition: all 0.2s ease-out !important;
}
.content-wrapper form input[type=range] {
  -webkit-appearance: auto !important;
  -moz-appearance: auto !important;
  -o-appearance: auto !important;
  -ms-appearance: auto !important;
  appearance: auto !important;
  padding: 20px 17px !important;
}
.content-wrapper form input[type=color] {
  padding: 10px 12px !important;
  height: 65px;
  border: 1px solid var(--form-input-brd-clr);
}
.content-wrapper form input[type=color]::-webkit-color-swatch {
  border: 1px solid var(--checkbox-brd-clr);
}
.content-wrapper form input[type=color]::-moz-color-swatch {
  border: 1px solid var(--checkbox-brd-clr);
}

@media (min-width: 375px) {
  .content-wrapper form input[type=radio]::before,
  .content-wrapper form input[type=checkbox]::before {
    top: calc(1px + 2 * (100vw - 375px) / 1065);
  }
  .content-wrapper form .radio label,
  .content-wrapper form .input-checkbox-wrapper label,
  .content-wrapper form input[type=radio] + label,
  .content-wrapper form input[type=checkbox] + label {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .content-wrapper form .radio label,
  .content-wrapper form .input-checkbox-wrapper label,
  .content-wrapper form input[type=radio] + label,
  .content-wrapper form input[type=checkbox] + label {
    letter-spacing: 0.005em;
  }
  .content-wrapper form input[type=range] {
    padding: 30px 25px !important;
  }
  .content-wrapper form input[type=color] {
    height: 80px;
    padding: 10px 12px !important;
  }
}
@media (min-width: 1440px) {
  .content-wrapper form input[type=radio]::before,
  .content-wrapper form input[type=checkbox]::before {
    top: 3px;
  }
  .content-wrapper form .radio label,
  .content-wrapper form .input-checkbox-wrapper label,
  .content-wrapper form input[type=radio] + label,
  .content-wrapper form input[type=checkbox] + label {
    font-size: 16px;
    line-height: 24px;
  }
}
/* Info and Validation */
.content-wrapper form label.control-label {
  position: absolute;
  margin: 0px;
  padding: 0px;
  top: 22px;
  right: 10px;
  font-size: 0px;
  line-height: 0px;
  overflow: visible;
  z-index: 2;
}
.content-wrapper form label.control-label .reference-mark,
.content-wrapper form label.control-label .taglib-icon-help {
  z-index: 2;
}
.content-wrapper form label.control-label .reference-mark svg,
.content-wrapper form label.control-label .taglib-icon-help svg {
  min-height: 20px;
  min-width: 20px;
  overflow: visible;
}
.content-wrapper form label.control-label .reference-mark svg use {
  color: var(--orange-alert);
}
.content-wrapper form label.control-label .taglib-icon-help svg use {
  color: var(--grey-40);
}
.content-wrapper form .form-inline label.control-label {
  display: block;
  position: relative;
  height: auto;
  width: auto;
  color: transparent;
  font-size: 0px;
  line-height: 0px;
  top: 0px !important;
  right: 0px !important;
}
.content-wrapper form .form-inline label.control-label input {
  width: 100%;
}
.content-wrapper form .input-select-wrapper label.control-label {
  top: 8px;
  right: 8px;
}
.content-wrapper form .input-group-addon {
  border-radius: 0;
  border-color: var(--form-input-brd-clr);
  background-color: var(--grey-5);
  color: var(--grey-70);
  height: auto;
  font-size: 20px;
  line-height: 26px;
  font-family: var(--font-family-supsi-fedra-sans-demi);
}
.content-wrapper form .input-group-append .input-group-addon {
  padding: 18px 10px 18px 10px;
}
.content-wrapper form .input-group-prepend .input-group-addon {
  padding: 15px 10px 15px 10px;
}
.content-wrapper form .has-success .form-control {
  border: 2px solid var(--green-primary) !important;
}
.content-wrapper form .has-error .form-control {
  border: 2px solid var(--red-alert) !important;
}
.content-wrapper form .has-error .form-feedback-item {
  color: var(--red-alert);
}
.content-wrapper form .form-feedback-item {
  font-family: var(--font-family-supsi-fedra-sans-demi);
}

@media (min-width: 992px) {
  .content-wrapper form label.control-label {
    top: 34px;
    right: 10px;
  }
  .content-wrapper form .input-select-wrapper label.control-label {
    top: 5px;
    right: 5px;
  }
  .content-wrapper form .input-group-addon {
    font-size: 24px;
    line-height: 34px;
  }
  .content-wrapper form .input-group-append .input-group-addon {
    padding: 23px 15px 23px 15px;
  }
  .content-wrapper form .input-group-prepend .input-group-addon {
    padding: 20px 15px 20px 15px;
  }
}
/* Buttons */
.content-wrapper form .button-holder {
  margin-top: 1rem !important;
  text-align: left !important;
}
.content-wrapper form .button-holder button,
.content-wrapper form .button-holder input[type=button],
.content-wrapper form .button-holder input[type=submit],
.content-wrapper form .button-holder input[type=reset] {
  font-size: 20px;
  line-height: 28px;
  padding: 11px 13px;
}
.content-wrapper form .button-holder button:nth-child(2n+1),
.content-wrapper form .button-holder input[type=button]:nth-child(2n+1),
.content-wrapper form .button-holder input[type=submit]:nth-child(2n+1),
.content-wrapper form .button-holder input[type=reset]:nth-child(2n+1) {
  margin-right: 3px;
}
.content-wrapper form .button-holder input[type=submit],
.content-wrapper form .button-holder button[type=submit] {
  color: var(--white-primary);
  background-color: var(--blue-primary);
}
.content-wrapper form .button-holder input[type=submit]:hover, .content-wrapper form .button-holder input[type=submit]:focus, .content-wrapper form .button-holder input[type=submit]:focus-within,
.content-wrapper form .button-holder button[type=submit]:hover, .content-wrapper form .button-holder button[type=submit]:focus, .content-wrapper form .button-holder button[type=submit]:focus-within {
  background-color: var(--blue-primary);
  opacity: 0.8;
}

@media (min-width: 992px) {
  .content-wrapper form .button-holder {
    text-align: right !important;
  }
  .content-wrapper form .button-holder button,
  .content-wrapper form .button-holder input[type=button],
  .content-wrapper form .button-holder input[type=submit],
  .content-wrapper form .button-holder input[type=reset] {
    font-size: 26px;
    line-height: 30px;
    padding: 14px 18px;
  }
  .content-wrapper form .button-holder button:nth-child(2n+1),
  .content-wrapper form .button-holder input[type=button]:nth-child(2n+1),
  .content-wrapper form .button-holder input[type=submit]:nth-child(2n+1),
  .content-wrapper form .button-holder input[type=reset]:nth-child(2n+1) {
    margin-right: 8px;
  }
}
/* Images styles */
/* Background images */
.content-wrapper [data-bgset] {
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.content-wrapper .article-image, .content-wrapper .article-map {
  float: left;
  width: calc(100% + 8px);
  margin-top: 32px;
  margin-left: -4px;
  margin-right: -4px;
}
.content-wrapper .article-image.wide {
  height: 240px;
}

.side-article-image {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: unset;
  margin-top: 32px;
}

@media (min-width: 375px) {
  .content-wrapper .article-image, .content-wrapper .article-map {
    margin-top: calc(32px + 16 * (100vw - 375px) / 1065);
  }
  .content-wrapper .article-image.wide {
    height: calc(240px + 240 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 768px) {
  .side-article-image {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
}
@media (min-width: 992px) {
  .content-wrapper {
    /*
    a:hover,a:focus,a:focus-within{
    	[data-bgset]::after {
    		content: '';
    				position: absolute;
    				width: 100%;
    				height: 100%;
    				background-color: rgba(0,0,0,0.2);
    				top: 0;
    				bottom: 0;
    				right: 0;
    				left: 0;
    	}
    }
    */
  }
  .content-wrapper [data-bgset]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0,0,0,0);*/
    background-color: var(--black-primary);
    opacity: 0;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all 0.3s ease-out !important;
    -moz-transition: all 0.3s ease-out !important;
    -o-transition: all 0.3s ease-out !important;
    -ms-transition: all 0.3s ease-out !important;
    transition: all 0.3s ease-out !important;
  }
  .content-wrapper a:hover [data-bgset]::before, .content-wrapper a:focus [data-bgset]::before, .content-wrapper a:focus-within [data-bgset]::before {
    opacity: 0.2;
  }
}
@media (min-width: 1440px) {
  .content-wrapper .article-image, .content-wrapper .article-map {
    margin-top: 48px;
  }
  .content-wrapper .article-image.wide {
    height: unset;
    aspect-ratio: 3/1;
  }
}
/* Ratio e Position */
.content-wrapper .x-center {
  background-position-x: center !important;
}
.content-wrapper .x-left {
  background-position-x: left !important;
}
.content-wrapper .x-right {
  background-position-x: right !important;
}
.content-wrapper .y-center {
  background-position-y: center !important;
}
.content-wrapper .y-top {
  background-position-y: top !important;
}
.content-wrapper .y-bottom {
  background-position-y: bottom !important;
}
.content-wrapper .ar-1x1 {
  padding-bottom: 100%;
}
.content-wrapper .ar-2x1 {
  padding-bottom: 50%;
}
.content-wrapper .ar-3x2 {
  padding-bottom: 66.6666666667%;
}
.content-wrapper .ar-16x9 {
  padding-bottom: 56.25%;
}

/* Pictogram Images */
img.pictogram {
  content: unset !important;
}

body.dark-layout img.pictogram {
  color: var(--white-primary);
  -webkit-filter: grayscale(100%) !important;
  filter: grayscale(100%) !important;
  -webkit-filter: invert(100%) !important;
  filter: invert(100%) !important;
}

/* Employee Image Placeholder */
.employee-image-placeholder-container {
  width: 100%;
  /*height:100%;*/
  position: relative;
  /*padding-bottom:80%;*/
  padding-bottom: 100%;
}
.employee-image-placeholder-container .employee-image-placeholder {
  background-color: var(--grey-10);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.employee-image-placeholder-container .employee-image-placeholder span {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  margin-top: 40%;
  color: var(--grey-40);
}

/* Separator styles */
.lfr-layout-structure-item-separatore {
  /*display:none;*/
}

hr {
  border-color: var(--line2-clr);
}

.fragment-separator hr,
.side-separator hr {
  display: block;
  float: left;
  height: 8px;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: var(--side-separator-bg-clr);
  opacity: 1;
}

.side-separator hr {
  width: calc(100% + 32px);
  margin-top: 64px;
  margin-bottom: 64px;
  margin-left: -16px;
  margin-right: -16px;
}

.fragment-separator > hr {
  width: 100%;
  margin-top: 64px;
}

.fragment-separator {
  overflow: auto;
}

@media (min-width: 375px) {
  .fragment-separator hr,
  .side-separator hr {
    margin-top: calc(34px + 32 * (100vw - 375px) / 1065);
    margin-bottom: calc(24px + 32 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  .fragment-separator hr {
    margin-top: 96px;
  }
}
/* Dropdown Menu styles */
.dropup, .dropend, .dropdown, .dropstart {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: 0.125rem;
}

.dropdown-menu-start {
  --bs-position:start ;
}

.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position:end ;
}

.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position:start ;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position:end ;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position:start ;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position:end ;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position:start ;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position:end ;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position:start ;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position:end ;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position:start ;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position:end ;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropstart .dropdown-toggle::after {
  display: none;
}

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #1e2125;
  background-color: #e9ecef;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0d6efd;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1rem;
  color: #212529;
}

.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(0, 0, 0, 0.15);
}

.dropdown-menu-dark .dropdown-item {
  color: #dee2e6;
}

.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  color: #fff;
  background-color: #0d6efd;
}

.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd;
}

.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.15);
}

.dropdown-menu-dark .dropdown-item-text {
  color: #dee2e6;
}

.dropdown-menu-dark .dropdown-header {
  color: #adb5bd;
}

/* Title styles */
.section-title {
  position: relative;
  padding-top: 9px;
  padding-bottom: 33px;
}
.section-title h3 span {
  color: var(--grey-50);
}
.section-title h3 span i {
  display: inline-block;
  width: 28px;
  height: 34px;
  margin-left: 6px;
  font-size: 28px;
  line-height: 34px;
  font-weight: 400;
}
.section-title .h5 span i {
  font-size: 18px;
  line-height: 24px;
  width: 18px;
  height: 24px;
}
.section-title a.show-all {
  color: var(--link2-clr);
}
.section-title a label {
  margin-bottom: 0px;
}
.section-title .section-title-p:not(.headline) {
  position: relative;
  padding-top: 9px;
  margin-top: 32px;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0;
}

.section-title::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: calc(100% - 24px);
  height: 1px;
  background-color: var(--line1-clr);
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}

.section-title.section-title-h4:before {
  background-color: var(--line2-clr);
}

.section-title.small::before {
  background-color: var(--line2-clr);
}

.section-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: calc(100% - 24px);
  height: 1px;
  background-color: var(--line2-clr);
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}

.section-title.filled-brd::after {
  background-color: var(--line1-clr);
}

.section-title > div:not(.title-subtitle):not(.abstract-text) {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
}
.section-title > div:not(.title-subtitle):not(.abstract-text) a {
  margin-top: 16px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.005em;
  white-space: nowrap;
  font-family: var(--font-family-supsi-fedra-sans-medium);
}

.section-title > div:not(.title-subtitle):not(.abstract-text) > h2 > span {
  color: var(--grey-50);
}
.section-title > div:not(.title-subtitle):not(.abstract-text) > h2 > span i {
  display: inline-block;
  width: 28px;
  height: 34px;
  margin-left: 6px;
  font-size: 28px;
  line-height: 34px;
  font-weight: 400;
}

.section-title > p:not(.headline),
.section-title > div.title-subtitle:not(.headline) {
  position: relative;
  padding-top: 9px;
  margin-top: 32px;
  margin-bottom: 0px;
  letter-spacing: 0;
}

.section-title > p:not(.headline)::after,
.section-title > div.title-subtitle:not(.headline)::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: var(--line2-clr);
}

.section-title > p.headline,
.section-title > div.title-subtitle.headline {
  margin-bottom: 4px;
  color: var(--main-text-clr);
}

.section-title.inline {
  display: flex;
  flex-direction: column;
}

.section-title.inline > * {
  width: 100%;
  margin-top: 32px !important;
}

.section-title.inline > div:not(.title-subtitle):not(.abstract-text) {
  padding-right: 0;
}

.section-title.inline > :first-child {
  margin-top: 0 !important;
}

.section-title.no-brd {
  padding-bottom: 32px;
}

.section-title.no-brd::after {
  display: none;
}

.section-title.no-brd-top {
  padding-top: 0;
  margin-top: 0;
}

.section-title.no-brd-top::before {
  display: none;
}

.section-title > div.lfr-richtext a {
  margin-left: 0px !important;
}

@media (min-width: 375px) {
  .section-title {
    padding-top: calc(9px + 4 * (100vw - 375px) / 1065);
    padding-bottom: calc(33px + 16 * (100vw - 375px) / 1065);
  }
  .section-title h3 span i {
    width: calc(28px + 0 * (100vw - 375px) / 1065);
    height: calc(34px + 14 * (100vw - 375px) / 1065);
    font-size: 28px;
    line-height: calc(34px + 14 * (100vw - 375px) / 1065);
  }
  .section-title .h5 span i {
    font-size: calc(18px + 6 * (100vw - 375px) / 1065);
    line-height: calc(24px + 8 * (100vw - 375px) / 1065);
    width: calc(18px + 6 * (100vw - 375px) / 1065);
    height: calc(24px + 8 * (100vw - 375px) / 1065);
  }
  .section-title .section-title-p:not(.headline) {
    padding-top: calc(9px + 4 * (100vw - 375px) / 1065);
    margin-top: calc(32px + 16 * (100vw - 375px) / 1065);
    font-size: calc(20px + 4 * (100vw - 375px) / 1065);
    line-height: calc(26px + 8 * (100vw - 375px) / 1065);
  }
  .section-title > div:not(.title-subtitle):not(.abstract-text) a {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
  .section-title > div:not(.title-subtitle):not(.abstract-text) > h2 > span i {
    width: calc(28px + 0 * (100vw - 375px) / 1065);
    height: calc(34px + 14 * (100vw - 375px) / 1065);
    font-size: 28px;
    line-height: calc(34px + 14 * (100vw - 375px) / 1065);
  }
  .section-title > p:not(.headline),
  .section-title > div.title-subtitle:not(.headline) {
    padding-top: calc(9px + 4 * (100vw - 375px) / 1065);
    margin-top: calc(32px + 16 * (100vw - 375px) / 1065);
    font-size: calc(20px + 4 * (100vw - 375px) / 1065);
  }
  .section-title.small > p:not(.headline),
  .section-title.small > div.title-subtitle:not(.headline) {
    margin-top: calc(6px + 16 * (100vw - 375px) / 1065);
  }
  .section-title.inline > div:not(.title-subtitle):not(.abstract-text) {
    padding-right: calc(0px + 40 * (100vw - 375px) / 1065);
  }
  .section-title.no-brd {
    padding-bottom: calc(32px + 16 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 768px) {
  .section-title .section-title-p:not(.headline) {
    padding-right: 14%;
  }
  .section-title > div:not(.title-subtitle):not(.abstract-text) {
    flex-direction: row;
  }
  .section-title > div:not(.title-subtitle):not(.abstract-text) a {
    margin-left: 30px;
    margin-top: calc(9px + 3 * (100vw - 768px) / 672);
  }
  .section-title > p:not(.headline),
  .section-title > div.title-subtitle:not(.headline) {
    padding-right: 14%;
  }
  .section-title.inline {
    flex-direction: row;
  }
  .section-title.inline > * {
    width: 50%;
    margin-top: 0 !important;
  }
}
@media (min-width: 992px) {
  .section-title .section-title-p:not(.headline) {
    padding-right: 24%;
  }
  .section-title > p:not(.headline),
  .section-title > div.title-subtitle:not(.headline) {
    padding-right: 24%;
  }
}
@media (min-width: 1200px) {
  .section-title .section-title-p:not(.headline) {
    padding-right: 34%;
  }
  .section-title > p:not(.headline),
  .section-title > div.title-subtitle:not(.headline) {
    padding-right: 34%;
  }
}
@media (min-width: 1440px) {
  .section-title {
    padding-top: 13px;
    padding-bottom: 49px;
  }
  .section-title h3 span i {
    width: 28px;
    height: 48px;
    font-size: 28px;
    line-height: 48px;
  }
  .section-title .section-title-p:not(.headline) {
    padding-top: 13px;
    margin-top: 48px;
    font-size: 24px;
    line-height: 34px;
  }
  .section-title .h5 span i {
    width: 24px;
    height: 32px;
    font-size: 24px;
    line-height: 32px;
  }
  .section-title > div:not(.title-subtitle):not(.abstract-text) a {
    margin-top: 12px;
    font-size: 16px;
    line-height: 24px;
  }
  .section-title > div:not(.title-subtitle):not(.abstract-text) > h2 > span i {
    width: 28px;
    height: 48px;
    font-size: 28px;
    line-height: 48px;
  }
  .section-title > p:not(.headline),
  .section-title > div.title-subtitle:not(.headline) {
    padding-top: 13px;
    margin-top: 48px;
  }
  .section-title.small > p:not(.headline),
  .section-title.small > div.title-subtitle:not(.headline) {
    margin-top: 24px;
  }
  .section-title.inline > div:not(.title-subtitle):not(.abstract-text) {
    padding-right: 40px;
  }
  .section-title.no-brd {
    padding-bottom: 48px;
  }
}
/* Messaggio in edit se il fragment verrà nascosto */
.lfr-layout-structure-item-intestazione-lanci .will-hide-msg .container::before {
  content: "Questo elemento verrà nascosto perché il prossimo elemento non ha risultati.";
  position: absolute;
  top: 10px;
  right: 15px;
  padding: 8px 10px;
  margin-bottom: 5px;
  max-width: 40%;
  z-index: 2;
  background-color: var(--red-alert);
  color: var(--white-primary);
}

/* Fix Link nei titoli */
.section-title label a, .section-title span a {
  /* color: inherit !important; */
  font-size: inherit !important;
  margin: inherit !important;
  /* text-decoration: inherit !important; */
  margin: 0 !important;
  padding: 0 !important;
}

/* Text element generic styles */
.text-article .subtitle, .text-article .subtitle-01 {
  margin-top: 32px;
}
.text-article .subtitle.mt-small {
  margin-top: 8px;
}
.text-article .subtitle.mt-med {
  margin-top: 24px;
}
.text-article .caption {
  padding-top: 8px;
}
.text-article ul.info-list, .text-article ul.point-list {
  position: relative;
  margin-bottom: 1.5rem;
}
.text-article ul.info-list li, .text-article ul.point-list li {
  position: relative;
  padding-left: 27px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: var(--main-text-clr);
  font-family: var(--font-family-supsi-fedra-sans-demi);
}
.text-article ul.info-list li p, .text-article ul.point-list li p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  margin-bottom: 0px;
  color: var(--text-article-list-txt-clr);
}
.text-article ul.info-list {
  width: calc(100% + 24px);
  margin-left: -12px;
  margin-right: -12px;
  margin-top: 4px;
}
.text-article ul.info-list li {
  margin-top: 16px;
  padding: 0 12px !important;
}
.text-article ul.info-list::before {
  content: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1px;
  height: calc(100% - 18px);
  background-color: var(--line2-clr);
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}
.text-article ul.point-list {
  width: calc(100% + 32px);
  margin-left: -16px;
  margin-right: -16px;
}
.text-article ul.point-list li {
  margin-top: 18px;
  padding: 0 16px 0 48px !important;
}
.text-article ul.point-list li::before {
  content: "";
  position: absolute;
  left: 19px;
  top: 10px;
  width: 14px;
  height: 2px;
  background-color: var(--main-text-clr);
}
.text-article ul.point-list.col2 li {
  width: 100%;
}
.text-article .text-article-description {
  margin-top: 24px;
  margin-bottom: 1.5rem;
  font-size: 16px;
  line-height: 24px;
}
.text-article .split-list {
  position: relative;
  float: left;
  width: calc(100% + 32px);
  margin-left: -16px;
  margin-right: -16px;
  margin-top: 0px;
  padding-top: 17px;
}
.text-article .split-list section .container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.text-article .split-list ul.point-list {
  margin-bottom: 0;
}
.text-article .split-list ul.point-list p {
  color: var(--main-text-clr);
}
.text-article .split-list::after {
  content: "";
  position: absolute;
  left: 16px;
  top: 0;
  width: calc(100% - 32px);
  height: 1px;
  background-color: var(--line2-clr);
}
.text-article .split-list > div {
  float: left;
  width: 100%;
  padding: 0 16px;
  padding-top: 0px;
}
.text-article .split-list > div h5, .text-article .split-list > div .h5 {
  margin-bottom: 16px;
}
.text-article .split-list > div:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.text-article .split-list > div > :first-child li:first-child {
  margin-top: 0 !important;
}
.text-article .split-list > div:last-child {
  position: relative;
  margin-top: 32px;
  padding-top: 19px;
}
.text-article .lfr-p.small {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.005em;
  margin-top: 8px;
}
.text-article a .image {
  margin-bottom: 16px;
  margin-top: 8px;
}

.content-2-cols .no-margin-top .p-margin {
  margin-top: 0px !important;
}
.content-2-cols .no-margin-top ul.point-list li:nth-child(1),
.content-2-cols .no-margin-top ul.point-list li:nth-child(2) {
  margin-top: 0px !important;
}
.content-2-cols .no-margin-top .split-list {
  margin-top: 0px !important;
  padding-top: 0px !important;
}
.statistic-label {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}

.component-paragraph img {
  width: 100%;
}

@media (min-width: 375px) {
  .text-article .subtitle, .text-article .subtitle-01 {
    margin-top: calc(32px + 16 * (100vw - 375px) / 1065);
  }
  .text-article .subtitle.mt-small {
    margin-top: calc(8px + 4 * (100vw - 375px) / 1065);
  }
  .text-article .subtitle.mt-med {
    margin-top: calc(24px + 8 * (100vw - 375px) / 1065);
  }
  .text-article .caption {
    padding-top: calc(8px + 8 * (100vw - 375px) / 1065);
  }
  .text-article ul.info-list li, .text-article ul.point-list li {
    padding-left: calc(27px + 0 * (100vw - 375px) / 1065);
    font-size: calc(16px + 2 * (100vw - 375px) / 1065);
    line-height: calc(24px + 4 * (100vw - 375px) / 1065);
  }
  .text-article ul.info-list li p, .text-article ul.point-list li p {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
  .text-article ul.info-list li {
    margin-top: calc(16px + 8 * (100vw - 375px) / 1065);
  }
  .text-article ul.info-list::before {
    height: calc(100% - (18px + 6 * (100vw - 375px) / 1065));
  }
  .text-article ul.point-list li {
    margin-top: calc(18px + 6 * (100vw - 375px) / 1065);
    padding: 0 calc(16px + 0 * (100vw - 375px) / 1065) 0 calc(48px + 0 * (100vw - 375px) / 1065) !important;
  }
  .text-article ul.point-list li::before {
    left: calc(19px + 2 * (100vw - 375px) / 1065);
    top: calc(10px + 3 * (100vw - 375px) / 1065);
  }
  .text-article .text-article-description {
    margin-top: calc(24px + 4 * (100vw - 375px) / 1065);
    font-size: calc(16px + 2 * (100vw - 375px) / 1065);
    line-height: calc(24px + 4 * (100vw - 375px) / 1065);
  }
  .text-article .split-list {
    padding-top: calc(17px + 8 * (100vw - 375px) / 1065);
  }
  .text-article .lfr-p.small {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
  .text-article a .image {
    margin-bottom: calc(16px + 8 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 576px) {
  .text-article ul.info-list li {
    width: 50%;
  }
  .text-article ul.info-list::before {
    content: "";
  }
  .text-article .split-list > div {
    width: 50%;
  }
  .text-article .split-list > div:last-child {
    margin-top: 0;
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .text-article div.col2 {
    column-count: 2;
    column-gap: 24px;
  }
  .text-article ul.point-list.col2 li {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .text-article ul.info-list li p, .text-article ul.point-list li p {
    letter-spacing: 0.005em;
  }
  .text-article a .image {
    margin-top: 0;
  }
}
@media (min-width: 1440px) {
  .text-article .subtitle, .text-article .subtitle-01 {
    margin-top: 48px;
  }
  .text-article .subtitle.mt-small {
    margin-top: 12px;
  }
  .text-article .subtitle.mt-med {
    margin-top: 32px;
  }
  .text-article .caption {
    padding-top: 16px;
  }
  .text-article ul.info-list li, .text-article ul.point-list li {
    padding-left: 27px;
    font-size: 18px;
    line-height: 28px;
  }
  .text-article ul.info-list li p, .text-article ul.point-list li p {
    font-size: 16px;
    line-height: 24px;
  }
  .text-article ul.info-list li {
    margin-top: 24px;
  }
  .text-article ul.info-list::before {
    height: calc(100% - 24px);
  }
  .text-article ul.point-list li {
    margin-top: 24px;
    padding: 0 16px 0 48px;
  }
  .text-article ul.point-list li::before {
    left: 21px;
    top: 13px;
  }
  .text-article .text-article-description {
    margin-top: 28px;
    font-size: 18px;
    line-height: 28px;
  }
  .text-article .split-list {
    padding-top: 25px;
  }
  .text-article .split-list > div h5, .text-article .split-list > div .h5 {
    font-size: 24px;
    line-height: 32px;
  }
  .text-article .lfr-p.small {
    font-size: 16px;
    line-height: 24px;
  }
  .text-article a .image {
    margin-bottom: 24px;
  }
}
/* Quote styles */
.article-quote {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%;
  padding-right: 0 !important;
}
.article-quote .quote {
  float: left;
  position: relative;
  width: 100%;
  padding-top: 48px;
  padding-bottom: 64px;
}
.article-quote .quote div {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.005em;
  font-family: var(--font-family-supsi-fedra-serif-book);
  color: var(--main-text-clr);
}
.article-quote .quote::before {
  content: "“";
  position: absolute;
  left: 0;
  top: 4px;
  width: 80px;
  height: 30px;
  font-size: 80px;
  line-height: 80px;
  font-weight: 400;
  font-style: normal;
  font-family: var(--font-family-supsi-fedra-serif-book);
  color: var(--main-text-clr);
}
.article-quote .author {
  float: left;
  width: 100%;
  position: relative;
  padding-top: 9px;
}
.article-quote .author p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  margin-bottom: 0;
  color: var(--main-text-clr);
}
.article-quote .author p a:not(.btn-link) {
  text-decoration: none;
  color: var(--main-text-clr);
}
.article-quote .author p strong {
  display: block;
  float: left;
  width: 100%;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 400;
}
.article-quote .author::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: var(--line2-clr);
}

@media (min-width: 375px) {
  .article-quote .quote div {
    font-size: calc(20px + 12 * (100vw - 375px) / 1065);
    line-height: calc(28px + 16 * (100vw - 375px) / 1065);
  }
  .article-quote .quote::before {
    left: 0;
    top: calc(16px - 12 * (100vw - 375px) / 1065);
    width: calc(80px + 4 * (100vw - 375px) / 1065);
    height: calc(30px + 4 * (100vw - 375px) / 1065);
    font-size: calc(80px + 4 * (100vw - 375px) / 1065);
    line-height: calc(80px + 4 * (100vw - 375px) / 1065);
  }
  .article-quote .author {
    padding-top: calc(9px + 4 * (100vw - 375px) / 1065);
  }
  .article-quote .author p {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
  .article-quote .author p strong {
    font-size: calc(18px + 6 * (100vw - 375px) / 1065);
    line-height: calc(24px + 8 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .article-quote .quote {
    padding-right: 17%;
    padding-bottom: 0;
  }
  .article-quote .author p {
    letter-spacing: 0.005em;
  }
}
@media (min-width: 1440px) {
  .article-quote .quote {
    padding-top: 48px;
  }
  .article-quote .quote div {
    font-size: 32px;
    line-height: 44px;
  }
  .article-quote .quote::before {
    top: 4px;
    width: 90px;
    height: 30px;
    font-size: 90px;
    line-height: 90px;
  }
  .article-quote .author {
    padding-top: 13px;
  }
  .article-quote .author p {
    font-size: 16px;
    line-height: 24px;
  }
  .article-quote .author p strong {
    font-size: 24px;
    line-height: 32px;
  }
}
/* Sliders styles */
/* Generic */
.teaser-slider,
.people-teaser-slider,
.project-teaser-slider,
.service-teaser-slider,
.newsroom-slider,
.image-slider {
  position: relative;
  width: 100%;
  padding-top: 0;
  overflow-x: hidden;
}
.teaser-slider .swiper,
.people-teaser-slider .swiper,
.project-teaser-slider .swiper,
.service-teaser-slider .swiper,
.newsroom-slider .swiper,
.image-slider .swiper {
  position: relative;
  display: none;
  float: left;
  width: calc(100% + 16px);
  margin-left: -8px;
  margin-right: -8px;
  overflow: visible;
}
.teaser-slider .swiper .swiper-slide,
.people-teaser-slider .swiper .swiper-slide,
.project-teaser-slider .swiper .swiper-slide,
.service-teaser-slider .swiper .swiper-slide,
.newsroom-slider .swiper .swiper-slide,
.image-slider .swiper .swiper-slide {
  position: relative;
  padding: 9px 8px 0 8px;
}
.teaser-slider .swiper .swiper-slide::after,
.people-teaser-slider .swiper .swiper-slide::after,
.project-teaser-slider .swiper .swiper-slide::after,
.service-teaser-slider .swiper .swiper-slide::after,
.newsroom-slider .swiper .swiper-slide::after,
.image-slider .swiper .swiper-slide::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: calc(100% - 9px);
  background-color: var(--line2-clr);
}
.teaser-slider .swiper .swiper-slide:last-child:after,
.people-teaser-slider .swiper .swiper-slide:last-child:after,
.project-teaser-slider .swiper .swiper-slide:last-child:after,
.service-teaser-slider .swiper .swiper-slide:last-child:after,
.newsroom-slider .swiper .swiper-slide:last-child:after,
.image-slider .swiper .swiper-slide:last-child:after {
  content: none;
}
.teaser-slider .swiper .swiper-slide:before,
.people-teaser-slider .swiper .swiper-slide:before,
.project-teaser-slider .swiper .swiper-slide:before,
.service-teaser-slider .swiper .swiper-slide:before,
.newsroom-slider .swiper .swiper-slide:before,
.image-slider .swiper .swiper-slide:before {
  /*
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:1px;
  background-color: var(--line2-clr);
  */
  content: none;
  background-color: transparent;
}
.teaser-slider .swiper .swiper-slide:first-child:before,
.people-teaser-slider .swiper .swiper-slide:first-child:before,
.project-teaser-slider .swiper .swiper-slide:first-child:before,
.service-teaser-slider .swiper .swiper-slide:first-child:before,
.newsroom-slider .swiper .swiper-slide:first-child:before,
.image-slider .swiper .swiper-slide:first-child:before {
  left: 8px;
  width: calc(100% - 8px);
}
.teaser-slider .swiper .swiper-slide:last-child:before,
.people-teaser-slider .swiper .swiper-slide:last-child:before,
.project-teaser-slider .swiper .swiper-slide:last-child:before,
.service-teaser-slider .swiper .swiper-slide:last-child:before,
.newsroom-slider .swiper .swiper-slide:last-child:before,
.image-slider .swiper .swiper-slide:last-child:before {
  width: calc(100% - 8px);
}
.teaser-slider .swiper.swiper-initialized,
.people-teaser-slider .swiper.swiper-initialized,
.project-teaser-slider .swiper.swiper-initialized,
.service-teaser-slider .swiper.swiper-initialized,
.newsroom-slider .swiper.swiper-initialized,
.image-slider .swiper.swiper-initialized {
  display: block;
}

.teaser-slider.pt-more,
.people-teaser-slider.pt-more,
.project-teaser-slider.pt-more,
.service-teaser-slider.pt-more,
.newsroom-slider.pt-more,
.image-slider.pt-more {
  padding-top: 32px;
}

.teaser-slider.no-brd,
.people-teaser-slider.no-brd,
.project-teaser-slider.no-brd,
.service-teaser-slider.no-brd,
.newsroom-slider.no-brd,
.image-slider.no-brd {
  padding-top: 0;
}
.teaser-slider.no-brd .swiper .swiper-slide:before,
.people-teaser-slider.no-brd .swiper .swiper-slide:before,
.project-teaser-slider.no-brd .swiper .swiper-slide:before,
.service-teaser-slider.no-brd .swiper .swiper-slide:before,
.newsroom-slider.no-brd .swiper .swiper-slide:before,
.image-slider.no-brd .swiper .swiper-slide:before {
  content: none;
}

.teaser-slider.filled-brd .swiper .swiper-slide:before,
.people-teaser-slider.filled-brd .swiper .swiper-slide:before,
.project-teaser-slider.filled-brd .swiper .swiper-slide:before,
.service-teaser-slider.filled-brd .swiper .swiper-slide:before,
.newsroom-slider.filled-brd .swiper .swiper-slide:before,
.image-slider.filled-brd .swiper .swiper-slide:before {
  background-color: var(-line1-clr);
}

@media (min-width: 992px) {
  .teaser-slider,
  .people-teaser-slider,
  .project-teaser-slider,
  .service-teaser-slider,
  .newsroom-slider,
  .image-slider {
    padding-top: calc(34px + 10 * (100vw - 992px) / 448);
  }
  .teaser-slider .swiper,
  .people-teaser-slider .swiper,
  .project-teaser-slider .swiper,
  .service-teaser-slider .swiper,
  .newsroom-slider .swiper,
  .image-slider .swiper {
    width: calc(100% + 24px);
    margin-left: -12px;
    margin-right: -12px;
  }
  .teaser-slider .swiper .swiper-slide,
  .people-teaser-slider .swiper .swiper-slide,
  .project-teaser-slider .swiper .swiper-slide,
  .service-teaser-slider .swiper .swiper-slide,
  .newsroom-slider .swiper .swiper-slide,
  .image-slider .swiper .swiper-slide {
    padding: 13px 12px 0 12px;
  }
  .teaser-slider .swiper .swiper-slide::after,
  .people-teaser-slider .swiper .swiper-slide::after,
  .project-teaser-slider .swiper .swiper-slide::after,
  .service-teaser-slider .swiper .swiper-slide::after,
  .newsroom-slider .swiper .swiper-slide::after,
  .image-slider .swiper .swiper-slide::after {
    height: calc(100% - 13px);
  }
  .teaser-slider .swiper .swiper-slide:first-child:before,
  .people-teaser-slider .swiper .swiper-slide:first-child:before,
  .project-teaser-slider .swiper .swiper-slide:first-child:before,
  .service-teaser-slider .swiper .swiper-slide:first-child:before,
  .newsroom-slider .swiper .swiper-slide:first-child:before,
  .image-slider .swiper .swiper-slide:first-child:before {
    left: 12px;
    width: calc(100% - 12px);
  }
  .teaser-slider .swiper .swiper-slide:last-child:before,
  .people-teaser-slider .swiper .swiper-slide:last-child:before,
  .project-teaser-slider .swiper .swiper-slide:last-child:before,
  .service-teaser-slider .swiper .swiper-slide:last-child:before,
  .newsroom-slider .swiper .swiper-slide:last-child:before,
  .image-slider .swiper .swiper-slide:last-child:before {
    width: calc(100% - 12px);
  }
  .teaser-slider:not(.no-nav):before,
  .people-teaser-slider:not(.no-nav):before,
  .project-teaser-slider:not(.no-nav):before,
  .service-teaser-slider:not(.no-nav):before,
  .newsroom-slider:not(.no-nav):before,
  .image-slider:not(.no-nav):before {
    content: "";
    position: absolute;
    left: 0;
    top: 44px;
    height: 1px;
    /*width: calc(100% - 24px);*/
    width: 100%;
    margin: 0 12px;
    background-color: var(--line2-clr);
  }
  .teaser-slider,
  .people-teaser-slider,
  .project-teaser-slider {
    overflow: visible;
  }
  .project-teaser-slider:not(.no-nav):before {
    margin: 0;
  }
  .teaser-slider.smart-slider:not(.no-nav):before,
  .people-teaser-slider:not(.no-nav):before,
  .service-teaser-slider:not(.no-nav):before {
    width: calc(100% - 24px);
  }
  .teaser-slider.pt-more,
  .people-teaser-slider.pt-more,
  .project-teaser-slider.pt-more,
  .service-teaser-slider.pt-more,
  .newsroom-slider.pt-more,
  .image-slider.pt-more {
    padding-top: calc(34px + 14 * (100vw - 992px) / 448);
  }
}
@media (min-width: 1440px) {
  .teaser-slider,
  .people-teaser-slider,
  .project-teaser-slider,
  .service-teaser-slider,
  .newsroom-slider,
  .image-slider {
    padding-top: 44px;
  }
  .teaser-slider.pt-more,
  .people-teaser-slider.pt-more,
  .project-teaser-slider.pt-more,
  .service-teaser-slider.pt-more,
  .newsroom-slider.pt-more,
  .image-slider.pt-more {
    padding-top: 48px;
  }
}
/* Newsroom slider */
.newsroom-slider {
  padding-top: 32px;
}

/* Project Teaser slider */
.project-teaser-slider .swiper .swiper-slide {
  padding: 33px 12px 0 12px;
}
.project-teaser-slider .swiper .swiper-slide:after {
  content: none;
}

@media (min-width: 375px) {
  .project-teaser-slider .swiper .swiper-slide {
    padding: calc(33px + 16 * (100vw - 375px) / 1065) 12px 0 12px;
  }
}
@media (min-width: 1440px) {
  .project-teaser-slider .swiper .swiper-slide {
    padding: 49px 12px 0 12px;
  }
}
/* Service Teaser slider */
.service-teaser-slider .service-teaser {
  margin-top: 0;
}

@media (min-width: 992px) {
  .service-teaser-slider:not(.slider-nav) {
    padding-top: 0;
  }
  .service-teaser-slider:not(.slider-nav) .swiper-button-prev, .service-teaser-slider:not(.slider-nav) .swiper-button-next {
    display: none;
  }
}
/* Teaser slider */
.teaser-slider .teaser-box h3 {
  line-height: 120% !important;
}

@media (min-width: 992px) {
  .teaser-slider .swiper .swiper-slide {
    width: 25%;
  }
  .teaser-slider .swiper .swiper-slide.wide {
    width: 50%;
  }
}
/* Image slider */
.image-slider .image-box {
  width: 100%;
}
.image-slider .image-box .image {
  display: block;
  width: 100%;
}

/* Gallery slider */
.gallery-slider {
  position: relative;
  /*float: left;*/
  width: 100%;
  padding-bottom: 48px;
  margin-top: 32px;
  border-bottom: 1px solid var(--line2-clr);
  overflow: hidden;
}
.gallery-slider .swiper {
  position: relative;
  display: none;
  /*float: left;*/
  width: 100%;
  border-bottom: 1px solid var(--line2-clr);
  overflow: visible;
}
.gallery-slider .swiper .swiper-slide .caption {
  margin: 0;
  padding: 8px 0;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: var(--main-text-clr);
}
.gallery-slider .swiper.swiper-initialized {
  display: block;
}
.gallery-slider .swiper-button-prev, .gallery-slider .swiper-button-next {
  display: block;
  bottom: 14px;
  top: inherit;
  z-index: 2;
}
.gallery-slider .swiper-button-prev {
  left: 4px;
}
.gallery-slider .swiper-button-next {
  right: 4px;
}
.gallery-slider .swiper-button-prev::before, .gallery-slider .swiper-button-next::before {
  content: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(100% + 12px);
  height: calc(100% + 24px);
  background-color: var(--gallery-buttons-bg-clr);
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}
.gallery-slider .swiper-pagination {
  bottom: 16px;
  height: 16px;
  z-index: 1;
}
.gallery-slider .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0;
  background-color: transparent;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0;
}
.gallery-slider .swiper-pagination .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 4px;
  height: 4px;
  background-color: var(--gallery-bullet-bg-clr);
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

@media (min-width: 375px) {
  .gallery-slider {
    margin-top: calc(32px + 16 * (100vw - 375px) / 1065);
  }
  .gallery-slider .swiper .swiper-slide .caption {
    padding: calc(8px + 8 * (100vw - 375px) / 1065) 0 calc(8px + 16 * (100vw - 375px) / 1065) 0;
    font-size: calc(12px + 2 * (100vw - 375px) / 1065);
    line-height: calc(16px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 768px) {
  .gallery-slider {
    padding-bottom: 0;
  }
  .gallery-slider .swiper {
    border-bottom: 0 none;
  }
  .gallery-slider .swiper .swiper-slide .caption {
    min-height: 48px;
    padding-right: 90px !important;
  }
  .gallery-slider .swiper-button-prev, .gallery-slider .swiper-button-next {
    bottom: 12px;
  }
  .gallery-slider .swiper-button-prev {
    left: inherit;
    right: 40px;
  }
  .gallery-slider .swiper-button-prev::before, .gallery-slider .swiper-button-next::before {
    content: "";
  }
  .gallery-slider .swiper-pagination {
    display: none;
  }
}
@media (min-width: 992px) {
  .gallery-slider .swiper .swiper-slide .caption {
    letter-spacing: 0.005em;
  }
  .gallery-slider .swiper-button-prev, .gallery-slider .swiper-button-next {
    bottom: calc(12px + 8 * (100vw - 992px) / 448);
  }
}
@media (min-width: 1200px) {
  .gallery-slider.wide {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .sidebar-dx-layout div[class^=lfr-layout-structure-item-galleria-fotografica], .sidebar-dx-layout div[class*=" lfr-layout-structure-item-galleria-fotografica"] {
    width: 132%;
    margin-left: -16%;
    margin-right: -16%;
  }
  .sidebar-dx-layout .gallery-slider {
    width: 132%;
    margin-left: -16%;
    margin-right: -16%;
  }
  .sidebar-dx-layout .gallery-slider.wide {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (min-width: 1440px) {
  .gallery-slider {
    margin-top: 48px;
  }
  .gallery-slider .swiper .swiper-slide .caption {
    padding: 16px 0 24px 0;
    font-size: 14px;
    line-height: 20px;
  }
  .gallery-slider .swiper-button-prev, .gallery-slider .swiper-button-next {
    bottom: 20px;
  }
}
/* Scroll styles */
.content-wrapper .scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}
.content-wrapper .scroll-wrapper > .scroll-content {
  border: 0 !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}
.content-wrapper .scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.content-wrapper .scroll-wrapper.scroll--rtl {
  direction: rtl;
}
.content-wrapper .scroll-element {
  box-sizing: content-box;
  display: none;
}
.content-wrapper .scroll-element div {
  box-sizing: content-box;
}
.content-wrapper .scroll-element .scroll-bar, .content-wrapper .scroll-element .scroll-arrow {
  cursor: default;
}
.content-wrapper .scroll-element.scroll-x.scroll-scrollx_visible, .content-wrapper .scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}
.content-wrapper .scroll-textarea {
  border: 1px solid var(--grey-20);
  border-top-color: var(--grey-40);
}
.content-wrapper .scroll-textarea > .scroll-content {
  overflow: hidden !important;
}
.content-wrapper .scroll-textarea > .scroll-content > textarea {
  border: 0 !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: 0;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}
.content-wrapper .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.content-wrapper .scrollbar-inner > .scroll-element, .content-wrapper .scrollbar-inner > .scroll-element div {
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.content-wrapper .scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.content-wrapper .scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%;
}
.content-wrapper .scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 2px;
  top: 0;
  width: 8px;
}
.content-wrapper .scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
}
.content-wrapper .scrollbar-inner > .scroll-element .scroll-element_outer, .content-wrapper .scrollbar-inner > .scroll-element .scroll-element_track, .content-wrapper .scrollbar-inner > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.content-wrapper .scrollbar-inner > .scroll-element .scroll-element_track, .content-wrapper .scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}
.content-wrapper .scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: var(--grey-10);
}
.content-wrapper .scrollbar-inner > .scroll-element .scroll-bar {
  background-color: var(--grey-30);
}
.content-wrapper .scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: var(--grey-50);
}
.content-wrapper .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: var(--grey-50);
}
.content-wrapper .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px;
}
.content-wrapper .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px;
}
.content-wrapper .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px;
}
.content-wrapper .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px;
}
.content-wrapper .scrollbar-outer > .scroll-element, .content-wrapper .scrollbar-outer > .scroll-element div {
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.content-wrapper .scrollbar-outer > .scroll-element {
  background-color: var(--white-primary);
}
.content-wrapper .scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.content-wrapper .scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%;
}
.content-wrapper .scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px;
}
.content-wrapper .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
  height: 8px;
  top: 2px;
}
.content-wrapper .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  width: 8px;
}
.content-wrapper .scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden;
}
.content-wrapper .scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: var(--grey-10);
}
.content-wrapper .scrollbar-outer > .scroll-element .scroll-element_outer, .content-wrapper .scrollbar-outer > .scroll-element .scroll-element_track, .content-wrapper .scrollbar-outer > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.content-wrapper .scrollbar-outer > .scroll-element .scroll-bar {
  background-color: var(--grey-20);
}
.content-wrapper .scrollbar-outer > .scroll-element .scroll-bar:hover {
  background-color: var(--grey-30);
}
.content-wrapper .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: var(--grey-50);
}
.content-wrapper .scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -12px;
  margin-left: 12px;
}
.content-wrapper .scrollbar-outer > .scroll-content.scroll-scrollx_visible {
  top: -12px;
  margin-top: 12px;
}
.content-wrapper .scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  min-width: 10px;
}
.content-wrapper .scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 10px;
}
.content-wrapper .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -14px;
}
.content-wrapper .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -14px;
}
.content-wrapper .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -14px;
}
.content-wrapper .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -14px;
}
.content-wrapper .scrollbar-macosx > .scroll-element, .content-wrapper .scrollbar-macosx > .scroll-element div {
  background: 0 0;
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.content-wrapper .scrollbar-macosx > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.content-wrapper .scrollbar-macosx > .scroll-element .scroll-element_track {
  display: none;
}
.content-wrapper .scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: var(--grey-60);
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.content-wrapper .scrollbar-macosx:hover > .scroll-element .scroll-bar, .content-wrapper .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.content-wrapper .scrollbar-macosx > .scroll-element.scroll-x {
  bottom: 0;
  height: 0;
  left: 0;
  min-width: 100%;
  overflow: visible;
  width: 100%;
}
.content-wrapper .scrollbar-macosx > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 0;
}
.content-wrapper .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
  height: 7px;
  min-width: 10px;
  top: -9px;
}
.content-wrapper .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
  left: -9px;
  min-height: 10px;
  width: 7px;
}
.content-wrapper .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
  left: 2px;
}
.content-wrapper .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}
.content-wrapper .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
  top: 2px;
}
.content-wrapper .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}
.content-wrapper .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}
.content-wrapper .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}
.content-wrapper .scrollbar-light > .scroll-element, .content-wrapper .scrollbar-light > .scroll-element div {
  border: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.content-wrapper .scrollbar-light > .scroll-element {
  background-color: var(--white-primary);
}
.content-wrapper .scrollbar-light > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.content-wrapper .scrollbar-light > .scroll-element .scroll-element_outer {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.content-wrapper .scrollbar-light > .scroll-element .scroll-element_size {
  background: var(--grey-20);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, var(--grey-20) 0, var(--grey-10) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, var(--grey-20)), color-stop(100%, var(--grey-10)));
  background: -webkit-linear-gradient(left, var(--grey-20) 0, var(--grey-10) 100%);
  background: -o-linear-gradient(left, var(--grey-20) 0, var(--grey-10) 100%);
  background: -ms-linear-gradient(left, var(--grey-20) 0%, var(--grey-10) 100%);
  background: linear-gradient(to right, var(--grey-20) 0, var(--grey-10) 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.content-wrapper .scrollbar-light > .scroll-element.scroll-x {
  bottom: 0;
  height: 17px;
  left: 0;
  min-width: 100%;
  width: 100%;
}
.content-wrapper .scrollbar-light > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 17px;
}
.content-wrapper .scrollbar-light > .scroll-element .scroll-bar {
  background: var(--grey-5);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, var(--grey-5) 0, var(--grey-10) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, var(--grey-5)), color-stop(100%, var(--grey-10)));
  background: -webkit-linear-gradient(left, var(--grey-5) 0, var(--grey-10) 100%);
  background: -o-linear-gradient(left, var(--grey-5) 0, var(--grey-10) 100%);
  background: -ms-linear-gradient(left, var(--grey-5) 0%, var(--grey-10) 100%);
  background: linear-gradient(to right, var(--grey-5) 0, var(--grey-10) 100%);
  border: 1px solid var(--grey-20);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.content-wrapper .scrollbar-light > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}
.content-wrapper .scrollbar-light > .scroll-content.scroll-scrollx_visible {
  top: -17px;
  margin-top: 17px;
}
.content-wrapper .scrollbar-light > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 0;
}
.content-wrapper .scrollbar-light > .scroll-element.scroll-y .scroll-bar {
  left: 0;
  min-height: 10px;
  width: 10px;
}
.content-wrapper .scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
  height: 12px;
  left: 2px;
  top: 2px;
}
.content-wrapper .scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}
.content-wrapper .scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  top: 2px;
  width: 12px;
}
.content-wrapper .scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}
.content-wrapper .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}
.content-wrapper .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}
.content-wrapper .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}
.content-wrapper .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}
.content-wrapper .scrollbar-rail > .scroll-element, .content-wrapper .scrollbar-rail > .scroll-element div {
  border: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.content-wrapper .scrollbar-rail > .scroll-element {
  background-color: var(--white-primary);
}
.content-wrapper .scrollbar-rail > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.content-wrapper .scrollbar-rail > .scroll-element .scroll-element_size {
  background-color: var(--grey-40);
  background-color: rgba(0, 0, 0, 0.3);
}
.content-wrapper .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
  background-color: var(--grey-70);
  background-color: rgba(0, 0, 0, 0.5);
}
.content-wrapper .scrollbar-rail > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  min-width: 100%;
  padding: 3px 0 2px;
  width: 100%;
}
.content-wrapper .scrollbar-rail > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  padding: 0 2px 0 3px;
  right: 0;
  top: 0;
  width: 12px;
}
.content-wrapper .scrollbar-rail > .scroll-element .scroll-bar {
  background-color: var(--brown-light);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.content-wrapper .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}
.content-wrapper .scrollbar-rail > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}
.content-wrapper .scrollbar-rail > .scroll-content.scroll-scrollx_visible {
  margin-top: 17px;
  top: -17px;
}
.content-wrapper .scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 1px;
}
.content-wrapper .scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
  left: 1px;
  min-height: 10px;
  width: 10px;
}
.content-wrapper .scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
  height: 15px;
  left: 5px;
}
.content-wrapper .scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
  height: 2px;
  left: -10px;
  top: 5px;
}
.content-wrapper .scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
  top: 5px;
  width: 15px;
}
.content-wrapper .scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
  left: 5px;
  top: -10px;
  width: 2px;
}
.content-wrapper .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -25px;
}
.content-wrapper .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -25px;
}
.content-wrapper .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -25px;
}
.content-wrapper .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -25px;
}
.content-wrapper .scrollbar-dynamic > .scroll-element, .content-wrapper .scrollbar-dynamic > .scroll-element div {
  background: 0 0;
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.content-wrapper .scrollbar-dynamic > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.content-wrapper .scrollbar-dynamic > .scroll-element.scroll-x {
  bottom: 2px;
  height: 7px;
  left: 0;
  min-width: 100%;
  width: 100%;
}
.content-wrapper .scrollbar-dynamic > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 2px;
  top: 0;
  width: 7px;
}
.content-wrapper .scrollbar-dynamic > .scroll-element .scroll-element_outer {
  opacity: 0.3;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.content-wrapper .scrollbar-dynamic > .scroll-element .scroll-element_size {
  background-color: var(--grey-20);
  opacity: 0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.content-wrapper .scrollbar-dynamic > .scroll-element .scroll-bar {
  background-color: var(--grey-60);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.content-wrapper .scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
  bottom: 0;
  height: 7px;
  min-width: 24px;
  top: auto;
}
.content-wrapper .scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
  left: auto;
  min-height: 24px;
  right: 0;
  width: 7px;
}
.content-wrapper .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
  bottom: 0;
  top: auto;
  left: 2px;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -o-transition: height 0.2s;
  -ms-transition: height 0.2s;
  transition: height 0.2s;
}
.content-wrapper .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
  left: auto;
  right: 0;
  top: 2px;
  -webkit-transition: width 0.2s;
  -moz-transition: width 0.2s;
  -o-transition: width 0.2s;
  -ms-transition: width 0.2s;
  transition: width 0.2s;
}
.content-wrapper .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}
.content-wrapper .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}
.content-wrapper .scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}
.content-wrapper .scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}
.content-wrapper .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer, .content-wrapper .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.content-wrapper .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size, .content-wrapper .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
  opacity: 1;
}
.content-wrapper .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar, .content-wrapper .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
  height: 100%;
  width: 100%;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.content-wrapper .scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer, .content-wrapper .scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
  height: 20px;
  min-height: 7px;
}
.content-wrapper .scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer, .content-wrapper .scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
  min-width: 7px;
  width: 20px;
}
.content-wrapper .scrollbar-chrome > .scroll-element, .content-wrapper .scrollbar-chrome > .scroll-element div {
  border: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.content-wrapper .scrollbar-chrome > .scroll-element {
  background-color: var(--white-primary);
}
.content-wrapper .scrollbar-chrome > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.content-wrapper .scrollbar-chrome > .scroll-element .scroll-element_track {
  background: var(--grey-10);
  border: 1px solid var(--grey-20);
}
.content-wrapper .scrollbar-chrome > .scroll-element.scroll-x {
  bottom: 0;
  height: 16px;
  left: 0;
  min-width: 100%;
  width: 100%;
}
.content-wrapper .scrollbar-chrome > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 16px;
}
.content-wrapper .scrollbar-chrome > .scroll-element .scroll-bar {
  background-color: var(--grey-20);
  border: 1px solid var(--grey-30);
  cursor: default;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.content-wrapper .scrollbar-chrome > .scroll-element .scroll-bar:hover {
  background-color: var(--grey-30);
  border-color: var(--grey-40);
}
.content-wrapper .scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
  background-color: var(--grey-50);
  border-color: var(--grey-60);
}
.content-wrapper .scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
  left: -16px;
  margin-left: 16px;
}
.content-wrapper .scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
  top: -16px;
  margin-top: 16px;
}
.content-wrapper .scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
  height: 8px;
  min-width: 10px;
  top: 3px;
}
.content-wrapper .scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
  left: 3px;
  min-height: 10px;
  width: 8px;
}
.content-wrapper .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
  border-left: 1px solid var(--grey-20);
}
.content-wrapper .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
  height: 14px;
  left: -3px;
}
.content-wrapper .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
  height: 14px;
  left: -4px;
}
.content-wrapper .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
  border-top: 1px solid var(--grey-20);
}
.content-wrapper .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
  top: -3px;
  width: 14px;
}
.content-wrapper .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
  width: 14px;
}
.content-wrapper .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}
.content-wrapper .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}
.content-wrapper .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}
.content-wrapper .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}
.content-wrapper .scrollbar-inner > .scroll-element.scroll-y, .content-wrapper .side-content-scroll > .scroll-element.scroll-y {
  right: 34px;
  width: 4px;
}
.content-wrapper .scrollbar-inner > .scroll-element.scroll-y .scroll-element_track, .content-wrapper .side-content-scroll > .scroll-element.scroll-y .scroll-element_track {
  background-color: transparent;
}
.content-wrapper .scrollbar-inner > .scroll-element.scroll-y .scroll-bar {
  background-color: var(--scroll1-clr);
}
.content-wrapper .side-content-scroll > .scroll-element.scroll-y .scroll-bar {
  background-color: var(--scroll2-clr);
}

[data-bs-spy=scroll] {
  position: relative;
}

/* Bootstrap Toast styles */
.toast {
  z-index: 1000 !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  margin: auto !important;
  top: 50vh !important;
}

/* Tag styles */
ul.tag {
  display: flex;
  margin-bottom: 4px;
}

ul.time {
  margin-top: 16px;
}

ul.tag li, ul.time li {
  position: relative;
  width: auto;
  padding-right: 10px;
  margin-right: 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--main-text-clr);
}
ul.tag li::after, ul.time li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 2px;
  height: 2px;
  margin-top: 1px;
  background-color: var(--main-text-clr);
}
ul.tag li:last-child, ul.time li:last-child {
  padding-right: 0;
  margin-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.tag li:last-child:after, ul.time li:last-child:after {
  content: none;
}

ul.time li {
  white-space: normal;
}

@media (min-width: 375px) {
  ul.tag li, ul.time li {
    padding-right: calc(10px + 1 * (100vw - 375px) / 1065);
    margin-right: calc(9px + 1 * (100vw - 375px) / 1065);
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  ul.tag li, ul.time li {
    letter-spacing: 0.005em;
  }
}
@media (min-width: 1440px) {
  ul.tag li, ul.time li {
    padding-right: 11px;
    margin-right: 9px;
    font-size: 16px;
    line-height: 24px;
  }
}
/* Video styles */
.supsi-video-embedded-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin-top: 8px;
}
.supsi-video-embedded-container .supsi-video-embedded {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 375px) {
  .supsi-video-embedded-container {
    margin-top: calc(8px + 16 * (100vw - 375px) / 1065);
  }
}
/* Meta styles */
.news-info {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  float: left;
  width: 100%;
  padding: 16px 0;
  margin-top: 64px;
  border-top: 1px solid var(--line2-clr);
  border-bottom: 1px solid var(--line2-clr);
}
.news-info ul.time {
  color: var(--text-article-meta-txt-clr);
  margin-top: 8px;
  margin-bottom: 8px;
}
.news-info ul.time li {
  color: var(--text-article-meta-txt-clr);
}
.news-info ul.time li time {
  color: var(--text-article-meta-txt-clr);
}
.news-info ul.time li::after {
  color: var(--text-article-meta-txt-clr);
  background-color: var(--text-article-meta-txt-clr);
}
.news-info .share {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  right: 0;
  top: 50%;
  width: auto;
  margin-top: 0;
  background-color: var(--main-bg-clr);
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
.news-info .share p {
  width: auto;
  margin-right: 8px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: var(--text-article-meta-txt-clr);
}
.news-info .share ul.share-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}
.news-info .share ul.share-list li {
  width: auto;
  padding-right: 8px;
}
.news-info .share ul.share-list li a {
  display: block;
  position: relative;
  float: left;
  width: 40px;
  height: 40px;
  margin-top: 0px;
  font-size: 16px;
  line-height: 40px;
  letter-spacing: 0;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  color: var(--main-text-clr);
  background-color: var(--meta-share-btn-bg-clr);
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  border-radius: 50% !important;
}
.news-info .share ul.share-list li a:hover, .news-info .share ul.share-list li a:focus, .news-info .share ul.share-list li a:focus-within {
  background-color: var(--blue-primary);
  color: var(--white-primary);
}
.news-info .share a.open-share-menu {
  display: block;
  position: relative;
  float: left;
  width: 40px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  letter-spacing: 0;
  text-transform: uppercase;
  text-align: center;
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  color: var(--main-text-clr);
  background-color: var(--meta-share-btn-bg-clr);
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  border-radius: 50% !important;
}
.news-info .share a.open-share-menu i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  color: var(--main-text-clr);
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}
.news-info .share.open {
  width: 100%;
}

@media (min-width: 375px) {
  .news-info {
    margin-top: calc(64px + 32 * (100vw - 375px) / 1065);
  }
  .news-info .time {
    margin-top: calc(8px + 2 * (100vw - 375px) / 1065);
    margin-bottom: calc(8px + 2 * (100vw - 375px) / 1065);
  }
  .news-info .share p {
    margin-right: calc(8px + 8 * (100vw - 375px) / 1065);
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
  .news-info .share ul.share-list li {
    padding-right: calc(8px + 8 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 768px) {
  .news-info .share {
    position: relative;
    right: inherit;
    top: inherit;
    -webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
  .news-info .share ul.share-list {
    width: auto !important;
    overflow: visible;
  }
  .news-info .share a.open-share-menu {
    display: none;
  }
}
@media (min-width: 992px) {
  .news-info .share p {
    letter-spacing: 0.005em;
  }
}
@media (min-width: 1440px) {
  .news-info {
    margin-top: 96px;
  }
  .news-info .time {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .news-info .share p {
    margin-right: 16px;
    font-size: 16px;
    line-height: 24px;
  }
  .news-info .share ul.share-list li {
    padding-right: 16px;
  }
}
/* Brackets Styles */
.brackets-section p.headline {
  position: relative;
}

/* Top Bracket */
.brackets-top-section.brackets-top-section-title .section-title:first-of-type .h1, .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h2, .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h3, .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h4, .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h5, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h1, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h2, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h3, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h4, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h5, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h1, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h2, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h3, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h4, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h5 {
  padding-left: 24px;
  padding-top: 24px;
  min-height: 90px;
}
.brackets-top-section.brackets-top-section-title .section-title:first-of-type p.headline, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type p.headline, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type p.headline {
  padding-top: 24px;
  padding-left: 24px;
  margin-bottom: -24px;
}
.brackets-top-section.brackets-top-section-title .section-title:first-of-type .h1::before, .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h2::before, .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h3::before, .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h4::before, .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h5::before,
.brackets-top-section.brackets-top-section-title .section-title:first-of-type h1::before, .brackets-top-section.brackets-top-section-title .section-title:first-of-type h2::before, .brackets-top-section.brackets-top-section-title .section-title:first-of-type h3::before, .brackets-top-section.brackets-top-section-title .section-title:first-of-type h4::before, .brackets-top-section.brackets-top-section-title .section-title:first-of-type h5::before, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h1::before, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h2::before, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h3::before, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h4::before, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h5::before,
.brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type h1::before, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type h2::before, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type h3::before, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type h4::before, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type h5::before, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h1::before, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h2::before, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h3::before, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h4::before, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h5::before,
.brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type h1::before, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type h2::before, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type h3::before, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type h4::before, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type h5::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 10;
  width: 75px;
  height: 75px;
  border-color: var(--blue-primary);
  border-style: solid;
  border-width: 9px 0px 0px 9px;
}
.brackets-top-section.brackets-top-section-title .news-title.section-title:first-of-type p.headline {
  padding-top: 34px;
}

.brackets-top-section:not(.brackets-top-section-title) {
  position: relative;
}
.brackets-top-section:not(.brackets-top-section-title) div.container:first-of-type > .row,
.brackets-top-section:not(.brackets-top-section-title) div.container:first-of-type > article:first-of-type > .row {
  position: relative;
}
.brackets-top-section:not(.brackets-top-section-title) div.container:first-of-type > .row .order-1 .text-article:first-of-type,
.brackets-top-section:not(.brackets-top-section-title) div.container:first-of-type > article:first-of-type > .row .order-1 .text-article:first-of-type {
  padding-left: 24px;
  padding-top: 18px !important;
}
.brackets-top-section:not(.brackets-top-section-title) div.container:first-of-type > .row .split-list,
.brackets-top-section:not(.brackets-top-section-title) div.container:first-of-type > article:first-of-type > .row .split-list {
  padding-left: 24px;
}
.brackets-top-section:not(.brackets-top-section-title) div.container:first-of-type > .row div.container:first-of-type > article > .row .split-list,
.brackets-top-section:not(.brackets-top-section-title) div.container:first-of-type > article:first-of-type > .row div.container:first-of-type > article > .row .split-list {
  padding-left: 0px;
}
.brackets-top-section:not(.brackets-top-section-title) div.container:first-of-type > .row div.container:first-of-type > article > .row::before,
.brackets-top-section:not(.brackets-top-section-title) div.container:first-of-type > article:first-of-type > .row div.container:first-of-type > article > .row::before {
  display: none;
}
.brackets-top-section:not(.brackets-top-section-title) div.container:first-of-type > .row::before,
.brackets-top-section:not(.brackets-top-section-title) div.container:first-of-type > article:first-of-type > .row::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 12px;
  z-index: 10;
  width: 75px;
  height: 75px;
  border-color: var(--blue-primary);
  border-style: solid;
  border-width: 9px 0px 0px 9px;
}
.brackets-top-section:not(.brackets-top-section-title) div.container:first-of-type > .row.separator::before,
.brackets-top-section:not(.brackets-top-section-title) div.container:first-of-type > article:first-of-type > .row.separator::before {
  top: 10px;
}

@media (min-width: 992px) {
  .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h1, .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h2, .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h3, .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h4, .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h5,
  .brackets-top-section.brackets-top-section-title .section-title:first-of-type h1, .brackets-top-section.brackets-top-section-title .section-title:first-of-type h2, .brackets-top-section.brackets-top-section-title .section-title:first-of-type h3, .brackets-top-section.brackets-top-section-title .section-title:first-of-type h4, .brackets-top-section.brackets-top-section-title .section-title:first-of-type h5, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h1, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h2, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h3, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h4, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h5,
  .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type h1, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type h2, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type h3, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type h4, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type h5, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h1, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h2, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h3, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h4, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h5,
  .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type h1, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type h2, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type h3, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type h4, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type h5 {
    padding-left: 24px;
    min-height: 80px;
  }
  .brackets-top-section.brackets-top-section-title .section-title:first-of-type p.headline, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type p.headline, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type p.headline {
    padding-top: 25px;
    padding-left: 25px;
    margin-bottom: -37px;
  }
  .brackets-top-section.brackets-top-section-title .section-title:first-of-type .intro-text, .brackets-top-section.brackets-top-section-title .section-title:first-of-type .info-content, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .intro-text, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .info-content, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .intro-text, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .info-content {
    padding-top: 24px;
  }
  .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h1, .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h2,
  .brackets-top-section.brackets-top-section-title .section-title:first-of-type h1, .brackets-top-section.brackets-top-section-title .section-title:first-of-type h2, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h1, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h2,
  .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type h1, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type h2, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h1, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h2,
  .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type h1, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type h2 {
    padding-top: 37px;
    min-height: 91px;
  }
  .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h3, .brackets-top-section.brackets-top-section-title .section-title:first-of-type h3, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h3, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type h3, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h3, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type h3 {
    padding-top: 31px;
  }
  .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h4, .brackets-top-section.brackets-top-section-title .section-title:first-of-type h4, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h4, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type h4, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h4, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type h4 {
    padding-top: 38px;
  }
  .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h5, .brackets-top-section.brackets-top-section-title .section-title:first-of-type h5, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h5, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type h5, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h5, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type h5 {
    padding-top: 44px;
  }
  .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h1::before, .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h2::before, .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h3::before, .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h4::before, .brackets-top-section.brackets-top-section-title .section-title:first-of-type .h5::before,
  .brackets-top-section.brackets-top-section-title .section-title:first-of-type h1::before, .brackets-top-section.brackets-top-section-title .section-title:first-of-type h2::before, .brackets-top-section.brackets-top-section-title .section-title:first-of-type h3::before, .brackets-top-section.brackets-top-section-title .section-title:first-of-type h4::before, .brackets-top-section.brackets-top-section-title .section-title:first-of-type h5::before, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h1::before, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h2::before, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h3::before, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h4::before, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type .h5::before,
  .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type h1::before, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type h2::before, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type h3::before, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type h4::before, .brackets-top-section.brackets-top-section-title .section-title-h3:first-of-type h5::before, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h1::before, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h2::before, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h3::before, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h4::before, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type .h5::before,
  .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type h1::before, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type h2::before, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type h3::before, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type h4::before, .brackets-top-section.brackets-top-section-title .section-title-h4:first-of-type h5::before {
    top: 27px;
    width: 55px;
    height: 55px;
    border-width: 6px 0px 0px 6px;
  }
  .brackets-top-section.brackets-top-section-title .news-title.section-title:first-of-type p.headline {
    padding-top: 42px;
  }
  .brackets-big-section.brackets-top-section.brackets-top-section-title .section-title:first-of-type .h1, .brackets-big-section.brackets-top-section.brackets-top-section-title .section-title:first-of-type .h2, .brackets-big-section.brackets-top-section.brackets-top-section-title .section-title:first-of-type h1, .brackets-big-section.brackets-top-section.brackets-top-section-title .section-title:first-of-type h2, .brackets-big-section.brackets-top-section.brackets-top-section-title .section-title:first-of-type p.headline {
    padding-left: 52px;
  }
  .brackets-big-section.brackets-top-section.brackets-top-section-title .section-title:first-of-type .h1, .brackets-big-section.brackets-top-section.brackets-top-section-title .section-title:first-of-type .h2, .brackets-big-section.brackets-top-section.brackets-top-section-title .section-title:first-of-type h1, .brackets-big-section.brackets-top-section.brackets-top-section-title .section-title:first-of-type h2 {
    padding-top: 58px;
  }
  .brackets-big-section.brackets-top-section.brackets-top-section-title .section-title:first-of-type p.headline {
    padding-top: 46px;
    margin-bottom: -54px;
  }
  .brackets-big-section.brackets-top-section.brackets-top-section-title .section-title:first-of-type .h1::before, .brackets-big-section.brackets-top-section.brackets-top-section-title .section-title:first-of-type .h2::before,
  .brackets-big-section.brackets-top-section.brackets-top-section-title .section-title:first-of-type h1::before, .brackets-big-section.brackets-top-section.brackets-top-section-title .section-title:first-of-type h2::before {
    width: 125px;
    height: 125px;
    border-width: 15px 0px 0px 15px;
  }
  .brackets-big-section.brackets-top-section.brackets-top-section-title .news-title.section-title:first-of-type p.headline {
    padding-top: 58px;
  }
  .brackets-top-section:not(.brackets-top-section-title) div.container:first-of-type > .row .order-1 .text-article:first-of-type,
  .brackets-top-section:not(.brackets-top-section-title) div.container:first-of-type > article:first-of-type > .row .order-1 .text-article:first-of-type {
    padding-left: 24px;
    padding-top: 12px !important;
  }
  .brackets-top-section:not(.brackets-top-section-title) div.container:first-of-type > .row .order-md-1 .article-quote,
  .brackets-top-section:not(.brackets-top-section-title) div.container:first-of-type > article:first-of-type > .row .order-md-1 .article-quote {
    padding-left: 24px;
  }
  .brackets-top-section:not(.brackets-top-section-title) div.container:first-of-type > .row::before,
  .brackets-top-section:not(.brackets-top-section-title) div.container:first-of-type > article:first-of-type > .row::before {
    top: 0px;
    width: 55px;
    height: 55px;
    border-width: 6px 0px 0px 6px;
  }
  .brackets-top-section:not(.brackets-top-section-title) div.container:first-of-type > .row.separator::before,
  .brackets-top-section:not(.brackets-top-section-title) div.container:first-of-type > article:first-of-type > .row.separator::before {
    top: 15px;
  }
}
/* Bottom Bracket */
.brackets-bottom-section > div > div.lfr-layout-structure-item-lancio-aggregato-con-immagine--statico-:last-child div.container {
  overflow: hidden;
}

.brackets-bottom-section > div > div:last-child .fragment-pictograms-list div.container {
  overflow: hidden;
}
.brackets-bottom-section > div > div:last-child div.container {
  position: relative;
}
.brackets-bottom-section > div > div:last-child div.container .row {
  padding-bottom: 24px;
  padding-right: 24px;
}
.brackets-bottom-section > div > div:last-child div.container .row.article-grid {
  padding-right: 0px;
  padding-bottom: 0px;
}
.brackets-bottom-section > div > div:last-child div.container div.container {
  border: 0px;
}
.brackets-bottom-section > div > div:last-child div.container div.container .row {
  padding: 0px;
}
.brackets-bottom-section > div > div:last-child div.container div.container::after {
  display: none;
}
.brackets-bottom-section > div > div:last-child div.container.lfr-publisher-container {
  overflow: hidden;
}
.brackets-bottom-section > div > div:last-child div.container::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 12px;
  z-index: 10;
  width: 75px;
  height: 75px;
  border-color: var(--blue-primary);
  border-style: solid;
  border-width: 0px 9px 9px 0px;
}

@media (min-width: 992px) {
  .brackets-bottom-section > div > div:last-child div.container .row {
    padding-bottom: 24px;
    padding-right: 24px;
  }
  .brackets-bottom-section > div > div:last-child div.container .row.article-grid {
    padding-right: 0px;
    padding-bottom: 0px;
  }
  .brackets-bottom-section > div > div:last-child div.container div.container .row {
    padding: 0px;
  }
  .brackets-bottom-section > div > div:last-child div.container::after {
    width: 55px;
    height: 55px;
    border-width: 0px 6px 6px 0px;
  }
  .brackets-big-section.brackets-bottom-section > div > div:last-child div.container::after {
    width: 125px;
    height: 125px;
    border-width: 0px 15px 15px 0px;
  }
}
/* Edit mode Bottom Bracket */
body.has-edit-mode-menu .brackets-bottom-section .page-editor:first-of-type .page-editor__topper:first-of-type div[class^=lfr-layout-structure-item-topper]:last-child .fragment-pictograms-list div.container,
body.has-edit-mode-menu .brackets-bottom-section .page-editor:first-of-type .page-editor__topper:first-of-type div[class^=lfr-layout-structure-item-topper]:last-child .lfr-layout-structure-item-lancio-aggregato-con-immagine--statico-:last-child div.container,
body.has-edit-mode-menu .brackets-bottom-section .page-editor:first-of-type .page-editor__topper:first-of-type div[class*=" lfr-layout-structure-item-topper"]:last-child .fragment-pictograms-list div.container,
body.has-edit-mode-menu .brackets-bottom-section .page-editor:first-of-type .page-editor__topper:first-of-type div[class*=" lfr-layout-structure-item-topper"]:last-child .lfr-layout-structure-item-lancio-aggregato-con-immagine--statico-:last-child div.container {
  overflow: hidden;
}
body.has-edit-mode-menu .brackets-bottom-section .page-editor:first-of-type .page-editor__topper:first-of-type div[class^=lfr-layout-structure-item-topper]:last-child div.container,
body.has-edit-mode-menu .brackets-bottom-section .page-editor:first-of-type .page-editor__topper:first-of-type div[class*=" lfr-layout-structure-item-topper"]:last-child div.container {
  position: relative;
}
body.has-edit-mode-menu .brackets-bottom-section .page-editor:first-of-type .page-editor__topper:first-of-type div[class^=lfr-layout-structure-item-topper]:last-child div.container .row,
body.has-edit-mode-menu .brackets-bottom-section .page-editor:first-of-type .page-editor__topper:first-of-type div[class*=" lfr-layout-structure-item-topper"]:last-child div.container .row {
  padding-bottom: 24px;
  padding-right: 24px;
}
body.has-edit-mode-menu .brackets-bottom-section .page-editor:first-of-type .page-editor__topper:first-of-type div[class^=lfr-layout-structure-item-topper]:last-child div.container div.container .row,
body.has-edit-mode-menu .brackets-bottom-section .page-editor:first-of-type .page-editor__topper:first-of-type div[class*=" lfr-layout-structure-item-topper"]:last-child div.container div.container .row {
  padding: 0px;
}
body.has-edit-mode-menu .brackets-bottom-section .page-editor:first-of-type .page-editor__topper:first-of-type div[class^=lfr-layout-structure-item-topper]:last-child div.container div.container::after,
body.has-edit-mode-menu .brackets-bottom-section .page-editor:first-of-type .page-editor__topper:first-of-type div[class*=" lfr-layout-structure-item-topper"]:last-child div.container div.container::after {
  display: none;
}
body.has-edit-mode-menu .brackets-bottom-section .page-editor:first-of-type .page-editor__topper:first-of-type div[class^=lfr-layout-structure-item-topper]:last-child div.container::after,
body.has-edit-mode-menu .brackets-bottom-section .page-editor:first-of-type .page-editor__topper:first-of-type div[class*=" lfr-layout-structure-item-topper"]:last-child div.container::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 12px;
  z-index: 10;
  width: 75px;
  height: 75px;
  border-color: var(--blue-primary);
  border-style: solid;
  border-width: 0px 9px 9px 0px;
}

@media (min-width: 992px) {
  body.has-edit-mode-menu .brackets-bottom-section .page-editor:first-of-type .page-editor__topper:first-of-type div[class^=lfr-layout-structure-item-topper]:last-child div.container .row,
  body.has-edit-mode-menu .brackets-bottom-section .page-editor:first-of-type .page-editor__topper:first-of-type div[class*=" lfr-layout-structure-item-topper"]:last-child div.container .row {
    padding-bottom: 24px;
    padding-right: 24px;
  }
  body.has-edit-mode-menu .brackets-bottom-section .page-editor:first-of-type .page-editor__topper:first-of-type div[class^=lfr-layout-structure-item-topper]:last-child div.container div.container .row,
  body.has-edit-mode-menu .brackets-bottom-section .page-editor:first-of-type .page-editor__topper:first-of-type div[class*=" lfr-layout-structure-item-topper"]:last-child div.container div.container .row {
    padding: 0px;
  }
  body.has-edit-mode-menu .brackets-bottom-section .page-editor:first-of-type .page-editor__topper:first-of-type div[class^=lfr-layout-structure-item-topper]:last-child div.container::after,
  body.has-edit-mode-menu .brackets-bottom-section .page-editor:first-of-type .page-editor__topper:first-of-type div[class*=" lfr-layout-structure-item-topper"]:last-child div.container::after {
    width: 55px;
    height: 55px;
    border-width: 0px 6px 6px 0px;
  }
  body.has-edit-mode-menu .brackets-big-section.brackets-bottom-section .page-editor:first-of-type .page-editor__topper:first-of-type div[class^=lfr-layout-structure-item-topper]:last-child div.container::after,
  body.has-edit-mode-menu .brackets-big-section.brackets-bottom-section .page-editor:first-of-type .page-editor__topper:first-of-type div[class*=" lfr-layout-structure-item-topper"]:last-child div.container::after {
    width: 125px;
    height: 125px;
    border-width: 0px 15px 15px 0px;
  }
}
/* Apertura Hero minisiti */
.fragment-ahms .intro-institute {
  position: relative;
}
.fragment-ahms .intro-institute::before,
.fragment-ahms .intro-institute::after,
.fragment-ahms .intro-institute-content::before {
  content: "";
  position: absolute;
  z-index: 10;
  width: 150px;
  height: 150px;
  border-color: var(--blue-primary);
  border-style: solid;
}
.fragment-ahms .intro-institute::before {
  top: 0px;
  left: 0px;
  border-width: 18px 0px 0px 18px;
}
.fragment-ahms .intro-institute::after {
  display: none;
}
.fragment-ahms .intro-institute-content {
  height: 148px;
}
.fragment-ahms .intro-institute-content::before {
  display: block;
  top: -150px;
  right: 0px;
  border-width: 0px 18px 18px 0px;
}

@media (min-width: 992px) {
  .fragment-ahms .intro-institute-content {
    height: auto;
  }
  .fragment-ahms .intro-institute::before,
  .fragment-ahms .intro-institute::after,
  .fragment-ahms .intro-institute-content::before {
    width: 250px;
    height: 250px;
  }
  .fragment-ahms .intro-institute::before {
    border-width: 30px 0px 0px 30px;
  }
  .fragment-ahms .intro-institute::after {
    display: block;
    bottom: 0px;
    right: 0px;
    border-width: 0px 30px 30px 0px;
  }
  .fragment-ahms .intro-institute-content::before {
    display: none;
  }
}
/* Apertura Hero pagine interne */
.fragment-ahpi .image-vetrina {
  position: relative;
}
.fragment-ahpi .image-vetrina::before,
.fragment-ahpi .image-vetrina::after {
  content: "";
  position: absolute;
  z-index: 10;
  width: 150px;
  height: 150px;
  border-color: var(--blue-primary);
  border-style: solid;
}
.fragment-ahpi .image-vetrina::before {
  top: 0px;
  left: 0px;
  border-width: 18px 0px 0px 18px;
}
.fragment-ahpi .image-vetrina::after {
  bottom: 0px;
  right: 0px;
  border-width: 0px 18px 18px 0px;
}

@media (min-width: 992px) {
  .fragment-ahpi .image-vetrina::before,
  .fragment-ahpi .image-vetrina::after {
    width: 250px;
    height: 250px;
  }
  .fragment-ahpi .image-vetrina::before {
    border-width: 30px 0px 0px 30px;
  }
  .fragment-ahpi .image-vetrina::after {
    border-width: 0px 30px 30px 0px;
  }
  body.has-edit-mode-menu .fragment-ahpi .image-vetrina::after {
    bottom: 54px;
  }
}
/* Apertura pagine interne semplici */
.fragment-apis .image-vetrina {
  position: relative;
}
.fragment-apis .image-vetrina::before,
.fragment-apis .image-vetrina::after {
  content: "";
  position: absolute;
  z-index: 10;
  width: 150px;
  height: 150px;
  border-color: var(--blue-primary);
  border-style: solid;
}
.fragment-apis .image-vetrina::before {
  top: 32px;
  left: 0px;
  border-width: 18px 0px 0px 18px;
}
.fragment-apis .image-vetrina::after {
  bottom: 0px;
  right: 0px;
  border-width: 0px 18px 18px 0px;
}

@media (min-width: 375px) {
  .fragment-apis .image-vetrina::before {
    top: calc(32px + 16 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .fragment-apis .image-vetrina::before,
  .fragment-apis .image-vetrina::after {
    width: 250px;
    height: 250px;
  }
  .fragment-apis .image-vetrina::before {
    border-width: 30px 0px 0px 30px;
  }
  .fragment-apis .image-vetrina::after {
    border-width: 0px 30px 30px 0px;
  }
}
@media (min-width: 1440px) {
  .fragment-apis .image-vetrina::before {
    top: 48px;
  }
}
/* Navigation */
/* Header and Navigation styles */
/* Header Block */
.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: var(--main-bg-clr);
  z-index: 99;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}

body.has-control-menu .header {
  top: 48px;
}

@media (min-width: 992px) {
  body.has-control-menu .header {
    top: 56px;
  }
}
/* Header Top (Utility Menu) */
.header-top {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  padding: 8px 4px;
  color: var(--menu-utility-link-clr);
  background-color: var(--menu-utility-bg-clr);
  -webkit-transition: opacity 0.3s ease-out !important;
  -moz-transition: opacity 0.3s ease-out !important;
  -o-transition: opacity 0.3s ease-out !important;
  -ms-transition: opacity 0.3s ease-out !important;
  transition: opacity 0.3s ease-out !important;
  z-index: 1;
}

body:not(.institute).open-search .header-top,
body:not(.institute).open-mobile-menu .header-top {
  opacity: 0;
  cursor: default;
  pointer-events: none;
}

@media (min-width: 992px) {
  .header-top {
    display: block;
  }
}
/* Menu */
nav.utility-menu {
  float: right;
  width: auto;
}
nav.utility-menu ul li {
  position: relative;
  width: auto;
  margin-right: 24px;
}
nav.utility-menu ul li a {
  display: block;
  float: left;
  width: auto;
  font-size: 14px;
  line-height: 24px;
  color: var(--menu-utility-link-clr);
  letter-spacing: 0.005em;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
nav.utility-menu ul li:last-child {
  margin-right: 0;
}

/* Lang Switch */
nav.utility-menu ul li.lang {
  padding-left: 13px;
}
nav.utility-menu ul li.lang a.current-lang {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 12px;
  margin: -8px -12px -8px 0;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
nav.utility-menu ul li.lang a.current-lang i {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  font-size: 20px;
  line-height: 20px;
  color: var(--menu-utility-link-clr);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
nav.utility-menu ul li.lang a.current-lang:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: var(--grey-50);
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
nav.utility-menu ul li.lang ul.lang-list {
  position: absolute;
  right: -12px;
  top: -9999px;
  width: 100%;
  background-color: var(--grey-20);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out !important;
  -moz-transition: opacity 0.3s ease-out !important;
  -o-transition: opacity 0.3s ease-out !important;
  -ms-transition: opacity 0.3s ease-out !important;
  transition: opacity 0.3s ease-out !important;
}
nav.utility-menu ul li.lang ul.lang-list li {
  padding: 8px 12px;
}
nav.utility-menu ul li.lang ul.lang-list li a {
  font-size: 14px;
  line-height: 24px;
  color: var(--black-primary);
  letter-spacing: 0.005em;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
nav.utility-menu ul li.lang:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 24px;
  background-color: var(--menu-utility-line-clr);
}

@media (min-width: 992px) {
  nav.utility-menu ul li.lang:hover a.current-lang, nav.utility-menu ul li.lang:focus a.current-lang, nav.utility-menu ul li.lang:focus-within a.current-lang {
    color: var(--black-primary);
    background-color: var(--grey-20);
  }
  nav.utility-menu ul li.lang:hover a.current-lang i, nav.utility-menu ul li.lang:focus a.current-lang i, nav.utility-menu ul li.lang:focus-within a.current-lang i {
    color: var(--black-primary);
  }
  nav.utility-menu ul li.lang:hover a.current-lang:before, nav.utility-menu ul li.lang:focus a.current-lang:before, nav.utility-menu ul li.lang:focus-within a.current-lang:before {
    width: calc(100% - 16px);
  }
  nav.utility-menu ul li.lang:hover ul.lang-list, nav.utility-menu ul li.lang:focus ul.lang-list, nav.utility-menu ul li.lang:focus-within ul.lang-list {
    top: calc(100% + 8px);
    opacity: 1;
  }
}
/* Header Bottom (Main Menu) */
.header-bottom {
  position: relative;
  float: left;
  width: 100%;
  padding: 18px 4px;
  max-height: 90px;
  overflow: visible;
}

@media (min-width: 992px) {
  .header-bottom {
    padding: 28px 0;
  }
}
.header-bottom::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: var(--menu-main-line-bg-clr);
}

/* Logo */
.header-bottom .header-logo {
  position: relative;
  display: block;
  float: left;
  width: auto;
  height: 28px;
}
.header-bottom .header-logo .header-logo-extended {
  position: absolute;
  float: left;
  left: 0;
  top: 50%;
  width: 230px;
  z-index: 1;
  color: var(--header-logo-ext-clr);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out !important;
  -moz-transition: opacity 0.3s ease-out !important;
  -o-transition: opacity 0.3s ease-out !important;
  -ms-transition: opacity 0.3s ease-out !important;
  transition: opacity 0.3s ease-out !important;
  -webkit-transform: translate(-9999px, -50%) !important;
  -moz-transform: translate(-9999px, -50%) !important;
  -o-transform: translate(-9999px, -50%) !important;
  -ms-transform: translate(-9999px, -50%) !important;
  transform: translate(-9999px, -50%) !important;
}
.header-bottom .header-logo .header-logo-extended .header-logo-picture, .header-bottom .header-logo .header-logo-extended .header-logo-picture img {
  height: 100%;
  width: auto;
  margin: 0;
  display: block;
  float: left;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-out !important;
  -moz-transition: opacity 0.3s ease-out !important;
  -o-transition: opacity 0.3s ease-out !important;
  -ms-transition: opacity 0.3s ease-out !important;
  transition: opacity 0.3s ease-out !important;
}

@media (min-width: 992px) {
  .header-bottom .header-logo {
    height: 32px;
  }
  .header-bottom .header-logo .header-logo-extended {
    font-size: 14px;
    line-height: 18px;
  }
  .header-bottom .header-logo:hover .header-logo-extended, .header-bottom .header-logo:focus .header-logo-extended, .header-bottom .header-logo:focus-within .header-logo-extended {
    -webkit-transform: translate(0, -50%) !important;
    -moz-transform: translate(0, -50%) !important;
    -o-transform: translate(0, -50%) !important;
    -ms-transform: translate(0, -50%) !important;
    transform: translate(0, -50%) !important;
    opacity: 1;
  }
  .header-bottom .header-logo:hover .header-logo-picture, .header-bottom .header-logo:hover .header-logo-picture img, .header-bottom .header-logo:focus .header-logo-picture, .header-bottom .header-logo:focus .header-logo-picture img, .header-bottom .header-logo:focus-within .header-logo-picture, .header-bottom .header-logo:focus-within .header-logo-picture img {
    opacity: 0;
  }
}
/* Menu */
.header-bottom .main-menu {
  float: right;
  width: auto;
  padding: 0;
}
.header-bottom .main-menu .main-menu-list li {
  position: relative;
  display: none;
  width: auto;
  margin-right: 28px;
  -webkit-transition: opacity 0.3s ease-out !important;
  -moz-transition: opacity 0.3s ease-out !important;
  -o-transition: opacity 0.3s ease-out !important;
  -ms-transition: opacity 0.3s ease-out !important;
  transition: opacity 0.3s ease-out !important;
}
.header-bottom .main-menu .main-menu-list li a, .header-bottom .main-menu .main-menu-list li button {
  position: relative;
  display: block;
  float: left;
  width: auto;
  line-height: 24px;
  letter-spacing: 0.005em;
  color: var(--menu-main-clr);
  font-size: 16px !important;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.header-bottom .main-menu .main-menu-list li a::after {
  background-color: var(--menu-main-underline-clr);
}
.header-bottom .main-menu .main-menu-list li.active a {
  color: var(--menu-main-active-clr) !important;
}
.header-bottom .main-menu .main-menu-list li.active a::after {
  width: 100%;
  background-color: var(--menu-main-active-clr) !important;
}

body:not(.institute).open-search .header-bottom .main-menu ul li:not(.search):not(.mobile-menu),
body:not(.institute).open-mobile-menu .header .header-bottom .main-menu ul li:not(.search):not(.mobile-menu) {
  opacity: 0;
  cursor: default;
  pointer-events: none;
}

@media (min-width: 992px) {
  .header-bottom .site:not(.institute) .main-menu {
    height: 100%;
    max-width: 100%;
    overflow: hidden;
  }
  .header-bottom .site:not(.institute) .main-menu .main-menu-list {
    width: fit-content;
    display: flex;
    height: 100%;
    align-items: center;
  }
  .header-bottom .site:not(.institute) .main-menu .main-menu-list li {
    display: block !important;
    float: unset;
    white-space: nowrap;
  }
  .header-bottom .main-menu .main-menu-list li {
    display: block;
    margin-right: calc(20px + 4 * (100vw - 992px) / 448);
  }
  .header-bottom .main-menu .main-menu-list li a:hover, .header-bottom .main-menu .main-menu-list li button:hover, .header-bottom .main-menu .main-menu-list li a:focus, .header-bottom .main-menu .main-menu-list li button:focus, .header-bottom .main-menu .main-menu-list li a:focus-within, .header-bottom .main-menu .main-menu-list li button:focus-within {
    color: var(--menu-main-hover-clr);
  }
}
@media (min-width: 1440px) {
  .header-bottom .main-menu .main-menu-list li {
    margin-right: 24px;
  }
}
/* Tools */
.header-bottom .main-menu .main-menu-list li.search {
  display: block;
  padding-left: 0;
}
.header-bottom .main-menu .main-menu-list li.search button {
  position: relative;
  width: 28px;
  height: 28px;
  border: 0 !important;
  background-color: transparent !important;
}
.header-bottom .main-menu .main-menu-list li.search button i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: var(--menu-main-icon-clr);
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}
.header-bottom .main-menu .main-menu-list li.search button .icon-supsi-search {
  display: block;
  font-size: 28px;
}
.header-bottom .main-menu .main-menu-list li.search button .icon-supsi-close {
  display: none;
  font-size: 16px;
}
.header-bottom .main-menu .main-menu-list li.search button::after {
  content: none;
}
.header-bottom .main-menu .main-menu-list li.mobile-menu {
  display: block;
  margin-right: 0;
}
.header-bottom .main-menu .main-menu-list li.mobile-menu button {
  position: relative;
  width: 28px;
  height: 28px;
  border: 0 !important;
  background-color: transparent !important;
}
.header-bottom .main-menu .main-menu-list li.mobile-menu button i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: var(--menu-main-icon-clr);
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}
.header-bottom .main-menu .main-menu-list li.mobile-menu button .icon-supsi-close {
  display: none;
  font-size: 16px;
}
.header-bottom .main-menu .main-menu-list li.mobile-menu button .icon-supsi-menu {
  display: block;
  font-size: 24px;
}

.open-search .header-bottom .main-menu .main-menu-list li.search {
  -webkit-transform: translateX(56px) !important;
  -moz-transform: translateX(56px) !important;
  -o-transform: translateX(56px) !important;
  -ms-transform: translateX(56px) !important;
  transform: translateX(56px) !important;
}
.open-search .header-bottom .main-menu .main-menu-list li.search button .icon-supsi-search {
  display: none;
}
.open-search .header-bottom .main-menu .main-menu-list li.search button .icon-supsi-close {
  display: block;
}
.open-search .header-bottom .main-menu .main-menu-list li.mobile-menu {
  opacity: 0;
  visibility: hidden;
  cursor: default;
  pointer-events: none;
}

body.institute.open-search .header-bottom .main-menu .main-menu-list li.search {
  -webkit-transform: translateX(0) !important;
  -moz-transform: translateX(0) !important;
  -o-transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  transform: translateX(0) !important;
}

.open-mobile-menu .header-bottom .main-menu .main-menu-list li.search {
  opacity: 0;
  cursor: default;
  pointer-events: none;
}
.open-mobile-menu .header-bottom .main-menu .main-menu-list li.mobile-menu button .icon-supsi-menu {
  display: none;
}
.open-mobile-menu .header-bottom .main-menu .main-menu-list li.mobile-menu button .icon-supsi-close {
  display: block;
}

@media (min-width: 992px) {
  .site:not(.institute) .header-bottom .main-menu .main-menu-list li.mobile-menu {
    display: none !important;
  }
  .header-bottom .main-menu .main-menu-list li.search {
    padding-left: 3px;
    margin-right: 0;
  }
  .header-bottom .main-menu .main-menu-list li.search button {
    width: 24px;
    height: 24px;
  }
  .header-bottom .main-menu .main-menu-list li.search button i {
    width: 18px;
    height: 18px;
    line-height: 18px;
  }
  .header-bottom .main-menu .main-menu-list li.search button .icon-supsi-search {
    font-size: 18px;
  }
  .header-bottom .main-menu .main-menu-list li.search button .icon-supsi-close {
    font-size: 14px;
  }
  .header-bottom .main-menu .main-menu-list li.mobile-menu button .icon-supsi-menu {
    display: block;
  }
  .open-search .header-bottom .main-menu .main-menu-list li.search {
    -webkit-transform: translateX(0) !important;
    -moz-transform: translateX(0) !important;
    -o-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important;
    margin-right: 28px;
  }
}
/* Header and Navigation styles */
/* Mobile Menu Layer */
.mobile-menu-layer {
  position: fixed;
  left: 0;
  top: -9999px;
  width: 100%;
  max-height: calc(100vh - 64px);
  padding: 16px 16px 18px 16px;
  z-index: 98;
  overflow: auto;
  background-color: var(--menu-mobile-bg-clr);
  -webkit-transform: translateY(-100%) !important;
  -moz-transform: translateY(-100%) !important;
  -o-transform: translateY(-100%) !important;
  -ms-transform: translateY(-100%) !important;
  transform: translateY(-100%) !important;
  -webkit-transition: transform 0.3s ease-out, margin-top 0.3s ease-out !important;
  -moz-transition: transform 0.3s ease-out, margin-top 0.3s ease-out !important;
  -o-transition: transform 0.3s ease-out, margin-top 0.3s ease-out !important;
  -ms-transition: transform 0.3s ease-out, margin-top 0.3s ease-out !important;
  transition: transform 0.3s ease-out, margin-top 0.3s ease-out !important;
}
.mobile-menu-layer .mobile-menu {
  display: block;
  float: left;
  width: 100%;
}

.open-mobile-menu .mobile-menu-layer {
  top: 64px;
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

.has-control-menu .mobile-menu-layer {
  top: 48px;
}

.has-control-menu.open-mobile-menu .mobile-menu-layer {
  top: 113px;
}

/* Main menu */
.mobile-menu-main li {
  margin-top: 16px;
}
.mobile-menu-main li a {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding-right: 42px;
  font-size: 24px;
  line-height: 32px;
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  color: var(--menu-mobile-main-link-clr);
}
.mobile-menu-main li a::after {
  content: "\e901";
  position: absolute;
  right: 5px;
  top: 9px;
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  color: var(--menu-mobile-main-link-clr);
  font-family: "icomoon" !important;
  font-weight: 400;
  font-style: normal;
}

/* Utility menu */
.mobile-menu-utility {
  margin-top: 38px !important;
}
.mobile-menu-utility li {
  margin-top: 16px;
}
.mobile-menu-utility li a {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  font-family: var(--font-family-supsi-fedra-sans-demi);
  color: var(--menu-mobile-utility-link-clr);
}
.mobile-menu-utility li.lang {
  position: relative;
  padding-top: 19px;
}
.mobile-menu-utility li.lang a.current-lang {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  z-index: 3;
}
.mobile-menu-utility li.lang a.current-lang i {
  width: 28px;
  height: 28px;
  margin-right: 10px;
  font-size: 28px;
  line-height: 28px;
  color: var(--menu-mobile-utility-link-clr);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.mobile-menu-utility li.lang ul.lang-list {
  position: absolute;
  left: 70px;
  top: -9999px;
  width: auto;
  opacity: 0;
  padding-left: 20px;
  z-index: 3;
  -webkit-transition: opacity 0.3s ease-out !important;
  -moz-transition: opacity 0.3s ease-out !important;
  -o-transition: opacity 0.3s ease-out !important;
  -ms-transition: opacity 0.3s ease-out !important;
  transition: opacity 0.3s ease-out !important;
}
.mobile-menu-utility li.lang ul.lang-list li {
  width: auto;
  margin: 0;
  margin-right: 15px;
}
.mobile-menu-utility li.lang ul.lang-list li a {
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 0.005em;
  color: var(--menu-mobile-utility-link-clr);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.mobile-menu-utility li.lang ul.lang-list::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 100%;
  background-color: var(--menu-mobile-lang-separator-clr);
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
.mobile-menu-utility li.lang::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 0;
  width: calc(100% + 32px);
  height: 1px;
  z-index: 2;
  background-color: var(--menu-mobile-lang-line-clr);
}
.mobile-menu-utility li.lang::after {
  content: "";
  position: absolute;
  left: -16px;
  top: 0;
  width: calc(100% + 32px);
  height: calc(100% + 18px);
  opacity: 0;
  z-index: 1;
  background-color: var(--menu-mobile-lang-panel-bg-clr);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.mobile-menu-utility li.lang.open ul.lang-list {
  top: 19px;
  opacity: 1;
}
.mobile-menu-utility li.lang.open::after {
  opacity: 1;
}

/* Minisite Navigation styles */
body.institute .header-bottom {
  padding: 0;
}

@media (min-width: 992px) {
  body.institute .header-bottom {
    padding: 0;
  }
}
/* Header Logo SUPSI */
body.institute .header-logo-supsi, body.institute .header-logo-usi {
  position: relative;
  display: block;
  float: left;
  width: auto;
  height: 28px;
  padding: 22px 0px;
  padding-right: 8px;
}
body.institute .header-logo-supsi .header-logo-supsi-goto, body.institute .header-logo-supsi .header-logo-usi-goto, body.institute .header-logo-usi .header-logo-supsi-goto, body.institute .header-logo-usi .header-logo-usi-goto {
  position: absolute;
  right: 32px;
  left: inherit;
  top: 50%;
  padding-left: 0;
  width: auto;
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.015em;
  cursor: default;
  opacity: 0;
  z-index: 5;
  color: var(--white-primary);
  -webkit-transform: translate(-9999px, -50%) !important;
  -moz-transform: translate(-9999px, -50%) !important;
  -o-transform: translate(-9999px, -50%) !important;
  -ms-transform: translate(-9999px, -50%) !important;
  transform: translate(-9999px, -50%) !important;
  -webkit-transition: opacity 0.6s ease !important;
  -moz-transition: opacity 0.6s ease !important;
  -o-transition: opacity 0.6s ease !important;
  -ms-transition: opacity 0.6s ease !important;
  transition: opacity 0.6s ease !important;
}
body.institute .header-logo-supsi .header-logo-supsi-goto a, body.institute .header-logo-supsi .header-logo-usi-goto a, body.institute .header-logo-usi .header-logo-supsi-goto a, body.institute .header-logo-usi .header-logo-usi-goto a {
  color: var(--white-primary);
}
body.institute .header-logo-supsi .header-logo-supsi-goto a i, body.institute .header-logo-supsi .header-logo-usi-goto a i, body.institute .header-logo-usi .header-logo-supsi-goto a i, body.institute .header-logo-usi .header-logo-usi-goto a i {
  padding-left: 12px;
  vertical-align: middle;
}
body.institute .header-logo-supsi .header-logo-supsi-goto-link picture, body.institute .header-logo-supsi .header-usi-supsi-goto-link picture, body.institute .header-logo-usi .header-logo-supsi-goto-link picture, body.institute .header-logo-usi .header-usi-supsi-goto-link picture {
  display: block;
  float: left;
  margin: 0;
  height: 20px;
  width: 73px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
body.institute .header-logo-supsi .header-logo-supsi-goto-link picture img, body.institute .header-logo-supsi .header-usi-supsi-goto-link picture img, body.institute .header-logo-usi .header-logo-supsi-goto-link picture img, body.institute .header-logo-usi .header-usi-supsi-goto-link picture img {
  display: block;
  float: left;
  margin: 0;
  height: 100%;
  width: auto;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
body.institute .header-logo-supsi::before {
  content: "";
  opacity: 0;
  position: absolute;
  top: -28px;
  right: -410%;
  z-index: 4;
  width: 0%;
  height: 88px;
  background-color: var(--black-primary);
  -webkit-transition: width 0.6s ease, opacity 0.6s ease !important;
  -moz-transition: width 0.6s ease, opacity 0.6s ease !important;
  -o-transition: width 0.6s ease, opacity 0.6s ease !important;
  -ms-transition: width 0.6s ease, opacity 0.6s ease !important;
  transition: width 0.6s ease, opacity 0.6s ease !important;
}
body.institute .header-logo-supsi::after {
  display: block;
  opacity: 0;
  right: 0;
  left: inherit;
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  z-index: 3;
  width: 0;
  height: 1px;
  background-color: var(--white-primary);
  -webkit-transition: height 0s ease-out !important;
  -moz-transition: height 0s ease-out !important;
  -o-transition: height 0s ease-out !important;
  -ms-transition: height 0s ease-out !important;
  transition: height 0s ease-out !important;
}
body.institute .header-logo-usi::before {
  content: "";
  opacity: 0;
  position: absolute;
  top: -19px;
  right: -810%;
  z-index: 4;
  width: 0%;
  height: 88px;
  background-color: var(--black-primary);
  -webkit-transition: width 0.6s ease, opacity 0.6s ease !important;
  -moz-transition: width 0.6s ease, opacity 0.6s ease !important;
  -o-transition: width 0.6s ease, opacity 0.6s ease !important;
  -ms-transition: width 0.6s ease, opacity 0.6s ease !important;
  transition: width 0.6s ease, opacity 0.6s ease !important;
}

@media (min-width: 375px) {
  body.institute .header-logo-supsi, body.institute .header-logo-usi {
    display: flex;
    flex-direction: column;
    height: auto;
    padding-left: 0;
    padding-right: 32px;
    margin-left: 4px;
  }
}
@media (min-width: 375px) {
  body.institute .header-logo-supsi, body.institute .header-logo-usi {
    padding: 28px 32px;
    padding-right: 32px;
    padding-left: 0px;
  }
  body.institute .header-logo-supsi .header-logo-supsi-goto, body.institute .header-logo-supsi .header-logo-usi-goto, body.institute .header-logo-usi .header-logo-supsi-goto, body.institute .header-logo-usi .header-logo-usi-goto {
    font-size: 14px;
    line-height: 24px;
  }
  body.institute .header-logo-supsi .header-logo-supsi-goto-link picture, body.institute .header-logo-supsi .header-logo-usi-goto-link picture, body.institute .header-logo-usi .header-logo-supsi-goto-link picture, body.institute .header-logo-usi .header-logo-usi-goto-link picture {
    height: 32px;
    width: 117px;
  }
  body.institute .header-logo-supsi:hover .header-logo-supsi-goto, body.institute .header-logo-supsi:focus .header-logo-supsi-goto, body.institute .header-logo-supsi:focus-within .header-logo-supsi-goto {
    opacity: 1;
    -webkit-transform: translate(0, -50%) !important;
    -moz-transform: translate(0, -50%) !important;
    -o-transform: translate(0, -50%) !important;
    -ms-transform: translate(0, -50%) !important;
    transform: translate(0, -50%) !important;
    transition-delay: 0.2s !important;
  }
  body.institute .header-logo-supsi:hover::before, body.institute .header-logo-supsi:focus::before, body.institute .header-logo-supsi:focus-within::before {
    opacity: 1;
    width: 580%;
  }
  body.institute .header-logo-usi:hover .header-logo-usi-goto, body.institute .header-logo-usi:focus .header-logo-usi-goto, body.institute .header-logo-usi:focus-within .header-logo-usi-goto {
    opacity: 1;
    -webkit-transform: translate(0, -50%) !important;
    -moz-transform: translate(0, -50%) !important;
    -o-transform: translate(0, -50%) !important;
    -ms-transform: translate(0, -50%) !important;
    transform: translate(0, -50%) !important;
    transition-delay: 0.2s !important;
  }
  body.institute .header-logo-usi:hover::before, body.institute .header-logo-usi:focus::before, body.institute .header-logo-usi:focus-within::before {
    opacity: 1;
    width: 1060%;
  }
}
@media (min-width: 1440px) {
  body.institute .header-logo-supsi .header-logo-supsi-goto {
    font-size: 16px;
    line-height: 24px;
  }
  body.institute .header-logo-usi .header-logo-usi-goto {
    font-size: 16px;
    line-height: 24px;
  }
}
/* Header Logo Minisito */
.header-logo-minisite {
  position: relative;
  display: block;
  float: left;
  width: auto;
  height: auto;
  padding: 22px 0 22px 16px;
  padding-left: 8px;
}
.header-logo-minisite .header-logo-minisite-extended {
  position: absolute;
  left: 0;
  top: 50%;
  width: 230px;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.015em;
  cursor: default;
  opacity: 0;
  z-index: 2;
  padding-left: 32px;
  color: var(--menu-main-minisite-logo-ext-clr);
  -webkit-transform: translate(-9999px, -50%) !important;
  -moz-transform: translate(-9999px, -50%) !important;
  -o-transform: translate(-9999px, -50%) !important;
  -ms-transform: translate(-9999px, -50%) !important;
  transform: translate(-9999px, -50%) !important;
  -webkit-transition: opacity 0.3s ease !important;
  -moz-transition: opacity 0.3s ease !important;
  -o-transition: opacity 0.3s ease !important;
  -ms-transition: opacity 0.3s ease !important;
  transition: opacity 0.3s ease !important;
}
.header-logo-minisite .header-logo-minisite-extended a {
  color: var(--menu-main-minisite-logo-ext-clr);
}
.header-logo-minisite .header-logo-minisite-extended a span {
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  color: var(--menu-main-minisite-goto-clr);
}
.header-logo-minisite .header-logo-minisite-link {
  color: inherit;
}
.header-logo-minisite .header-logo-minisite-link picture {
  display: block;
  float: left;
  margin: 0;
  height: 20px;
  width: auto;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.header-logo-minisite .header-logo-minisite-link picture img {
  display: block;
  float: left;
  margin: 0;
  height: 100%;
  width: auto;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.header-logo-minisite .header-logo-minisite-link .minisite-logo-text {
  z-index: 2;
  position: relative;
  color: inherit;
}

.header-logo-minisite::after {
  display: block;
  content: "";
  position: absolute;
  left: -1px;
  top: 12px;
  z-index: 2;
  height: 40px;
  width: 1px;
  background-color: var(--menu-main-minisite-logo-clr);
}

@media (min-width: 992px) {
  .header-logo-minisite {
    padding: 28px 32px;
  }
  .header-logo-minisite .header-logo-minisite-link picture {
    height: 32px;
  }
  .header-logo-minisite:hover .header-logo-minisite-extended, .header-logo-minisite:focus .header-logo-minisite-extended, .header-logo-minisite:focus-within .header-logo-minisite-extended {
    opacity: 1;
    -webkit-transform: translate(0, -30%) !important;
    -moz-transform: translate(0, -30%) !important;
    -o-transform: translate(0, -30%) !important;
    -ms-transform: translate(0, -30%) !important;
    transform: translate(0, -30%) !important;
  }
  .header-logo-minisite:hover .header-logo-minisite-link picture, .header-logo-minisite:focus .header-logo-minisite-link picture, .header-logo-minisite:focus-within .header-logo-minisite-link picture {
    opacity: 0;
  }
  .header-logo-minisite:hover .header-logo-minisite-link .minisite-logo-text, .header-logo-minisite:focus .header-logo-minisite-link .minisite-logo-text, .header-logo-minisite:focus-within .header-logo-minisite-link .minisite-logo-text {
    visibility: hidden;
  }
  .header-logo-minisite::after {
    height: 64px;
  }
}
/* Tools Buttons */
body.institute .main-menu {
  padding: 18px 0;
}
body.institute .main-menu .main-menu-list li.directory {
  display: block;
  margin-right: 8px;
}
body.institute .main-menu .main-menu-list li.directory a {
  text-decoration: none;
  width: 28px;
  height: 28px;
  padding-top: 5px;
}
body.institute .main-menu .main-menu-list li.directory a i {
  font-size: 28px;
  line-height: 18px;
  color: var(--main-text-clr);
}
body.institute .main-menu .main-menu-list li.directory a:hover, body.institute .main-menu .main-menu-list li.directory a:focus, body.institute .main-menu .main-menu-list li.directory a:focus-within {
  color: var(--main-text-clr);
}
body.institute .main-menu .main-menu-list li.search {
  margin-right: 0;
}
body.institute .main-menu .main-menu-list li.search button {
  width: 28px;
  height: 28px;
}
body.institute .main-menu .main-menu-list li.search button i.icon-supsi-search {
  font-size: 18px;
  line-height: 18px;
  width: 18px;
  height: 18px;
}
body.institute .main-menu .main-menu-list li.lang {
  position: relative;
  z-index: 3;
  margin-left: 24px;
  margin-right: 36px;
}
body.institute .main-menu .main-menu-list li.lang a.current-lang {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 13px !important;
  line-height: 1;
  padding: 6px 12px;
  margin: -2px -12px -2px 0;
  border-radius: 16px;
  color: var(--black-primary);
  background-color: var(--grey-10);
  -webkit-transition: all 0.1s ease-out !important;
  -moz-transition: all 0.1s ease-out !important;
  -o-transition: all 0.1s ease-out !important;
  -ms-transition: all 0.1s ease-out !important;
  transition: all 0.1s ease-out !important;
}
body.institute .main-menu .main-menu-list li.lang a.current-lang i {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  font-size: 20px;
  line-height: 20px;
  color: var(--black-primary);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
body.institute .main-menu .main-menu-list li.lang a.current-lang::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: var(--grey-50);
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
body.institute .main-menu .main-menu-list li.lang a.current-lang::after {
  display: none;
}
body.institute .main-menu .main-menu-list li.lang ul.lang-list {
  position: absolute;
  right: -12px;
  top: -9999px;
  z-index: 2;
  width: calc(100% + 12px);
  opacity: 0;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  background-color: var(--grey-10);
  -webkit-transition: opacity 0.3s ease-out !important;
  -moz-transition: opacity 0.3s ease-out !important;
  -o-transition: opacity 0.3s ease-out !important;
  -ms-transition: opacity 0.3s ease-out !important;
  transition: opacity 0.3s ease-out !important;
}
body.institute .main-menu .main-menu-list li.lang ul.lang-list li {
  padding: 6px 12px;
  width: 100%;
}
body.institute .main-menu .main-menu-list li.lang ul.lang-list li a {
  display: block;
  font-size: 13px !important;
  line-height: 24px;
  color: var(--black-primary);
  letter-spacing: 0.005em;
  width: 100%;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
body.institute .main-menu .main-menu-list li.lang:hover a.current-lang, body.institute .main-menu .main-menu-list li.lang:focus a.current-lang, body.institute .main-menu .main-menu-list li.lang:focus-within a.current-lang {
  color: var(--black-primary);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body.institute .main-menu .main-menu-list li.mobile-menu {
  position: fixed;
  bottom: 16px;
  right: 16px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: var(--white-primary);
}
body.institute .main-menu .main-menu-list li.mobile-menu button::after {
  display: none;
}

@media (min-width: 992px) {
  body.institute .main-menu {
    padding: 28px 0;
  }
  body.institute .main-menu .main-menu-list li.directory {
    margin-right: 8px;
  }
  body.institute .main-menu .main-menu-list li.directory a {
    text-decoration: none;
    width: 28px;
    height: 28px;
    padding-top: 5px;
  }
  body.institute .main-menu .main-menu-list li.directory a i {
    font-size: 28px;
    line-height: 18px;
  }
  body.institute .main-menu .main-menu-list li.lang:hover a.current-lang::before, body.institute .main-menu .main-menu-list li.lang:focus a.current-lang::before, body.institute .main-menu .main-menu-list li.lang:focus-within a.current-lang::before {
    width: calc(100% - 16px);
  }
  body.institute .main-menu .main-menu-list li.lang:hover ul.lang-list, body.institute .main-menu .main-menu-list li.lang:focus ul.lang-list, body.institute .main-menu .main-menu-list li.lang:focus-within ul.lang-list {
    top: calc(100% + 2px);
    opacity: 1;
  }
  body.institute .main-menu .main-menu-list li.mobile-menu {
    position: relative;
    bottom: inherit;
    right: inherit;
    background-color: transparent;
    width: auto;
    height: inherit;
    border-radius: 0;
    display: block;
    margin-left: 10px;
  }
}
/* Minisite Navigation Mobile styles */
/* Mobile Menu Layer */
body.institute .mobile-menu-layer {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  visibility: hidden;
  width: 100%;
  max-height: 100vh;
  padding: 16px 16px 18px 16px;
  background-color: transparent;
  z-index: -1;
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
  -webkit-transform: translateX(0) !important;
  -moz-transform: translateX(0) !important;
  -o-transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  transform: translateX(0) !important;
  -webkit-transition: transform 0.3s ease-out, margin-top 0.3s ease-out !important;
  -moz-transition: transform 0.3s ease-out, margin-top 0.3s ease-out !important;
  -o-transition: transform 0.3s ease-out, margin-top 0.3s ease-out !important;
  -ms-transition: transform 0.3s ease-out, margin-top 0.3s ease-out !important;
  transition: transform 0.3s ease-out, margin-top 0.3s ease-out !important;
}
body.institute .mobile-menu-layer nav.mobile-menu {
  display: block;
  float: left;
  width: 100%;
}
body.institute .mobile-menu-layer nav.mobile-menu header.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99;
  background-color: var(--menu-main-header-bg-clr);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
body.institute .mobile-menu-layer nav.mobile-menu header.header .header-bottom {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
}
body.institute .mobile-menu-layer nav.mobile-menu header.header .header-bottom .minisite-mobile-menu-container {
  width: 100%;
  max-width: 1368px;
  padding-right: 12px;
  padding-left: 12px;
}
body.institute .mobile-menu-layer nav.mobile-menu header.header .header-bottom::after {
  display: none;
}

body.institute.open-mobile-menu .mobile-menu-layer {
  top: 0px;
  left: 0;
  visibility: visible;
  z-index: 101;
  height: 100%;
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
  -webkit-transform: translateX(0) !important;
  -moz-transform: translateX(0) !important;
  -o-transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  transform: translateX(0) !important;
}
body.institute.open-mobile-menu .mobile-menu-layer nav.mobile-menu header.header .header-bottom .minisite-mobile-menu-container {
  position: relative;
  z-index: 2;
}
body.institute.open-mobile-menu .mobile-menu-layer nav.mobile-menu header.header .header-bottom .minisite-mobile-menu-container .minisite-mobile-menu-col {
  display: flex;
}

body.institute.open-mobile-menu.has-control-menu .mobile-menu-layer {
  top: 56px;
}

@media (min-width: 992px) {
  body.institute .mobile-menu-layer nav.mobile-menu header.header .header-bottom {
    padding: 0;
  }
  body.institute.open-mobile-menu .mobile-menu-layer {
    top: 0px;
    left: 0;
  }
  body.institute.open-mobile-menu.has-control-menu .mobile-menu-layer {
    top: 56px;
  }
}
/* Header Logo SUPSI */
body.institute .minisite-mobile-menu-col .header-logo {
  display: flex;
  flex-direction: column;
  position: relative;
  float: left;
  width: auto;
  height: auto;
  padding: 22px 17px 22px 0px;
  margin-left: 4px;
}
body.institute .minisite-mobile-menu-col .header-logo a {
  opacity: 1;
  -webkit-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -moz-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -o-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -ms-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
}
body.institute .minisite-mobile-menu-col .header-logo a picture {
  display: block;
  position: relative;
  z-index: 2;
  float: left;
  opacity: 0.5;
  height: 20px;
  width: 73px;
  margin: 0;
  -webkit-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -moz-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -o-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -ms-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
}
body.institute .minisite-mobile-menu-col .header-logo a picture img {
  display: block;
  float: left;
  margin: 0;
  height: 100%;
  width: auto;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
body.institute .minisite-mobile-menu-col .header-logo:hover a, body.institute .minisite-mobile-menu-col .header-logo:focus a, body.institute .minisite-mobile-menu-col .header-logo:focus-within a {
  opacity: 1;
}
body.institute .minisite-mobile-menu-col .header-logo:hover a picture, body.institute .minisite-mobile-menu-col .header-logo:focus a picture, body.institute .minisite-mobile-menu-col .header-logo:focus-within a picture {
  opacity: 1;
}
body.institute .minisite-mobile-menu-col .header-logo::before {
  content: "";
  opacity: 0;
  position: absolute;
  top: -28px;
  left: -410%;
  width: 0%;
  height: calc(100% + 28px);
  z-index: 1;
  background-color: var(--black-primary);
  -webkit-transition: width 0.6s ease, opacity 0.6s ease !important;
  -moz-transition: width 0.6s ease, opacity 0.6s ease !important;
  -o-transition: width 0.6s ease, opacity 0.6s ease !important;
  -ms-transition: width 0.6s ease, opacity 0.6s ease !important;
  transition: width 0.6s ease, opacity 0.6s ease !important;
}
body.institute .minisite-mobile-menu-col .header-logo:hover::before, body.institute .minisite-mobile-menu-col .header-logo:focus::before, body.institute .minisite-mobile-menu-col .header-logo:focus-within::before {
  opacity: 1;
  width: 510%;
}
body.institute .minisite-mobile-menu-col .header-logo::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  left: inherit;
  top: calc(100% + 2px);
  width: 0;
  height: 1px;
  opacity: 0;
  z-index: 3;
  background-color: var(--white-primary);
  -webkit-transition: height 0s ease-out !important;
  -moz-transition: height 0s ease-out !important;
  -o-transition: height 0s ease-out !important;
  -ms-transition: height 0s ease-out !important;
  transition: height 0s ease-out !important;
}
body.institute .minisite-mobile-menu-col .header-logo:hover::after, body.institute .minisite-mobile-menu-col .header-logo:focus::after, body.institute .minisite-mobile-menu-col .header-logo:focus-within::after {
  opacity: 1;
}

body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo {
  width: auto;
  height: 64px;
  opacity: 1;
}
body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo::before {
  opacity: 1;
  right: 0;
  left: inherit;
  width: 510%;
  height: calc(100vh + 28px);
  -webkit-transition: height 0s ease-out !important;
  -moz-transition: height 0s ease-out !important;
  -o-transition: height 0s ease-out !important;
  -ms-transition: height 0s ease-out !important;
  transition: height 0s ease-out !important;
}
body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo::after {
  opacity: 0.5;
  width: 510%;
  -webkit-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -moz-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -o-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -ms-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
}
body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo:not(.hide-main-site-navigation):hover::after, body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo:not(.hide-main-site-navigation):focus::after, body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo:not(.hide-main-site-navigation):focus-within::after {
  opacity: 1;
}
body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo.hide-main-site-navigation:hover a, body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo.hide-main-site-navigation:focus a, body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo.hide-main-site-navigation:focus-within a {
  opacity: 1;
}
body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo.hide-main-site-navigation:hover a picture, body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo.hide-main-site-navigation:focus a picture, body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo.hide-main-site-navigation:focus-within a picture {
  opacity: 0.5;
}

body.institute.open-mobile-menu.closing-mobile-menu .minisite-mobile-menu-col .header-logo a picture {
  opacity: 0;
}
body.institute.open-mobile-menu.closing-mobile-menu .minisite-mobile-menu-col .header-logo::before {
  right: 0;
  left: inherit;
  width: 0;
}

@media (min-width: 375px) {
  body.institute .minisite-mobile-menu-col .header-logo {
    padding-right: 32px;
  }
}
@media (min-width: 992px) {
  body.institute .minisite-mobile-menu-col .header-logo {
    padding: 28px 32px 28px 0px;
  }
  body.institute .minisite-mobile-menu-col .header-logo a picture {
    height: 32px;
    width: 117px;
  }
  body.institute .minisite-mobile-menu-col .header-logo:hover a {
    opacity: 1;
  }
  body.institute .minisite-mobile-menu-col .header-logo:not(.hide-main-site-navigation):hover::before, body.institute .minisite-mobile-menu-col .header-logo:not(.hide-main-site-navigation):focus::before, body.institute .minisite-mobile-menu-col .header-logo:not(.hide-main-site-navigation):focus-within::before {
    opacity: 1;
    width: 510%;
  }
  body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo {
    width: auto;
    height: 88px;
  }
}
/* Menu Left (SUPSI) */
body.institute .minisite-mobile-menu-col .header-logo nav.institute-menu-left ul.main {
  margin-top: 38px;
}
body.institute .minisite-mobile-menu-col .header-logo nav.institute-menu-left ul.main li {
  margin-top: 16px;
}
body.institute .minisite-mobile-menu-col .header-logo nav.institute-menu-left ul.main li a {
  position: relative;
  padding-right: 0;
  display: inline;
  float: none;
  width: auto;
  background-image: linear-gradient(var(--grey-30), var(--grey-30));
  color: var(--white-primary);
  -webkit-transition: background-size 0.3s ease-in-out, color 0.3s ease-in-out !important;
  -moz-transition: background-size 0.3s ease-in-out, color 0.3s ease-in-out !important;
  -o-transition: background-size 0.3s ease-in-out, color 0.3s ease-in-out !important;
  -ms-transition: background-size 0.3s ease-in-out, color 0.3s ease-in-out !important;
  transition: background-size 0.3s ease-in-out, color 0.3s ease-in-out !important;
}
body.institute .minisite-mobile-menu-col .header-logo nav.institute-menu-left ul.main li.explore {
  margin-top: 0;
  margin-bottom: 32px;
}
body.institute .minisite-mobile-menu-col .header-logo nav.institute-menu-left ul.main li.explore p {
  display: block;
  float: left;
  top: 50%;
  right: 32px;
  left: inherit;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  width: auto;
  cursor: default;
  opacity: 0;
  z-index: 1;
  white-space: nowrap;
  color: var(--white-primary);
  -webkit-transform: translate(-9999px, -50%) !important;
  -moz-transform: translate(-9999px, -50%) !important;
  -o-transform: translate(-9999px, -50%) !important;
  -ms-transform: translate(-9999px, -50%) !important;
  transform: translate(-9999px, -50%) !important;
  -webkit-transition: opacity 0.6s ease !important;
  -moz-transition: opacity 0.6s ease !important;
  -o-transition: opacity 0.6s ease !important;
  -ms-transition: opacity 0.6s ease !important;
  transition: opacity 0.6s ease !important;
}
body.institute .minisite-mobile-menu-col .header-logo:hover nav.institute-menu-left, body.institute .minisite-mobile-menu-col .header-logo:focus nav.institute-menu-left, body.institute .minisite-mobile-menu-col .header-logo:focus-within nav.institute-menu-left {
  max-width: 350px;
}
body.institute .minisite-mobile-menu-col .header-logo:hover nav.institute-menu-left ul.main li a, body.institute .minisite-mobile-menu-col .header-logo:focus nav.institute-menu-left ul.main li a, body.institute .minisite-mobile-menu-col .header-logo:focus-within nav.institute-menu-left ul.main li a {
  opacity: 1;
}
body.institute .minisite-mobile-menu-col .header-logo:hover nav.institute-menu-left ul.main li.explore p, body.institute .minisite-mobile-menu-col .header-logo:focus nav.institute-menu-left ul.main li.explore p, body.institute .minisite-mobile-menu-col .header-logo:focus-within nav.institute-menu-left ul.main li.explore p {
  opacity: 1;
}

body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo nav.institute-menu-left {
  z-index: 2;
  position: relative;
  max-width: 117px;
  -webkit-transition: all 0.6s ease !important;
  -moz-transition: all 0.6s ease !important;
  -o-transition: all 0.6s ease !important;
  -ms-transition: all 0.6s ease !important;
  transition: all 0.6s ease !important;
}
body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo nav.institute-menu-left ul.main {
  float: left;
  white-space: nowrap;
  width: auto;
}
body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo nav.institute-menu-left ul.main li a {
  opacity: 0.5;
  -webkit-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -moz-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -o-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -ms-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
}
body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo nav.institute-menu-left ul.main li.explore p {
  position: relative;
  opacity: 1;
  float: left;
  visibility: visible;
  display: block;
  top: inherit;
  left: inherit !important;
  right: inherit !important;
  width: auto;
  padding: 0 !important;
  opacity: 0.5;
  transform: none !important;
  transition: none !important;
}
body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo:hover nav.institute-menu-left, body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo:focus nav.institute-menu-left, body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo:focus-within nav.institute-menu-left {
  max-width: 350px;
}
body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo:hover nav.institute-menu-left ul.main li a, body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo:focus nav.institute-menu-left ul.main li a, body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo:focus-within nav.institute-menu-left ul.main li a {
  opacity: 1;
}
body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo:hover nav.institute-menu-left ul.main li.explore p, body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo:focus nav.institute-menu-left ul.main li.explore p, body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo:focus-within nav.institute-menu-left ul.main li.explore p {
  opacity: 1;
}

body.institute.open-mobile-menu.closing-mobile-menu .minisite-mobile-menu-col .header-logo nav.institute-menu-left ul.main li a {
  opacity: 0;
}
body.institute.open-mobile-menu.closing-mobile-menu .minisite-mobile-menu-col .header-logo nav.institute-menu-left ul.main li.explore p {
  opacity: 0;
}

@media (min-width: 375px) {
  body.institute .minisite-mobile-menu-col .header-logo nav.institute-menu-left ul.main li.explore p {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065) !important;
    line-height: calc(20px + 4 * (100vw - 375px) / 1065) !important;
  }
  body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo nav.institute-menu-left ul.main li a {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065) !important;
    line-height: calc(20px + 4 * (100vw - 375px) / 1065) !important;
  }
  body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo nav.institute-menu-left ul.main li.explore p {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065) !important;
    line-height: calc(20px + 4 * (100vw - 375px) / 1065) !important;
  }
}
@media (min-width: 992px) {
  body.institute .minisite-mobile-menu-col .header-logo nav.institute-menu-left ul.main li a:hover, body.institute .minisite-mobile-menu-col .header-logo nav.institute-menu-left ul.main li a:focus, body.institute .minisite-mobile-menu-col .header-logo nav.institute-menu-left ul.main li a:focus-within {
    color: var(--grey-30);
  }
  body.institute .minisite-mobile-menu-col .header-logo nav.institute-menu-left ul.main li.explore {
    margin-top: 16px;
  }
  body.institute .minisite-mobile-menu-col .header-logo nav.institute-menu-left ul.main li.explore p {
    transition-delay: 0.2s;
  }
  body.institute .minisite-mobile-menu-col .header-logo:not(.hide-main-site-navigation):hover::before nav.institute-menu-left ul.main li.explore p, body.institute .minisite-mobile-menu-col .header-logo:not(.hide-main-site-navigation):focus::before nav.institute-menu-left ul.main li.explore p, body.institute .minisite-mobile-menu-col .header-logo:not(.hide-main-site-navigation):focus-within::before nav.institute-menu-left ul.main li.explore p {
    opacity: 1;
    -webkit-transform: translate(0, -50%) !important;
    -moz-transform: translate(0, -50%) !important;
    -o-transform: translate(0, -50%) !important;
    -ms-transform: translate(0, -50%) !important;
    transform: translate(0, -50%) !important;
  }
}
/* Header Logo Minisite */
body.institute .minisite-mobile-menu-col .header-logo-minisite {
  display: block;
  position: relative;
  float: left;
  width: auto;
  height: auto;
  padding: 22px 0 22px 16px;
}
body.institute .minisite-mobile-menu-col .header-logo-minisite a.header-logo-minisite-link {
  color: var(--black-primary);
  opacity: 1;
}
body.institute .minisite-mobile-menu-col .header-logo-minisite a.header-logo-minisite-link .minisite-logo-text {
  z-index: 2;
  position: relative;
  color: inherit;
}
body.institute .minisite-mobile-menu-col .header-logo-minisite a.header-logo-minisite-link picture {
  display: block;
  float: left;
  position: relative;
  margin: 0;
  height: 20px;
  width: auto;
  z-index: 2;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
body.institute .minisite-mobile-menu-col .header-logo-minisite a.header-logo-minisite-link picture img {
  display: block;
  float: left;
  margin: 0;
  height: 100%;
  width: auto;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
body.institute .minisite-mobile-menu-col .header-logo-minisite::before {
  content: "";
  opacity: 0;
  position: absolute;
  top: -28px;
  left: 0;
  z-index: 2;
  width: 0;
  height: calc(100vh + 28px);
  background-color: var(--white-primary);
  -webkit-transition: width 0.2s ease-out, opacity 0.1s ease-out !important;
  -moz-transition: width 0.2s ease-out, opacity 0.1s ease-out !important;
  -o-transition: width 0.2s ease-out, opacity 0.1s ease-out !important;
  -ms-transition: width 0.2s ease-out, opacity 0.1s ease-out !important;
  transition: width 0.2s ease-out, opacity 0.1s ease-out !important;
}
body.institute .minisite-mobile-menu-col .header-logo-minisite::after {
  display: block;
  position: absolute;
  left: 0;
  top: calc(100% + 2px);
  content: "";
  opacity: 1;
  z-index: 2;
  width: 100vw;
  height: 1px;
  background-color: var(--black-primary);
  -webkit-transition: height 0s ease-out !important;
  -moz-transition: height 0s ease-out !important;
  -o-transition: height 0s ease-out !important;
  -ms-transition: height 0s ease-out !important;
  transition: height 0s ease-out !important;
}

body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo-minisite {
  opacity: 1;
  height: 64px;
  width: auto;
  min-width: 75%;
}
body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo-minisite a.header-logo-minisite-link {
  -webkit-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -moz-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -o-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -ms-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
}
body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo-minisite a.header-logo-minisite-link picture {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -moz-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -o-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -ms-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
}
body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo-minisite a.header-logo-minisite-link picture img {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo-minisite::before {
  opacity: 1;
  width: 100vw;
}

body.institute.open-mobile-menu.closing-mobile-menu .minisite-mobile-menu-col .header-logo-minisite:before {
  right: inherit;
  left: 0;
  width: 0;
}

body.institute.dark-layout:not(.open-mobile-menu) .header-logo-minisite a.header-logo-minisite-link picture img {
  -webkit-filter: grayscale(1) invert(1);
  filter: grayscale(1) invert(1);
}

@media (min-width: 992px) {
  body.institute .minisite-mobile-menu-col .header-logo-minisite {
    height: 32px;
    padding: 28px 32px;
  }
  body.institute .minisite-mobile-menu-col .header-logo-minisite a.header-logo-minisite-link picture {
    height: 32px;
  }
  body.institute .minisite-mobile-menu-col .header-logo-minisite:hover a.header-logo-minisite-link .minisite-logo-text, body.institute .minisite-mobile-menu-col .header-logo-minisite:focus a.header-logo-minisite-link .minisite-logo-text, body.institute .minisite-mobile-menu-col .header-logo-minisite:focus-within a.header-logo-minisite-link .minisite-logo-text {
    visibility: unset;
  }
  body.institute .minisite-mobile-menu-col .header-logo-minisite:hover a.header-logo-minisite-link picture, body.institute .minisite-mobile-menu-col .header-logo-minisite:focus a.header-logo-minisite-link picture, body.institute .minisite-mobile-menu-col .header-logo-minisite:focus-within a.header-logo-minisite-link picture {
    visibility: unset;
    opacity: 1;
  }
  body.institute.open-mobile-menu .minisite-mobile-menu-col .header-logo-minisite {
    height: 88px;
  }
}
/* Menu Right (Minisite) */
body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility {
  margin-top: 38px;
}
body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.explore {
  margin-top: 0;
}
body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.explore p {
  position: relative;
  opacity: 1;
  float: left;
  visibility: visible;
  display: block;
  top: inherit;
  left: inherit;
  width: auto;
  padding: 0;
  margin-bottom: 0;
  cursor: default;
  z-index: 2;
  color: var(--grey-70) !important;
  transform: none;
}
body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.explore ul.minisite-mobile-menu-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 48px;
}
body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.explore ul.minisite-mobile-menu-list li {
  display: flex;
  width: 100%;
  margin-top: 0;
  margin-bottom: 16px;
}
body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.explore ul.minisite-mobile-menu-list li a {
  display: inline;
  position: relative;
  float: none;
  width: auto;
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: -0.005em !important;
  font-family: var(--font-family-supsi-fedra-sans-medium) !important;
  font-weight: 700;
  color: var(--black-primary);
  background-image: linear-gradient(var(--blue-primary), var(--blue-primary));
}
body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.explore ul.minisite-mobile-menu-list li::after {
  content: "";
  display: block;
  height: 20px;
}

body.institute.open-mobile-menu .minisite-mobile-menu-col nav.institute-menu-right {
  z-index: 3;
  position: relative;
}
body.institute.open-mobile-menu .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility {
  width: auto;
}
body.institute.open-mobile-menu .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.explore p {
  opacity: 1;
  -webkit-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -moz-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -o-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -ms-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
}
body.institute.open-mobile-menu .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.explore ul.minisite-mobile-menu-list li a {
  opacity: 1;
  -webkit-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -moz-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -o-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -ms-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
}

body.institute.open-mobile-menu.closing-mobile-menu .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.explore p {
  opacity: 0;
}
body.institute.open-mobile-menu.closing-mobile-menu .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.explore ul.minisite-mobile-menu-list li a {
  opacity: 0;
}

@media (min-width: 375px) {
  body.institute.open-mobile-menu .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.explore p {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065) !important;
    line-height: calc(20px + 4 * (100vw - 375px) / 1065) !important;
  }
  body.institute.open-mobile-menu .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.explore ul.minisite-mobile-menu-list li a {
    font-size: calc(20px + 12 * (100vw - 375px) / 1065) !important;
    line-height: calc(28px + 16 * (100vw - 375px) / 1065) !important;
  }
}
@media (min-width: 992px) {
  body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.explore {
    margin-top: 16px;
  }
  body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.explore ul.minisite-mobile-menu-list {
    margin-top: 45px;
  }
  body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.explore ul.minisite-mobile-menu-list li {
    width: 50%;
  }
  body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.explore ul.minisite-mobile-menu-list li a:hover, body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.explore ul.minisite-mobile-menu-list li a:focus, body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.explore ul.minisite-mobile-menu-list li a:focus-within {
    color: var(--blue-primary);
  }
}
@media (min-width: 1440px) {
  body.institute.open-mobile-menu .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.explore ul.minisite-mobile-menu-list li a {
    font-size: 32px !important;
    line-height: 44px !important;
  }
}
/* Menu Right (Lang) */
body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang {
  position: relative;
  padding-top: 19px;
  margin-top: 16px;
}
body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang a.current-lang {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  float: left;
  z-index: 3;
  width: auto !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: var(--black-primary);
  background-image: linear-gradient(var(--blue-primary), var(--blue-primary));
  letter-spacing: -0.005em;
}
body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang a.current-lang i {
  width: 28px;
  height: 28px;
  margin-right: 10px;
  font-size: 28px;
  line-height: 28px;
  color: var(--black-primary);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang ul.lang-list {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  margin-top: 48px;
  left: 70px;
  top: -9999px;
  width: auto;
  opacity: 0;
  padding-left: 20px;
  z-index: 3;
  -webkit-transition: opacity 0.3s ease-out !important;
  -moz-transition: opacity 0.3s ease-out !important;
  -o-transition: opacity 0.3s ease-out !important;
  -ms-transition: opacity 0.3s ease-out !important;
  transition: opacity 0.3s ease-out !important;
}
body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang ul.lang-list li {
  display: flex;
  float: left;
  width: auto;
  margin: 0;
  margin-right: 15px;
}
body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang ul.lang-list li a {
  display: inline;
  position: relative;
  float: none;
  width: auto;
  background-image: linear-gradient(var(--blue-primary), var(--blue-primary));
  font-size: 14px !important;
  line-height: 28px !important;
  letter-spacing: 0.005em !important;
  color: var(--black-primary);
}
body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang ul.lang-list li::after {
  content: "";
  display: block;
  height: 20px;
}
body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang ul.lang-list::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 100%;
  background-color: var(--grey-30);
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang ul.lang-list::after {
  content: "";
  display: block;
  height: 20px;
}
body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 0;
  width: calc(100% + 32px);
  height: 1px;
  background-color: var(--black-primary);
  z-index: 2;
}
body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang::after {
  content: "";
  position: absolute;
  left: -16px;
  top: 0;
  width: calc(100% + 32px);
  height: calc(100% + 18px);
  opacity: 0;
  z-index: 1;
  background-color: var(--grey-10);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang.open ul.lang-list {
  top: 19px;
  opacity: 1;
}
body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang.open::after {
  opacity: 1;
}

body.institute.open-mobile-menu .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang a.current-lang {
  opacity: 1;
  -webkit-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -moz-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -o-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -ms-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
}
body.institute.open-mobile-menu .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang ul.lang-list li a {
  opacity: 1;
  -webkit-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -moz-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -o-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  -ms-transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
  transition: opacity 0.1s ease-out, background 0.3s ease-out, color 0.3s ease-out !important;
}

body.institute.open-mobile-menu.closing-mobile-menu .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang a.current-lang {
  opacity: 0;
}
body.institute.open-mobile-menu.closing-mobile-menu .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang ul.lang-list li a {
  opacity: 0;
}

@media (min-width: 375px) {
  body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang ul.lang-list {
    margin-top: 45px;
  }
}
@media (min-width: 992px) {
  body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang {
    display: none;
  }
  body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang ul.lang-list li a:hover, body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang ul.lang-list li a:focus, body.institute .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang ul.lang-list li a:focus-within {
    color: var(--grey-50);
  }
}
/* Menu Tools */
body.institute .minisite-mobile-menu-tools {
  display: block;
  position: relative;
  z-index: 2;
}
body.institute .minisite-mobile-menu-tools nav.minisite-mobile-menu-tools-menu {
  float: right;
  width: auto;
  padding: 18px 0;
}
body.institute .minisite-mobile-menu-tools nav.minisite-mobile-menu-tools-menu ul.mobile-menu-tools-list li {
  position: fixed;
  bottom: 16px;
  right: 16px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: var(--white-primary);
}
body.institute .minisite-mobile-menu-tools nav.minisite-mobile-menu-tools-menu ul.mobile-menu-tools-list li button {
  display: block;
  position: relative;
  float: left;
  width: 28px;
  height: 28px;
  border: 0 !important;
  background-color: transparent !important;
  font-size: 14px !important;
  line-height: 24px !important;
  letter-spacing: 0.005em !important;
  color: var(--black-primary);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
body.institute .minisite-mobile-menu-tools nav.minisite-mobile-menu-tools-menu ul.mobile-menu-tools-list li button i.icon-supsi-menu {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  color: var(--black-primary);
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}
body.institute .minisite-mobile-menu-tools nav.minisite-mobile-menu-tools-menu ul.mobile-menu-tools-list li button i.icon-supsi-close {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 24px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--black-primary);
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

body.institute.open-mobile-menu .minisite-mobile-menu-tools nav.minisite-mobile-menu-tools-menu ul.mobile-menu-tools-list li button i.icon-supsi-menu {
  display: none;
}
body.institute.open-mobile-menu .minisite-mobile-menu-tools nav.minisite-mobile-menu-tools-menu ul.mobile-menu-tools-list li button i.icon-supsi-close {
  display: block;
}

@media (min-width: 992px) {
  body.institute .minisite-mobile-menu-tools nav.minisite-mobile-menu-tools-menu {
    padding: 28px 0;
  }
  body.institute .minisite-mobile-menu-tools nav.minisite-mobile-menu-tools-menu ul.mobile-menu-tools-list li {
    display: block;
    position: relative;
    bottom: inherit;
    right: inherit;
    background-color: transparent;
    width: auto;
    height: inherit;
    border-radius: 0;
  }
  body.institute .minisite-mobile-menu-tools nav.minisite-mobile-menu-tools-menu ul.mobile-menu-tools-list li button {
    font-size: calc(14px + 2 * (100vw - 992px) / 448) !important;
  }
}
/* Mobile Menu Button */
body.institute button.mobile-menu-button {
  position: fixed;
  right: 15px;
  bottom: 16px;
  width: 64px;
  height: 64px;
  opacity: 1;
  z-index: 102;
  border: 0 !important;
  border: 1px solid var(--black-primary) !important;
  background-color: var(--white-primary);
  -webkit-transition: opacity 0.3s ease-out !important;
  -moz-transition: opacity 0.3s ease-out !important;
  -o-transition: opacity 0.3s ease-out !important;
  -ms-transition: opacity 0.3s ease-out !important;
  transition: opacity 0.3s ease-out !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  border-radius: 50% !important;
}
body.institute button.mobile-menu-button i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: var(--black-primary);
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}
body.institute button.mobile-menu-button i.icon-supsi-menu {
  display: block;
  font-size: 24px;
}
body.institute button.mobile-menu-button i.icon-supsi-close {
  display: none;
  font-size: 16px;
}

body.institute.open-mobile-menu button.mobile-menu-button {
  background-color: var(--blue-primary);
}
body.institute.open-mobile-menu button.mobile-menu-button i.icon-supsi-menu {
  display: none;
}
body.institute.open-mobile-menu button.mobile-menu-button i.icon-supsi-close {
  color: var(--white-primary);
  display: block;
}

@media (min-width: 992px) {
  body.institute button.mobile-menu-button {
    display: none;
    right: calc(15px + 33 * (100vw - 992px) / 448);
  }
}
/* USI/SUPSI Navigation styles */
.header-bottom {
  height: 70px;
}

@media (min-width: 992px) {
  .header-bottom {
    height: 90px;
  }
}
@media (min-width: 1440px) {
  .header-bottom > .container.h-100 {
    max-width: 1528px !important;
    padding-right: 90px !important;
  }
}
/* Hamburger Menu */
.hamburger-menu {
  display: flex;
  position: relative;
  float: left;
  height: 100%;
  margin-left: 12px;
  align-items: center;
  -webkit-transition: opacity 0.3s ease-out !important;
  -moz-transition: opacity 0.3s ease-out !important;
  -o-transition: opacity 0.3s ease-out !important;
  -ms-transition: opacity 0.3s ease-out !important;
  transition: opacity 0.3s ease-out !important;
}
.hamburger-menu button::after {
  display: none;
}
.hamburger-menu button {
  display: block;
  position: relative;
  float: left;
  width: 28px;
  height: 28px;
  border: 0 !important;
  background-color: transparent !important;
  line-height: 24px;
  letter-spacing: 0.005em;
  color: var(--menu-main-clr);
  font-size: 16px !important;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.hamburger-menu button i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: var(--menu-main-icon-clr);
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}
.hamburger-menu button .icon-supsi-menu {
  display: block;
  font-size: 24px;
}
.hamburger-menu button .icon-supsi-close {
  display: none;
  font-size: 16px;
}
.hamburger-menu button .icon-supsi-menu, .hamburger-menu button .icon-supsi-close {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-out !important;
  -moz-transition: opacity 0.3s ease-out !important;
  -o-transition: opacity 0.3s ease-out !important;
  -ms-transition: opacity 0.3s ease-out !important;
  transition: opacity 0.3s ease-out !important;
}

body.institute.open-search .hamburger-menu .icon-supsi-menu, body.institute.open-search .hamburger-menu .icon-supsi-close {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out !important;
  -moz-transition: opacity 0.3s ease-out !important;
  -o-transition: opacity 0.3s ease-out !important;
  -ms-transition: opacity 0.3s ease-out !important;
  transition: opacity 0.3s ease-out !important;
}

@media (min-width: 992px) {
  .hamburger-menu {
    margin-left: 20px;
  }
  .hamburger-menu button .icon-supsi-menu {
    display: block;
  }
}
/* Logo Minisite */
.header-logo-minisite {
  padding: 12px 0 22px 16px;
  display: flex;
  /*Task-1814 - Visualizzazione titolo della landing page anche su mobile*/
}
.header-logo-minisite .header-logo-minisite-link {
  display: block;
  float: left;
  min-width: 95px;
}
.header-logo-minisite .header-logo-minisite-link picture {
  height: 35px;
}
.header-logo-minisite .header-logo-minisite-link .minisite-logo-text {
  font-size: 32px;
  display: table-cell;
  height: 34px;
  vertical-align: bottom;
  margin-left: 0px;
}
.header-logo-minisite .header-description-minisite-link {
  display: block;
  float: left;
  width: 110px;
  margin-left: 12px;
  color: var(--menu-main-icon-clr);
  position: relative;
}
.header-logo-minisite .header-description-minisite-link span {
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
  position: absolute;
  bottom: 0px;
  width: 112px;
}
.header-logo-minisite .header-description-minisite-link {
  display: none;
}
@media (min-width: 375px) {
  .header-logo-minisite .header-description-minisite-link {
    margin-left: -65px;
  }
}
@media (min-width: 768px) {
  .header-logo-minisite .header-description-minisite-link {
    margin-left: 12px;
  }
}

.header-logo-minisite::after {
  display: none;
}

@media (min-width: 992px) {
  .header-logo-minisite {
    padding: 0px 32px;
    margin-top: var(--header-logo-margin-top);
  }
  .header-logo-minisite .header-logo-minisite-extended {
    width: 156px;
    margin: 0px;
  }
  .header-logo-minisite .header-logo-minisite-extended a:first-of-type {
    font-weight: 700;
  }
  .header-logo-minisite .header-logo-minisite-link picture {
    height: 50px;
  }
  .header-logo-minisite .header-logo-minisite-link .minisite-logo-text {
    font-size: 38px;
    height: 34px;
    margin-left: -4px;
  }
  .header-logo-minisite .header-description-minisite-link {
    display: block;
    float: left;
    width: 110px;
    margin-left: 12px;
    color: var(--menu-main-icon-clr);
    position: relative;
  }
  .header-logo-minisite .header-description-minisite-link span {
    font-size: 10px;
    line-height: 10px;
    font-weight: 700;
    position: absolute;
    bottom: 0px;
    width: 112px;
  }
}
/* Loghi USI e SUPSI */
.header-logo-supsi {
  display: none !important;
}

.header-logo-usi {
  display: none !important;
}

@media (min-width: 375px) {
  body.institute .header-logo-supsi {
    display: flex !important;
    padding: 0px 32px 0px 0px !important;
  }
  body.institute .header-logo-supsi .header-logo-supsi-goto {
    right: 0px;
    color: var(--black-primary);
  }
  body.institute .header-logo-supsi .header-logo-supsi-goto a {
    color: var(--black-primary);
  }
  body.institute .header-logo-supsi .header-logo-supsi-goto-link picture {
    height: 25px !important;
    width: auto;
  }
  body.institute .header-logo-supsi-usi-divider {
    display: block;
    content: "";
    position: relative;
    z-index: 2;
    height: 50px;
    width: 1px;
    margin-right: 18px;
    border-left: 1px solid var(--menu-main-minisite-logo-clr);
  }
  body.institute .header-logo-usi {
    display: flex !important;
    padding: 0px !important;
    padding-right: 20px !important;
    margin: 0px !important;
    height: auto;
  }
  body.institute .header-logo-usi .header-logo-usi-goto {
    z-index: 1 !important;
    right: 0px;
    left: -10px;
    color: var(--black-primary);
  }
  body.institute .header-logo-usi .header-logo-usi-goto a {
    color: var(--black-primary);
  }
  body.institute .header-logo-usi .header-logo-usi-goto-link {
    margin: 0px;
  }
  body.institute .header-logo-usi .header-logo-usi-goto-link picture img {
    width: 50px;
    height: 50px;
  }
  body.institute .header-logo-supsi::before {
    top: -33px;
    height: 89px;
    left: -22px;
    width: 170px !important;
    background-color: var(--white-primary);
    transition: opacity 0.6s ease !important;
  }
  body.institute .header-logo-usi::before {
    z-index: 1 !important;
    top: -20px;
    height: 89px;
    width: 220px !important;
    right: 0px;
    left: -32px;
    background-color: var(--white-primary);
    transition: opacity 0.6s ease !important;
  }
  body.institute .header-logo-usi:hover .header-logo-usi-goto, body.institute .header-logo-usi:focus .header-logo-usi-goto, body.institute .header-logo-usi:focus-within .header-logo-usi-goto {
    z-index: 5 !important;
  }
  body.institute .header-logo-supsi:hover::before, body.institute .header-logo-supsi:focus::before, body.institute .header-logo-supsi:focus-within::before {
    opacity: 1;
  }
  body.institute .header-logo-usi:hover::before, body.institute .header-logo-usi:focus::before, body.institute .header-logo-usi:focus-within::before {
    opacity: 1;
    z-index: 4 !important;
  }
}
/* Tools */
.lang-menu {
  position: relative;
  z-index: 3;
  margin-right: 50px;
}
.lang-menu a.current-lang {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  float: left;
  width: auto;
  font-size: 12px !important;
  line-height: 14px;
  letter-spacing: 0.005em;
  padding: 6px 12px;
  margin: -2px -12px -2px 0;
  border-radius: 16px;
  font-weight: 700;
  text-decoration: none;
  color: var(--black-primary);
  background-color: var(--grey-10);
  -webkit-transition: all 0.1s ease-out !important;
  -moz-transition: all 0.1s ease-out !important;
  -o-transition: all 0.1s ease-out !important;
  -ms-transition: all 0.1s ease-out !important;
  transition: all 0.1s ease-out !important;
}
.lang-menu a.current-lang i {
  width: 18px;
  height: 18px;
  margin-left: 6px;
  font-size: 18px;
  line-height: 18px;
  color: var(--black-primary);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.lang-menu a.current-lang::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: var(--grey-50);
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.lang-menu ul.lang-list {
  position: absolute;
  right: -12px;
  top: -9999px;
  z-index: 2;
  width: calc(100% + 12px);
  opacity: 0;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  background-color: var(--grey-10);
  -webkit-transition: opacity 0.3s ease-out !important;
  -moz-transition: opacity 0.3s ease-out !important;
  -o-transition: opacity 0.3s ease-out !important;
  -ms-transition: opacity 0.3s ease-out !important;
  transition: opacity 0.3s ease-out !important;
}
.lang-menu ul.lang-list li {
  position: relative;
  padding: 6px 12px;
  width: 100%;
  -webkit-transition: opacity 0.3s ease-out !important;
  -moz-transition: opacity 0.3s ease-out !important;
  -o-transition: opacity 0.3s ease-out !important;
  -ms-transition: opacity 0.3s ease-out !important;
  transition: opacity 0.3s ease-out !important;
}
.lang-menu ul.lang-list li a {
  display: block;
  position: relative;
  float: left;
  font-size: 12px !important;
  font-weight: 700;
  line-height: 24px;
  color: var(--black-primary);
  letter-spacing: 0.005em;
  width: 100%;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}

.lang-menu:hover a.current-lang, .lang-menu:focus a.current-lang, .lang-menu:focus-within a.current-lang {
  color: var(--black-primary);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media (min-width: 992px) {
  .lang-menu ul.lang-list li {
    display: block;
    margin-right: calc(20px + 4 * (100vw - 992px) / 448);
  }
  .lang-menu:hover a.current-lang::before, .lang-menu:focus a.current-lang::before, .lang-menu:focus-within a.current-lang::before {
    width: calc(100% - 16px);
  }
  .lang-menu:hover ul.lang-list, .lang-menu:focus ul.lang-list, .lang-menu:focus-within ul.lang-list {
    top: calc(100% + 2px);
    opacity: 1;
  }
}
@media (min-width: 1440px) {
  .lang-menu ul.lang-list li {
    margin-right: 24px;
  }
}
.search-menu {
  display: block;
  position: relative;
  width: auto;
  margin-right: 8px;
  -webkit-transition: opacity 0.3s ease-out !important;
  -moz-transition: opacity 0.3s ease-out !important;
  -o-transition: opacity 0.3s ease-out !important;
  -ms-transition: opacity 0.3s ease-out !important;
  transition: opacity 0.3s ease-out !important;
}
.search-menu button {
  display: block;
  position: relative;
  width: 28px;
  height: 28px;
  border: 0 !important;
  line-height: 24px;
  letter-spacing: 0.005em;
  color: var(--menu-main-clr);
  font-size: 16px !important;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
  background-color: transparent !important;
}
.search-menu button i {
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: var(--menu-main-icon-clr);
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.search-menu button i.icon-supsi-search {
  display: block;
  font-size: 18px;
}
.search-menu button i.icon-supsi-close {
  display: none;
  font-size: 16px;
}

body.institute.open-search .search-menu button i.icon-supsi-search {
  display: none;
}
body.institute.open-search .search-menu button i.icon-supsi-close {
  display: block;
}

@media (min-width: 992px) {
  .search-menu {
    margin-right: 30px;
  }
  .search-menu button {
    width: 28px;
    height: 28px;
  }
  .search-menu button i.icon-supsi-search {
    font-size: 18px;
  }
  .search-menu button i.icon-supsi-close {
    font-size: 14px;
  }
}
.directory-menu {
  display: block;
  position: relative;
  margin-right: 8px;
  width: auto;
  -webkit-transition: opacity 0.3s ease-out !important;
  -moz-transition: opacity 0.3s ease-out !important;
  -o-transition: opacity 0.3s ease-out !important;
  -ms-transition: opacity 0.3s ease-out !important;
  transition: opacity 0.3s ease-out !important;
}
.directory-menu a {
  display: block;
  padding-top: 5px;
  width: 28px;
  height: 28px;
}
.directory-menu a i {
  font-size: 28px;
  line-height: 18px;
  color: var(--main-text-clr);
}
.directory-menu a:hover, .directory-menu a:focus, .directory-menu a:focus-within {
  color: var(--main-text-clr);
  text-decoration: none;
}

@media (min-width: 992px) {
  .directory-menu {
    margin-right: 30px;
  }
  .directory-menu a {
    width: 28px;
    height: 28px;
  }
  .directory-menu a i {
    font-size: 28px;
    line-height: 18px;
    color: var(--main-text-clr);
  }
}
/* USI/SUPSI Navigation Mobile styles */
.mobile-menu-header {
  height: 64px;
}

@media (min-width: 992px) {
  .mobile-menu-header {
    height: 88px;
  }
}
body.institute .mobile-menu-layer .header-bottom::after {
  content: "";
  position: absolute;
  display: block !important;
  left: 0;
  bottom: 0;
  opacity: 1;
  width: 100%;
  height: 1px;
  background-color: var(--menu-main-line-bg-clr);
}
body.institute .mobile-menu-layer .hamburger-menu button i.icon-supsi-menu {
  display: block;
}
body.institute .mobile-menu-layer .hamburger-menu button i.icon-supsi-close {
  display: none;
}
body.institute .mobile-menu-layer .header-logo-minisite-mobile {
  opacity: 0;
  padding: 0px 0px 0px 16px;
  -webkit-transition: opacity 0.6s ease !important;
  -moz-transition: opacity 0.6s ease !important;
  -o-transition: opacity 0.6s ease !important;
  -ms-transition: opacity 0.6s ease !important;
  transition: opacity 0.6s ease !important;
}
body.institute .mobile-menu-layer .header-logo-minisite-mobile::before,
body.institute .mobile-menu-layer .header-logo-minisite-mobile::after {
  display: none;
}
body.institute .mobile-menu-layer .minisite-mobile-menu-col ul.minisite-mobile-menu-list {
  margin-top: 28px;
}
body.institute .mobile-menu-layer .minisite-mobile-menu-col nav.institute-menu-right ul.mobile-menu-utility li.lang::after {
  background-color: transparent;
}
body.institute .mobile-menu-layer .minisite-mobile-menu-container {
  margin-top: 3px;
}
body.institute .mobile-menu-layer::before {
  content: "";
  opacity: 0;
  position: absolute;
  top: -28px;
  left: -410%;
  width: 100%;
  height: calc(100vh + 28px);
  z-index: 1;
  background-color: var(--white-primary);
  -webkit-transition: opacity 0.6s ease !important;
  -moz-transition: opacity 0.6s ease !important;
  -o-transition: opacity 0.6s ease !important;
  -ms-transition: opacity 0.6s ease !important;
  transition: opacity 0.6s ease !important;
}

body.institute.open-mobile-menu .mobile-menu-layer .hamburger-menu button i.icon-supsi-menu {
  display: none;
}
body.institute.open-mobile-menu .mobile-menu-layer .hamburger-menu button i.icon-supsi-close {
  display: block;
}
body.institute.open-mobile-menu .mobile-menu-layer .header-logo-minisite-mobile {
  opacity: 1;
  -webkit-transition: opacity 0.6s ease !important;
  -moz-transition: opacity 0.6s ease !important;
  -o-transition: opacity 0.6s ease !important;
  -ms-transition: opacity 0.6s ease !important;
  transition: opacity 0.6s ease !important;
}
body.institute.open-mobile-menu .mobile-menu-layer::before {
  opacity: 1;
  right: 0;
  left: inherit;
  -webkit-transition: opacity 0.6s ease !important;
  -moz-transition: opacity 0.6s ease !important;
  -o-transition: opacity 0.6s ease !important;
  -ms-transition: opacity 0.6s ease !important;
  transition: opacity 0.6s ease !important;
}

body.institute.page-with-scrollbar .mobile-menu-layer .header-bottom {
  padding-right: 16px !important;
}

@media (min-width: 992px) {
  body.institute .mobile-menu-layer .minisite-mobile-menu-container {
    margin-top: 1px;
  }
  body.institute .mobile-menu-layer .minisite-mobile-menu-col ul.minisite-mobile-menu-list {
    margin-top: 48px;
  }
  body.institute.open-mobile-menu .mobile-menu-layer .header-logo-minisite .header-logo-minisite-link picture {
    opacity: 1 !important;
  }
  body.institute.open-mobile-menu .mobile-menu-layer .header-logo-minisite-mobile {
    padding: 0px 24px;
  }
}
/* Secondary Menu Navigation styles */
/* secondary-menu-layer */
.secondary-menu-layer {
  position: sticky;
  left: 0;
  top: 64px;
  /*float: left;*/
  width: 100%;
  padding: 16px 6px 6px 6px;
  margin-top: 16px;
  z-index: 95;
  background-color: var(--menu-sec-bg-clr);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}

body.institute .secondary-menu-layer {
  margin-top: 32px;
  padding-top: 0px;
}

.secondary-menu-layer::before {
  content: "";
  position: absolute;
  left: 0;
  top: -32px;
  width: 100%;
  height: calc(100% + 32px);
  background-color: var(--menu-sec-bg-clr);
  z-index: 2;
}

@media (min-width: 992px) {
  .secondary-menu-layer {
    top: 128px;
    padding: 24px 6px 6px 6px;
    margin-top: 24px;
  }
  body.institute .secondary-menu-layer {
    top: 74px;
    margin-top: 45px;
    padding-top: 0px;
  }
  .secondary-menu-layer::before {
    top: -48px;
    height: calc(100% + 48px);
  }
}
/* secondary-menu-button-container */
.secondary-menu-button-container {
  position: relative;
  z-index: 3;
}
.secondary-menu-button-container .btn-link {
  padding-right: 28px;
  color: var(--menu-sec-button-clr);
}
.secondary-menu-button-container .btn-link::after {
  right: 0;
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  transform: rotate(90deg) !important;
}

@media (min-width: 375px) {
  .secondary-menu-button-container .btn-link {
    padding-right: calc(28px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .secondary-menu-button-container .btn-link:hover, .secondary-menu-button-container .btn-link:focus, .secondary-menu-button-container .btn-link:focus-within {
    color: var(--menu-sec-button-hover-clr);
  }
}
@media (min-width: 1440px) {
  .secondary-menu-button-container .btn-link {
    padding-right: 32px;
  }
}
/* secondary-menu-panel */
.secondary-menu-panel {
  position: absolute;
  left: 0;
  top: -16px;
  width: 100%;
  padding: 70px 6px 32px 6px;
  z-index: 1;
  background-color: var(--menu-sec-panel-bg-clr);
  -webkit-transform: translateY(-100%) !important;
  -moz-transform: translateY(-100%) !important;
  -o-transform: translateY(-100%) !important;
  -ms-transform: translateY(-100%) !important;
  transform: translateY(-100%) !important;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}

@media (min-width: 375px) {
  .secondary-menu-panel {
    padding: calc(70px + 24 * (100vw - 375px) / 1065) 6px calc(32px + 18 * (100vw - 375px) / 1065) 6px;
  }
}
@media (min-width: 992px) {
  .secondary-menu-panel {
    top: -24px;
  }
}
/* open-secondary-menu */
.open-secondary-menu .secondary-menu-layer .btn-link:after {
  -webkit-transform: rotate(-90deg) !important;
  -moz-transform: rotate(-90deg) !important;
  -o-transform: rotate(-90deg) !important;
  -ms-transform: rotate(-90deg) !important;
  transform: rotate(-90deg) !important;
}
.open-secondary-menu .secondary-menu-layer .secondary-menu-panel {
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
}
.open-secondary-menu .secondary-menu-layer:before {
  background-color: var(--menu-sec-layer-bg-clr);
}

/* secondary-menu-panel-container nav */
.secondary-menu-panel-container nav {
  float: left;
  width: 100%;
  max-width: 740px;
}
.secondary-menu-panel-container nav ul li {
  margin-top: 16px;
  break-inside: avoid-column;
  page-break-inside: avoid;
}
.secondary-menu-panel-container nav ul li a {
  display: inline;
  float: none;
  color: var(--menu-sec-panel-link-clr);
  background-image: linear-gradient(var(--menu-sec-panel-link-bg-clr), var(--menu-sec-panel-link-bg-clr));
}

@media (min-width: 375px) {
  .secondary-menu-panel-container nav ul li {
    margin-top: calc(16px + 10 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 576px) {
  .secondary-menu-panel-container nav ul {
    column-count: 2;
    column-gap: 30px;
  }
}
@media (min-width: 992px) {
  .secondary-menu-panel-container nav ul li a:hover, .secondary-menu-panel-container nav ul li a:focus, .secondary-menu-panel-container nav ul li a:focus-within {
    color: var(--menu-sec-panel-link-hover-clr);
  }
}
@media (min-width: 1440px) {
  .secondary-menu-panel-container nav ul li {
    margin-top: 26px;
  }
}
/* secondary-menu-wrapper */
.secondary-menu-wrapper {
  position: relative !important;
  overflow: hidden;
  margin-top: 0 !important;
  padding-top: 0;
  padding-bottom: 26px;
  background-color: var(--menu-sec-wrapper-bg-clr);
}
.secondary-menu-wrapper .secondary-menu-wrapper-container {
  position: relative;
  z-index: 2;
}

@media (min-width: 375px) {
  .secondary-menu-wrapper {
    padding-bottom: calc(26px + 16 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  .secondary-menu-wrapper {
    padding-bottom: 42px;
  }
}
/* secondary-menu-slide */
.secondary-menu-slide {
  display: block;
  position: relative;
  float: left;
  width: calc(100% + 28px);
  margin-left: -14px;
  margin-right: -14px;
  overflow: visible;
}
.secondary-menu-slide .swiper-slide {
  position: relative;
  width: auto;
  padding: 0 14px;
}
.secondary-menu-slide .swiper-slide a {
  display: block;
  float: left;
  width: auto;
  padding: 6px 0;
  color: var(--menu-sec-layer-link-crl);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.secondary-menu-slide .swiper-slide.active a {
  color: var(--menu-sec-layer-link-active-crl);
}

@media (min-width: 992px) {
  .secondary-menu-slide .swiper-slide a:hover, .secondary-menu-slide .swiper-slide a:focus, .secondary-menu-slide .swiper-slide a:focus-within {
    color: var(--menu-sec-layer-link-hover-crl);
  }
}
/* USI/SUPSI Secondary Menu Navigation styles */
/* secondary-menu-layer */
body.institute .secondary-menu-layer {
  margin-top: 18px;
  padding-bottom: 16px;
}

@media (min-width: 992px) {
  body.institute .secondary-menu-layer {
    margin-top: 12px;
    padding-bottom: 0px;
  }
  body.institute.header-scroll .secondary-menu-layer {
    padding-bottom: 12px !important;
  }
}
body.institute.open-mobile-menu .secondary-menu-layer {
  display: none;
}

/* secondary-menu-button-container */
.secondary-menu-button-container .btn-link {
  font-size: 12px;
  line-height: 28px;
  font-weight: 700;
  padding-left: 8px;
  padding-right: 26px;
  color: var(--menu-sec-button-clr) !important;
  box-shadow: none !important;
}
.secondary-menu-button-container .btn-link::after {
  color: var(--menu-sec-button-clr) !important;
  font-size: 18px;
  line-height: 16px;
  width: 18px;
  height: 18px;
  top: 5px;
}

@media (min-width: 992px) {
  .secondary-menu-button-container {
    visibility: hidden;
  }
}
/* secondary-menu-panel */
.secondary-menu-panel {
  padding: 48px 12px;
}
.secondary-menu-panel .secondary-menu-panel-container nav {
  max-width: unset;
}
.secondary-menu-panel .secondary-menu-panel-container nav ul li a {
  position: relative;
  padding-right: 48px;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  width: 100%;
  display: block;
}
.secondary-menu-panel .secondary-menu-panel-container nav ul li a::after {
  content: "\ea36";
  position: absolute;
  right: 0px;
  top: 20%;
  width: 18px;
  height: 18px;
  text-align: center;
  font-size: 18px;
  line-height: 14px;
  font-weight: 400;
  font-style: normal;
  font-family: icomoon-icon !important;
  color: var(--menu-sec-layer-link-clr);
}
.secondary-menu-panel .secondary-menu-panel-container nav ul li a:hover::after, .secondary-menu-panel .secondary-menu-panel-container nav ul li a:focus::after, .secondary-menu-panel .secondary-menu-panel-container nav ul li a:focus-within::after {
  color: var(--menu-sec-layer-link-hover-clr);
}

@media (min-width: 992px) {
  .secondary-menu-panel {
    padding-bottom: 12px;
  }
  .secondary-menu-panel .secondary-menu-panel-container nav ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding-right: 165px;
  }
  .secondary-menu-panel .secondary-menu-panel-container nav ul li {
    margin-top: 2px;
    width: auto;
  }
  .secondary-menu-panel .secondary-menu-panel-container nav ul li a {
    width: auto;
    display: inline;
    font-size: 18px;
    line-height: 28px;
  }
  .secondary-menu-panel .secondary-menu-panel-container nav ul li a:hover, .secondary-menu-panel .secondary-menu-panel-container nav ul li a:focus, .secondary-menu-panel .secondary-menu-panel-container nav ul li a:focus-within {
    background: none;
  }
}
.up-scroll.open-secondary-menu .secondary-menu-layer .secondary-menu-panel {
  padding-top: 66px;
}
.up-scroll.open-secondary-menu .secondary-menu-layer::before {
  height: calc(100% + 12px);
}

@media (min-width: 992px) {
  body.header-scroll .secondary-menu-layer {
    padding-top: 14px !important;
    padding-bottom: 36px !important;
  }
  .up-scroll.open-secondary-menu .secondary-menu-layer {
    padding-top: 14px;
  }
  .up-scroll.open-secondary-menu .secondary-menu-layer .secondary-menu-panel {
    padding-top: 68px;
    padding-bottom: 8px;
  }
  .up-scroll.open-secondary-menu .secondary-menu-layer::before {
    height: calc(100% + 18px);
  }
}
/* secondary-menu-wrapper */
.secondary-menu-wrapper {
  display: none;
}

@media (min-width: 992px) {
  .secondary-menu-wrapper {
    display: block;
    padding-bottom: 0px;
    margin-top: -25px !important;
    z-index: 105 !important;
  }
}
body.institute.open-mobile-menu .secondary-menu-wrapper {
  display: none;
}

/* secondary-menu-slide */
.secondary-menu-slide {
  overflow: hidden;
}
.secondary-menu-slide .secondary-menu-slide-wrapper {
  padding: 0px 8px;
  display: flex;
  flex-flow: column;
}
.secondary-menu-slide .secondary-menu-slide-wrapper .swiper-slide {
  width: 100%;
}
.secondary-menu-slide .secondary-menu-slide-wrapper .swiper-slide a {
  position: relative;
  padding-right: 48px;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  width: 100%;
  display: block;
}
.secondary-menu-slide .secondary-menu-slide-wrapper .swiper-slide a::after {
  content: "\ea36";
  position: absolute;
  right: 0px;
  top: 20%;
  width: 18px;
  height: 18px;
  text-align: center;
  font-size: 18px;
  line-height: 14px;
  font-weight: 400;
  font-style: normal;
  font-family: icomoon-icon !important;
  color: var(--menu-sec-layer-link-clr);
}
.secondary-menu-slide .secondary-menu-slide-wrapper .swiper-slide a:hover::after, .secondary-menu-slide .secondary-menu-slide-wrapper .swiper-slide a:focus::after, .secondary-menu-slide .secondary-menu-slide-wrapper .swiper-slide a:focus-within::after {
  color: var(--menu-sec-layer-link-hover-clr);
}
.secondary-menu-slide .secondary-menu-slide-wrapper .swiper-slide.active a {
  color: var(--menu-sec-layer-link-active-crl);
}
.secondary-menu-slide .secondary-menu-slide-wrapper .swiper-slide.active a::after {
  color: var(--menu-sec-layer-link-active-crl);
}

@media (min-width: 992px) {
  .secondary-menu-layer .btn-link {
    padding-left: 0px;
  }
  .secondary-menu-slide .secondary-menu-slide-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0px 165px 4px 0px;
  }
  .secondary-menu-slide .secondary-menu-slide-wrapper .swiper-slide {
    width: auto;
  }
  .secondary-menu-slide .secondary-menu-slide-wrapper .swiper-slide a {
    width: auto;
    font-size: 18px;
    line-height: 28px;
    margin-top: 0px;
    margin-bottom: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .secondary-menu-panel .secondary-menu-panel-container nav ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/* Footer styles */
/* Footer */
.footer {
  display: block;
  float: left;
  width: 100%;
  margin-top: 64px;
  padding: 64px 4px 48px 4px;
  color: var(--white-primary);
  background-color: var(--footer-bg-clr);
}

@media (min-width: 375px) {
  .footer {
    margin-top: calc(64px + 32 * (100vw - 375px) / 1065);
    padding: calc(64px + 32 * (100vw - 375px) / 1065) 4px calc(48px + 44 * (100vw - 375px) / 1065) 4px;
  }
}
/* Footer Logo */
.footer .footer-logo {
  position: relative;
  padding-bottom: 28px;
}
.footer .footer-logo picture {
  display: block;
  float: left;
  height: 32px;
  width: auto;
  margin: 0;
}
.footer .footer-logo picture img {
  display: block;
  float: left;
  height: 100%;
  width: auto;
  margin: 0;
}
.footer .footer-logo p {
  display: block;
  float: left;
  width: 230px;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.005em;
  color: var(--white-primary);
}
.footer .footer-logo::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: calc(100% - 24px);
  height: 1px;
  background-color: var(--white-primary);
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}

@media (min-width: 375px) {
  .footer .footer-logo {
    padding-bottom: calc(28px + 17 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 768px) {
  .footer .footer-logo p {
    margin-top: 0;
  }
}
/* Footer Content */
.footer .footer-content {
  position: relative;
  margin-top: 16px;
  padding-bottom: 32px;
}
.footer .footer-content .footer-col-1-2 {
  position: relative;
  padding-bottom: 33px;
  margin-bottom: 16px;
}
.footer .footer-content .footer-col-3, .footer .footer-content .footer-col-4 {
  position: relative;
  padding-bottom: 0;
  margin-bottom: 0;
}
.footer .footer-content .footer-col-1-2::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: calc(100% - 24px);
  height: 1px;
  background-color: var(--white-primary);
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}
.footer .footer-content .footer-col-title {
  position: relative;
  padding-bottom: 16px;
  line-height: 24px;
  color: var(--white-primary);
}
.footer .footer-content nav.footer-menu {
  display: block;
  float: left;
  width: 100%;
}
.footer .footer-content nav.footer-menu ul li {
  margin-top: 16px;
}
.footer .footer-content nav.footer-menu ul li a {
  display: block;
  float: left;
  width: auto;
  font-size: 24px;
  line-height: 32px;
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  color: var(--white-primary);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.footer .footer-content nav.footer-menu ul li a:hover, .footer .footer-content nav.footer-menu ul li a:focus, .footer .footer-content nav.footer-menu ul li a:focus-within {
  color: var(--grey-30);
}
.footer .footer-content nav.footer-menu ul li.image-footer-menu-element {
  display: block;
  float: left;
  width: 100%;
  margin-top: 16px;
  padding-right: 10px;
}
.footer .footer-content nav.footer-menu ul li.image-footer-menu-element a img {
  max-width: 100%;
  height: auto;
}
.footer .footer-content nav.footer-menu ul li.image-footer-menu-element a .image-description-footer-menu-element {
  margin-top: 10px;
  color: var(--white-primary);
}
.footer .footer-content nav.footer-social {
  display: block;
  float: left;
  width: 100%;
  padding-right: 0;
}
.footer .footer-content nav.footer-social ul li {
  width: 100%;
  margin-top: 16px;
  padding-right: 20px;
}
.footer .footer-content nav.footer-social ul li a {
  display: block;
  float: left;
  width: auto;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.005em;
  font-family: var(--font-family-supsi-fedra-sans-demi);
  color: var(--white-primary);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.footer .footer-content nav.footer-social ul li a:hover, .footer .footer-content nav.footer-social ul li a:focus, .footer .footer-content nav.footer-social ul li a:focus-within {
  color: var(--grey-30);
}
.footer .footer-content::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: calc(100% - 24px);
  height: 1px;
  background-color: var(--white-primary);
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}

@media (min-width: 375px) {
  .footer .footer-content {
    margin-top: calc(16px + 8 * (100vw - 375px) / 1065);
    padding-bottom: calc(33px + 16 * (100vw - 375px) / 1065);
  }
  .footer .footer-content nav.footer-menu ul li {
    margin-top: calc(16px + 16 * (100vw - 375px) / 1065);
  }
  .footer .footer-content nav.footer-menu ul li.image-footer-menu-element {
    margin-top: calc(16px + 8 * (100vw - 375px) / 1065);
  }
  .footer .footer-content nav.footer-social {
    padding-right: calc(0px + 90 * (100vw - 375px) / 1065);
  }
  .footer .footer-content nav.footer-social ul li {
    margin-top: calc(16px + 8 * (100vw - 375px) / 1065);
    padding-right: calc(20px + 4 * (100vw - 375px) / 1065);
  }
  .footer .footer-content nav.footer-social ul li a {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 768px) {
  .footer .footer-content .footer-col-1-2::after, .footer .footer-content .footer-col-3::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: var(--grey-70);
    display: block;
  }
  .footer .footer-content div:nth-child(even)::after {
    display: none;
  }
  .footer .footer-content .footer-col-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: var(--grey-70);
  }
  .footer .footer-content nav.footer-menu ul li.image-footer-menu-element {
    margin-top: 24px;
  }
  .footer .footer-content nav.footer-social ul li {
    width: 50%;
  }
  .footer .footer-content nav.footer-social ul li a {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .footer .footer-content .footer-col-1-2::before {
    display: none;
  }
  .footer .footer-content div:nth-child(even)::after {
    display: block;
  }
}
@media (min-width: 1440px) {
  .footer .footer-content {
    margin-top: 24px;
    padding-bottom: 49px;
  }
  .footer .footer-content nav.footer-menu ul li {
    margin-top: 32px;
  }
  .footer .footer-content nav.footer-social {
    padding-right: 90px;
  }
  .footer .footer-content nav.footer-social ul li {
    margin-top: 24px;
    padding-right: 24px;
  }
}
/* Footer Bottom */
.footer .footer-bottom {
  position: relative;
}
.footer .footer-bottom p {
  display: block;
  float: left;
  width: 100%;
  margin: 16px 16px 0 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-family: var(--font-family-supsi-fedra-sans-demi);
  color: var(--white-primary);
}
.footer .footer-bottom .footer-bottom-links-col nav.footer-bottom-links-nav ul {
  width: 100%;
}
.footer .footer-bottom .footer-bottom-links-col nav.footer-bottom-links-nav ul li {
  width: 100%;
}
.footer .footer-bottom .footer-bottom-links-col nav.footer-bottom-links-nav ul li a {
  display: block;
  float: left;
  width: 100%;
  margin: 16px 16px 0 0;
  font-size: 14px;
  line-height: 20px;
  font-family: var(--font-family-supsi-fedra-sans-demi);
  color: var(--white-primary);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}

@media (min-width: 375px) {
  .footer .footer-bottom p {
    margin: calc(16px + 8 * (100vw - 375px) / 1065) calc(16px + 8 * (100vw - 375px) / 1065) 0 0;
  }
  .footer .footer-bottom .footer-bottom-links-col nav.footer-bottom-links-nav ul li a {
    margin: calc(16px + 8 * (100vw - 375px) / 1065) calc(16px + 8 * (100vw - 375px) / 1065) 0 0;
  }
}
@media (min-width: 768px) {
  .footer .footer-bottom p {
    width: auto;
  }
  .footer .footer-bottom .footer-bottom-links-col nav.footer-bottom-links-nav ul {
    width: auto;
  }
  .footer .footer-bottom .footer-bottom-links-col nav.footer-bottom-links-nav ul li {
    width: auto;
  }
  .footer .footer-bottom .footer-bottom-links-col nav.footer-bottom-links-nav ul li a {
    width: auto;
  }
}
@media (min-width: 1440px) {
  .footer .footer-bottom p {
    margin: 24px 24px 0 0;
  }
  .footer .footer-bottom .footer-bottom-links-col nav.footer-bottom-links-nav ul li a {
    margin: 24px 24px 0 0;
  }
}
/* USI/SUPSI Footer styles */
.footer {
  padding: 52px 4px 48px 4px;
}

@media (min-width: 768px) {
  .footer {
    padding: calc(3px + 32 * (100vw - 375px) / 1065) 4px calc(48px + 44 * (100vw - 375px) / 1065) 4px;
  }
}
/* Footer Logo */
.footer .footer-usi-supsi .footer-logo {
  padding-bottom: calc(28px + 17 * (100vw - 375px) / 1065);
}
.footer .footer-usi-supsi .footer-logo .col-usi-logo, .footer .footer-usi-supsi .footer-logo .col-supsi-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer .footer-usi-supsi .footer-logo .col-usi-logo {
  min-height: 90px;
}
.footer .footer-usi-supsi .footer-logo .col-usi-logo a {
  /*picture.logo-usi2{
  	display:none;
  }*/
}
.footer .footer-usi-supsi .footer-logo .col-usi-logo a picture {
  height: 90px;
}
.footer .footer-usi-supsi .footer-logo .col-usi-logo::after { /* Separator line between logos */
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: var(--footer-menu-line);
}
.footer .footer-usi-supsi .footer-logo .col-supsi-logo p.footer-extended {
  display: none;
}
.footer .footer-usi-supsi .footer-logo .col-supsi-logo picture.logo-supsi-ext {
  height: 88px;
}
.footer .footer-usi-supsi .footer-logo::after { /* Separator line after logos */
  background-color: var(--footer-main-line);
}

@media (min-width: 768px) {
  .footer .footer-usi-supsi .footer-logo {
    padding-bottom: 22px;
  }
  .footer .footer-usi-supsi .footer-logo .col-usi-logo a picture {
    height: 90px;
    margin-right: 20px;
  }
}
@media (min-width: 992px) {
  .footer .footer-usi-supsi .footer-logo .col-usi-logo, .footer .footer-usi-supsi .footer-logo .col-supsi-logo {
    display: block;
    justify-content: normal;
  }
  .footer .footer-usi-supsi .footer-logo .col-usi-logo a {
    float: left;
    max-width: 50%;
  }
  .footer .footer-usi-supsi .footer-logo .col-usi-logo a picture.logo-usi2 {
    /*display:block;*/
    margin-right: 5px;
  }
  .footer .footer-usi-supsi .footer-logo .col-usi-logo::after { /* Separator line between logos */
    display: none;
  }
  .footer .footer-usi-supsi .footer-logo .col-supsi-logo a picture.logo-supsi {
    float: none;
    margin-bottom: 0px;
  }
  .footer .footer-usi-supsi .footer-logo .col-supsi-logo p.footer-extended {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    width: 260px;
    float: none;
    margin-bottom: 10px;
  }
}
/* Footer Content */
.footer .footer-usi-supsi .footer-content {
  padding-bottom: calc(73px + 16 * (100vw - 375px) / 1065);
}
.footer .footer-usi-supsi .footer-content .footer-col {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.footer .footer-usi-supsi .footer-content .footer-col .footer-col-title {
  height: 55px;
}
.footer .footer-usi-supsi .footer-content .footer-col .footer-col-title::after { /* Separator line after column title */
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: var(--footer-menu-line);
}
.footer .footer-usi-supsi .footer-content .footer-col nav.footer-menu ul li a {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}
.footer .footer-usi-supsi .footer-content .footer-col nav.footer-social ul li a {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.footer .footer-usi-supsi .footer-content .footer-col::before { /* Separator line after columns (now: footer-col-divider) */
  display: none;
}
.footer .footer-usi-supsi .footer-content .footer-col::after { /* Separator line between columns */
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: var(--footer-menu-line);
  display: block;
}
.footer .footer-usi-supsi .footer-content .footer-col-divider {
  width: 100%;
  margin-top: 34px;
  margin-bottom: 18px;
}
.footer .footer-usi-supsi .footer-content .footer-col-divider hr {
  border-color: var(--footer-main-line);
  margin: 0;
  padding: 0;
}
.footer .footer-usi-supsi .footer-content .footer-col-2::after { /* Separator line after second column */
  display: none;
}
.footer .footer-usi-supsi .footer-content .footer-col-4::after { /* Separator line after fourth column */
  display: none;
}
.footer .footer-usi-supsi .footer-content::after { /* Separator line after menu columns */
  background-color: var(--footer-main-line);
}

@media (min-width: 768px) {
  .footer .footer-usi-supsi .footer-content {
    padding-bottom: 49px;
  }
  .footer .footer-usi-supsi .footer-content .footer-col {
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  .footer .footer-usi-supsi .footer-content .footer-col .footer-col-title {
    height: 76px;
  }
  .footer .footer-usi-supsi .footer-content .footer-col nav.footer-menu ul li {
    margin-top: calc(10px + 16 * (100vw - 375px) / 1065);
  }
  .footer .footer-usi-supsi .footer-content .footer-col nav.footer-menu ul li a {
    font-size: 32px;
    line-height: 40px;
  }
  .footer .footer-usi-supsi .footer-content .footer-col nav.footer-social ul li a {
    font-size: 16px;
    line-height: 24px;
  }
  .footer .footer-usi-supsi .footer-content .footer-col2-::after { /* Separator line after second column */
    display: block;
  }
  .footer .footer-usi-supsi .footer-content .footer-col-4::after { /* Separator line after fourth column */
    display: none;
  }
}
/* Footer Bottom */
.footer .footer-usi-supsi .footer-bottom p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.footer .footer-usi-supsi .footer-bottom .footer-bottom-links-col nav.footer-bottom-links-nav ul li a {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}

/* Back To top Button styles */
.back-btn {
  position: fixed;
  right: -9999px;
  bottom: 15px;
  width: 48px;
  height: 48px;
  opacity: 0;
  z-index: 90;
  text-decoration: none !important;
  background-color: var(--white-primary);
  -webkit-transition: opacity 0.3s ease-out !important;
  -moz-transition: opacity 0.3s ease-out !important;
  -o-transition: opacity 0.3s ease-out !important;
  -ms-transition: opacity 0.3s ease-out !important;
  transition: opacity 0.3s ease-out !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  border-radius: 50% !important;
}
.back-btn i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  color: var(--black-primary);
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

body:not(.dark-layout) .back-btn {
  border: 1px solid rgba(21, 42, 65, 0.2509803922);
}

@media (min-width: 992px) {
  .back-btn {
    bottom: calc(15px + 33 * (100vw - 992px) / 448);
    display: block;
    width: calc(48px + 16 * (100vw - 992px) / 448);
    height: calc(48px + 16 * (100vw - 992px) / 448);
  }
  .back-btn i {
    width: calc(16px + 8 * (100vw - 992px) / 448);
    height: calc(16px + 8 * (100vw - 992px) / 448);
    font-size: calc(16px + 8 * (100vw - 992px) / 448);
    line-height: calc(16px + 8 * (100vw - 992px) / 448);
  }
}
@media (min-width: 1440px) {
  .back-btn {
    bottom: 48px;
    width: 64px;
    height: 64px;
  }
  .back-btn i {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
  }
}
/* Sidebar Menu styles */
.custom-section-anchor {
  overflow: auto;
}

.side-menu {
  padding: 10px 24px;
  border-top: 0 none !important;
  background-color: var(--side-menu-bg-clr);
}
.side-menu ul {
  width: calc(100% + 10px);
  margin-top: 0 !important;
  border-top: 0 none !important;
  /*
  li.active{
  	padding-left:24px!important;
  	a{
  		color: var(--side-menu-link-active-clr)!important;
  		font-family: var(--font-family-supsi-fedra-sans-medium);
  		font-weight:700;
  	}
  }
  li::before{
  	content: "\e904";
  		position: absolute;
  		left: 0;
  	top: 21px;
  	width: 16px;
  	height: 16px;
  	margin-top: 1px;
  	opacity: 0;
  	font-size: 16px;
  	line-height: 16px;
  	font-weight: 400;
  	font-style: normal;
  	font-family: "icomoon" !important;
  	color: var(--side-menu-link-arrow-clr);
  	@include supsi-transition(all 0.3s ease-in-out);
  }
  li.active::before {
  		opacity: 1;
  		color: var(--side-menu-link-active-clr);
  }
  */
}
.side-menu ul li {
  display: block;
  position: relative;
  float: left;
  width: 100%;
  padding: 16px 0 !important;
  border-bottom: 0 none !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}
.side-menu ul li a {
  display: block;
  position: relative;
  float: left;
  width: 100%;
  padding: 0 24px 0 0;
  text-decoration: none !important;
  cursor: pointer;
  font-size: 16px;
  color: var(--side-menu-link-clr) !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}
.side-menu ul li a.active {
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  padding: 0 0 0 24px;
  color: var(--side-menu-link-active-clr) !important;
}
.side-menu ul li a::before {
  content: "\e904";
  position: absolute;
  left: 0;
  top: 4px;
  width: 16px;
  height: 16px;
  margin-top: 1px;
  opacity: 0;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  font-style: normal;
  font-family: "icomoon" !important;
  color: var(--side-menu-link-arrow-clr);
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}
.side-menu ul li a.active::before {
  opacity: 1;
  color: var(--side-menu-link-active-clr);
}
.side-menu ul li::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(100% - 10px);
  height: 1px;
  background-color: var(--side-menu-line-clr);
}
.side-menu ul li:last-child::after {
  display: none;
}

@media (min-width: 375px) {
  .side-menu ul li a {
    font-size: calc(16px + 2 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .side-menu ul {
    /*
    li:not(.active):hover,li:not(.active):focus,li:not(.active):focus-within{
    	padding-left:24px!important;
    	a{
    		color: var(--side-menu-link-hover-clr);
    	}
    }
    li:not(.active):hover::before,li:not(.active):focus::before,li:not(.active):focus-within::before{
     			opacity: 1;
    		}
    		*/
  }
  .side-menu ul li a:not(.active):hover, .side-menu ul li a:not(.active):focus, .side-menu ul li a:not(.active):focus-within {
    padding: 0 0 0 24px;
    color: var(--side-menu-link-hover-clr) !important;
  }
  .side-menu ul li a:not(.active):hover::before, .side-menu ul li a:not(.active):focus::before, .side-menu ul li a:not(.active):focus-within::before {
    opacity: 1;
  }
}
/* Mobile */
.side-menu-mobile {
  overflow: visible;
  position: sticky;
  top: 0;
  float: left;
  width: 100%;
  margin-top: 24px;
  z-index: 3;
  background-color: var(--side-menu-mobile-bg-clr);
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}
.side-menu-mobile .side-menu-mobile-link {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 21px 56px 21px 44px;
  border: 0;
  background-color: transparent;
}
.side-menu-mobile .side-menu-mobile-link span {
  display: block;
  float: left;
  width: 100%;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 18px;
  line-height: 22px;
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  color: var(--side-menu-link-active-clr);
}
.side-menu-mobile .side-menu-mobile-link::before {
  content: "\e904";
  position: absolute;
  left: 20px;
  top: 50%;
  width: 16px;
  height: 16px;
  font-size: 18px;
  line-height: 16px;
  font-weight: 400;
  font-style: normal;
  font-family: "icomoon" !important;
  color: var(--side-menu-link-active-clr);
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}
.side-menu-mobile .side-menu-mobile-link::after {
  content: "\ea33";
  position: absolute;
  display: inline-block;
  right: 22px;
  top: 50%;
  width: 12px;
  height: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  white-space: nowrap;
  font-size: 22px;
  line-height: 12px;
  font-weight: 400;
  font-style: normal;
  font-family: icomoon-icon;
  color: var(--side-menu-mobile-toggle-clr);
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}
.side-menu-mobile .side-menu-mobile-link.show::after {
  content: "\ea3a";
}
.side-menu-mobile .side-menu-mobile-menu {
  display: none;
  width: 100%;
  max-width: 100%;
  max-height: 343px;
  top: 100% !important;
  padding: 0 16px;
  border: 0;
  border-top-width: 0px;
  border-top-style: none;
  border-top-color: currentcolor;
  border-top: 1px solid var(--side-menu-mobile-menu-brd-top-clr);
  background-color: var(--side-menu-mobile-menu-bg-clr);
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
  -moz-transform: translate3d(0, 0, 0) !important;
  -o-transform: translate3d(0, 0, 0) !important;
  -ms-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}
.side-menu-mobile .side-menu-mobile-menu li {
  border-top: 1px solid var(--side-menu-mobile-link-brd-clr);
}
.side-menu-mobile .side-menu-mobile-menu li a {
  padding: 16px 0;
  text-overflow: ellipsis;
  text-decoration: none !important;
  font-size: 18px;
  color: var(--side-menu-mobile-link-clr);
}
.side-menu-mobile .side-menu-mobile-menu li a.active {
  pointer-events: initial;
  color: var(--side-menu-mobile-link-clr);
  background-color: transparent;
}
.side-menu-mobile .side-menu-mobile-menu li a:hover, .side-menu-mobile .side-menu-mobile-menu li a:focus, .side-menu-mobile .side-menu-mobile-menu li a:focus-within {
  color: var(--side-menu-mobile-link-clr);
  background-color: var(--side-menu-mobile-link-hover-bg-clr);
}
.side-menu-mobile .side-menu-mobile-menu li:first-child {
  border-top: 0;
}
.side-menu-mobile .side-menu-mobile-menu.show {
  display: block;
}

.has-control-menu .side-menu-mobile {
  top: 48px;
}

/* Scroll anchor */
.scroll-anchor {
  margin-top: -40px !important;
  display: flex;
  float: left;
  width: 100%;
}

/* Portlet */
/* Portlet Styles */
.portlet {
  margin: 0 !important;
}

.portlet-boundary section.portlet {
  margin: 0 !important;
}
.portlet-boundary section.portlet .portlet-content {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.portlet-boundary section.portlet .portlet-content .portlet-header {
  display: none;
}
.portlet-height-100 .portlet {
  height: 100%;
}
.portlet-height-100 .portlet .portlet-boundary {
  height: 100%;
}
.portlet-height-100 .portlet .portlet-boundary section.portlet {
  height: 100%;
}
.portlet-height-100 .portlet .portlet-boundary section.portlet .portlet-content {
  height: 100%;
}
.portlet-height-100 .portlet .portlet-boundary section.portlet .portlet-content .portlet-content-container {
  height: 100%;
}
.portlet-height-100 .portlet .portlet-boundary section.portlet .portlet-content .portlet-content-container .portlet-body {
  height: 100%;
}

div[class^=fragment]:not(.fragment-ahpi) .portlet-boundary section.portlet {
  margin: 0px !important;
  padding: 0px !important;
  min-height: 50px;
  min-width: 150px;
  clear: both;
}
div[class^=fragment]:not(.fragment-ahpi) .portlet-boundary section.portlet .portlet-content {
  background-color: transparent;
}

/* Modules */
/* Asset Publisher styles */
/* Overflow (per sliders) */
.portlet-asset-publisher {
  overflow-x: hidden;
}

/* Fix asset publisher configuration */
.portlet-asset-publisher .portlet-configuration-setup fieldset#filter div#filterContent .panel-body fieldset > div.show > div p {
  width: 100%;
}

.portlet-asset-publisher .portlet-configuration-setup fieldset#filter div#filterContent .panel-body fieldset > div.show > div div.lfr-tooltip-scope ul li .panel-body div.form-group {
  margin-right: 10px;
}

.portlet-asset-publisher .portlet-configuration-setup fieldset#filter div#filterContent .panel-body fieldset > div.show > div div.lfr-tooltip-scope ul li .panel-body div.form-group:nth-child(5) {
  display: block;
}

.portlet-asset-publisher .portlet-configuration-setup fieldset#filter div#filterContent .panel-body fieldset > div.show > div div.lfr-tooltip-scope ul li .container-trash {
  top: -30px;
}

.portlet-asset-publisher .portlet-configuration-setup fieldset#ordering .panel-body h5 {
  padding-right: 20px;
}

/* Nascosti elementi non necessari dell'asset publisher */
body.dialog-iframe-popup .portlet-configuration-setup fieldset[id=setAndEnable],
body.dialog-iframe-popup .portlet-configuration-setup fieldset[id=metadata],
body.dialog-iframe-popup .portlet-configuration-setup fieldset[id=grouping],
body.dialog-iframe-popup .portlet-configuration-setup fieldset[id=customUserAttributes],
body.dialog-iframe-popup .portlet-configuration-setup div.liferay-standard-asset,
body.dialog-iframe-popup .portlet-configuration-setup .lfr-form-content li[data-tab-name=subscriptions] {
  display: none !important;
}
body.dialog-iframe-popup .portlet-configuration-setup fieldset[id=setAndEnable] .input-checkbox-wrapper {
  clear: both;
}

/* Search styles */
.search-label {
  display: none !important;
}

.show-search-label .search-label {
  display: inline-block !important;
}

.search-clear {
  position: absolute;
  right: 25px;
  top: 25%;
  display: none;
  width: 24px;
  height: 24px;
  border: 0 !important;
  z-index: 2;
  background-color: var(--grey-5);
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.search-clear i {
  position: absolute;
  left: 50%;
  right: 50px !important;
  top: 50%;
  width: 8px;
  height: 8px;
  font-size: 8px;
  line-height: 8px;
  color: var(--black-primary);
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

@media (min-width: 992px) {
  .search-clear {
    right: 12%;
    top: 50%;
  }
}
.search-bar .search-clear {
  margin-top: -0.5rem;
  right: 35px;
}

.filled .search-clear {
  display: block;
}

.content-filter {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 17px;
  padding-bottom: 16px;
}
.content-filter p {
  display: flex;
  align-items: center;
  width: auto;
  margin: 8px 40px 8px 0;
}
.content-filter p span {
  display: inline-block;
  height: 18px;
  margin-left: 8px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  font-family: var(--font-family-supsi-fedra-sans-demi);
  color: var(--button-text-clr);
  background-color: var(--main-text-clr);
  -webkit-border-radius: 13px !important;
  -moz-border-radius: 13px !important;
  -o-border-radius: 13px !important;
  -ms-border-radius: 13px !important;
  border-radius: 13px !important;
}

.content-filter > * {
  position: relative;
  width: auto;
  z-index: 2;
}

.content-filter::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 100vw;
  height: 100%;
  z-index: 1;
  background-color: var(--line4-clr);
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}

.content-filter::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 100vw;
  height: 1px;
  z-index: 3;
  background-color: var(--line2-clr);
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}

@media (min-width: 375px) {
  .content-filter {
    padding-top: calc(17px + 8 * (100vw - 375px) / 1065);
    padding-bottom: calc(16px + 8 * (100vw - 375px) / 1065);
  }
  .content-filter p span {
    height: calc(18px + 4 * (100vw - 375px) / 1065);
    font-size: calc(12px + 2 * (100vw - 375px) / 1065);
    line-height: calc(18px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .content-filter p {
    order: 1;
  }
  .content-filter p span {
    letter-spacing: 0.005em;
  }
}
@media (min-width: 1440px) {
  .content-filter {
    padding-top: 25px;
    padding-bottom: 24px;
  }
  .content-filter p span {
    height: 22px;
    font-size: 14px;
    line-height: 22px;
  }
}
.serp-wrapper {
  margin-top: 16px;
}
.serp-wrapper .section-title::after {
  display: none;
}
.serp-wrapper .serp {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  margin-top: 16px;
}
.serp-wrapper .serp a {
  position: relative;
  display: block;
  float: left;
  padding-top: 9px;
  width: 100%;
  text-decoration: none;
}
.serp-wrapper .serp a ul {
  margin-bottom: 4px;
}
.serp-wrapper .serp a ul li {
  position: relative;
  width: auto;
  padding-right: 12px;
  margin-right: 12px;
  font-size: 12px;
  line-height: 16px;
  cursor: default;
  color: var(--breadcrumb-link-clr);
}
.serp-wrapper .serp a ul li::after {
  content: "\e901";
  position: absolute;
  right: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: 1px;
  font-size: 8px;
  line-height: 8px;
  font-weight: 400;
  font-style: normal;
  font-family: "icomoon" !important;
  color: var(--breadcrumb-link-clr);
  -webkit-transform: translate(50%, -50%) !important;
  -moz-transform: translate(50%, -50%) !important;
  -o-transform: translate(50%, -50%) !important;
  -ms-transform: translate(50%, -50%) !important;
  transform: translate(50%, -50%) !important;
  background-color: transparent;
}
.serp-wrapper .serp a ul li:last-child::after {
  content: none;
}
.serp-wrapper .serp a ul.school-tag li::after {
  content: "\e924";
}
.serp-wrapper .serp a ul.school-tag li:last-child::after {
  content: none;
}
.serp-wrapper .serp a h5 {
  display: inline;
  float: none;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 1px;
  background-image: linear-gradient(var(--main-text-clr), var(--main-text-clr));
  -webkit-transition: background-size 0.3s ease-in-out !important;
  -moz-transition: background-size 0.3s ease-in-out !important;
  -o-transition: background-size 0.3s ease-in-out !important;
  -ms-transition: background-size 0.3s ease-in-out !important;
  transition: background-size 0.3s ease-in-out !important;
}
.serp-wrapper .serp a p {
  margin-top: 4px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: var(--main-text-clr);
}
.serp-wrapper .serp a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid var(--line1-clr);
  background-color: transparent;
}

@media (min-width: 375px) {
  .serp-wrapper {
    margin-top: calc(16px + 8 * (100vw - 375px) / 1065);
  }
  .serp-wrapper .serp {
    margin-top: 24px;
  }
  .serp-wrapper .serp a {
    padding-top: calc(9px + 4 * (100vw - 375px) / 1065);
  }
  .serp-wrapper .serp a ul li {
    font-size: calc(12px + 2 * (100vw - 375px) / 1065);
    line-height: calc(16px + 4 * (100vw - 375px) / 1065);
  }
  .serp-wrapper .serp a p {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .serp-wrapper .serp a {
    padding-right: calc(40px + 300 * (100vw - 992px) / 448);
  }
  .serp-wrapper .serp a p {
    letter-spacing: 0.005em;
  }
  .serp-wrapper .serp a:hover h5, .serp-wrapper .serp a:focus h5, .serp-wrapper .serp a:focus-within h5 {
    background-size: 100% 1px;
  }
}
@media (min-width: 1440px) {
  .serp-wrapper {
    margin-top: 24px;
  }
  .serp-wrapper .serp a {
    padding-top: 13px;
    padding-right: 340px;
  }
  .serp-wrapper .serp a ul li {
    font-size: 14px;
    line-height: 20px;
  }
  .serp-wrapper .serp a p {
    font-size: 16px;
    line-height: 24px;
  }
}
.content-wrapper .pagination {
  position: relative;
  display: flex;
  float: left;
  padding-left: 0;
  padding-top: 17px;
  margin-top: 32px;
  width: 100%;
  list-style: none;
}
.content-wrapper .pagination ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0;
}
.content-wrapper .pagination ul li {
  width: auto;
  margin: 0 12px;
}
.content-wrapper .pagination ul li a, .content-wrapper .pagination ul li span {
  display: block;
  float: left;
  width: auto;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  color: var(--grey-50);
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
}
.content-wrapper .pagination ul li span {
  color: var(--main-text-clr);
}
.content-wrapper .pagination ul li.nav-prev a, .content-wrapper .pagination ul li.nav-next a {
  position: relative;
  width: 16px;
  height: 24px;
}
.content-wrapper .pagination ul li.nav-prev a i, .content-wrapper .pagination ul li.nav-next a i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  color: var(--main-text-clr);
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}
.content-wrapper .pagination ul li.nav-prev.disabled a, .content-wrapper .pagination ul li.nav-next.disabled a {
  cursor: default;
  pointer-events: none;
}
.content-wrapper .pagination ul li.nav-prev.disabled a i, .content-wrapper .pagination ul li.nav-next.disabled a i {
  color: var(--grey-50);
}
.content-wrapper .pagination ul li.nav-prev {
  margin-right: auto;
}
.content-wrapper .pagination ul li.nav-next {
  margin-left: auto;
}
.content-wrapper .pagination::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: var(--line2-clr);
}

@media (min-width: 375px) {
  .content-wrapper .pagination {
    padding-top: calc(17px + 12 * (100vw - 375px) / 1065);
    margin-top: calc(32px + 16 * (100vw - 375px) / 1065);
  }
  .content-wrapper .pagination ul li a, .content-wrapper .pagination ul li span {
    font-size: calc(16px + 2 * (100vw - 375px) / 1065);
    ine-height: calc(24px + 4 * (100vw - 375px) / 1065);
  }
  .content-wrapper .pagination ul li.nav-prev a, .content-wrapper .pagination ul li.nav-next a {
    width: calc(16px + 8 * (100vw - 375px) / 1065);
    height: calc(24px + 4 * (100vw - 375px) / 1065);
  }
  .content-wrapper .pagination ul li.nav-prev a i, .content-wrapper .pagination ul li.nav-next a i {
    width: calc(16px + 8 * (100vw - 375px) / 1065);
    height: calc(16px + 8 * (100vw - 375px) / 1065);
    font-size: calc(16px + 8 * (100vw - 375px) / 1065);
    line-height: calc(16px + 8 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .content-wrapper .pagination ul li.nav-prev {
    margin-right: 40px;
  }
  .content-wrapper .pagination ul li.nav-next {
    margin-left: 40px;
  }
}
@media (min-width: 1440px) {
  .content-wrapper .pagination {
    padding-top: 29px;
    margin-top: 48px;
  }
  .content-wrapper .pagination ul li a, .content-wrapper .pagination ul li span {
    font-size: 18px;
    line-height: 28px;
  }
  .content-wrapper .pagination ul li.nav-prev a, .content-wrapper .pagination ul li.nav-next a {
    width: 24px;
    height: 28px;
  }
  .content-wrapper .pagination ul li.nav-prev a i, .content-wrapper .pagination ul li.nav-next a i {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
  }
}
.portlet-type-facet form.form {
  display: none;
}

.search-bar-module {
  justify-content: flex-end;
}
.search-bar-module .search-clear {
  right: 25px !important;
  top: 33% !important;
}
.search-bar-module input.inline-btn {
  width: 100% !important;
}
.search-bar-module button.btn {
  font-size: 20px !important;
  line-height: 28px;
  padding: 11px 13px;
  margin-top: 10px;
}

@media (min-width: 992px) {
  .search-bar-module {
    justify-content: unset;
  }
  .search-bar-module .search-clear {
    right: 12% !important;
    top: 60% !important;
  }
  .search-bar-module input.inline-btn {
    width: 90% !important;
  }
  .search-bar-module button.btn {
    width: 9% !important;
    margin-left: 1% !important;
    margin-top: 0px;
  }
}
@media (min-width: 1440px) {
  .search-bar-module button.btn {
    width: 9% !important;
    margin-left: 1% !important;
    font-size: 26px !important;
    line-height: 30px;
    padding: 14px 18px;
  }
}
/* Supsi Research styles */
/* Wrapper & Views */
.supsi-research-web {
  overflow-x: hidden;
}
.supsi-research-web .no-results-section .section-title::after {
  display: none;
}
.supsi-research-web .supsi-research-wrapper .view-switch {
  float: right;
  width: auto;
  margin-bottom: 24px;
  margin-right: -10px;
  font-size: unset;
}
.supsi-research-web .supsi-research-wrapper .view-switch ul.nav-tabs {
  border: unset;
}
.supsi-research-web .supsi-research-wrapper .view-switch ul.nav-tabs li.nav-items {
  width: unset;
}
.supsi-research-web .supsi-research-wrapper .view-switch ul.nav-tabs li.nav-items a.nav-link {
  display: flex;
  align-items: center;
  background-color: unset;
  background: 0 0;
  border: unset;
  padding: unset;
  padding: 4px 9px 4px 9px;
  margin-bottom: -1px;
  white-space: nowrap;
  text-decoration: none !important;
  color: var(--research-view-switch-unselected-clr);
  -webkit-border-radius: 32px !important;
  -moz-border-radius: 32px !important;
  -o-border-radius: 32px !important;
  -ms-border-radius: 32px !important;
  border-radius: 32px !important;
}
.supsi-research-web .supsi-research-wrapper .view-switch ul.nav-tabs li.nav-items a.nav-link i {
  margin: 0 10px 0 5px;
}
.supsi-research-web .supsi-research-wrapper .view-switch ul.nav-tabs li.nav-items a.nav-link.active {
  color: var(--research-view-switch-selected-clr);
  pointer-events: none;
}
.supsi-research-web .pagination li a.active {
  color: var() !important;
}
.supsi-research-web .dropdown-menu {
  display: block !important;
  position: relative !important;
  min-width: 100% !important;
}
.supsi-research-web .portlet-configuration-setup .vocabularyId-configuration ul li .dropdown-item.active input.custom-control-input {
  pointer-events: all;
}
.supsi-research-web option[disabled] {
  color: var(--grey-20) !important;
}

@media (min-width: 375px) {
  .supsi-research-web .supsi-research-wrapper .view-switch {
    margin-bottom: calc(24px + 0 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .supsi-research-web .supsi-research-wrapper .view-switch ul.nav-tabs li.nav-items a.nav-link:not(.active):hover, .supsi-research-web .supsi-research-wrapper .view-switch ul.nav-tabs li.nav-items a.nav-link:not(.active):focus, .supsi-research-web .supsi-research-wrapper .view-switch ul.nav-tabs li.nav-items a.nav-link:not(.active):focus-within {
    line-height: 24px;
    color: var(--research-view-switch-hover-txt-clr);
    background-color: var(--research-view-switch-hover-bg-clr);
    -webkit-transition: all 0.3s ease-out !important;
    -moz-transition: all 0.3s ease-out !important;
    -o-transition: all 0.3s ease-out !important;
    -ms-transition: all 0.3s ease-out !important;
    transition: all 0.3s ease-out !important;
  }
}
@media (min-width: 1440px) {
  .supsi-research-web .supsi-research-wrapper .view-switch {
    margin-bottom: 24px;
  }
}
/* Filter Panel */
.filter-panel .content-filter {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 17px;
  padding-bottom: 16px;
}
.filter-panel .content-filter p {
  display: flex;
  align-items: center;
  width: auto;
  margin: 8px 40px 8px 0;
  color: var(--main-text-clr);
}
.filter-panel .content-filter p span {
  display: inline-block;
  height: 18px;
  margin-left: 8px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  font-family: var(--font-family-supsi-fedra-sans-demi);
  color: var(--main-bg-clr);
  background-color: var(--main-text-clr);
  -webkit-border-radius: 13px !important;
  -moz-border-radius: 13px !important;
  -o-border-radius: 13px !important;
  -ms-border-radius: 13px !important;
  border-radius: 13px !important;
}
.filter-panel .content-filter a.btn {
  margin-left: auto;
  text-decoration: none;
}
.filter-panel .content-filter .tag-wrapper {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 16px;
  padding-top: 11px;
}
.filter-panel .content-filter .tag-wrapper ul.tag {
  position: relative;
  overflow: auto;
  display: flex;
  width: calc(100% + 32px);
  padding: 0 8px;
  margin-left: -16px;
  margin-right: -16px;
  margin-bottom: 0;
}
.filter-panel .content-filter .tag-wrapper ul.tag li {
  width: auto;
  margin: 5px 8px;
}
.filter-panel .content-filter .tag-wrapper ul.tag li span {
  position: relative;
  display: block;
  float: left;
  width: auto;
  padding: 5px 35px 5px 11px;
  font-size: 12px;
  line-height: 16px;
  border: 1px solid var(--line2-clr);
  background-color: var(--main-bg-clr);
  color: var(--main-text-clr);
}
.filter-panel .content-filter .tag-wrapper ul.tag li span a {
  text-decoration: none !important;
  color: var(--main-text-clr);
}
.filter-panel .content-filter .tag-wrapper ul.tag li::after {
  display: none;
}
.filter-panel .content-filter > * {
  position: relative;
  width: auto;
  z-index: 2;
}
.filter-panel .content-filter::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 100vw;
  height: 100%;
  z-index: 1;
  background-color: var(--research-content-filter-bg-clr);
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}
.filter-panel .content-filter::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 100vw;
  height: 1px;
  z-index: 3;
  background-color: var(--line2-clr);
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}

@media (min-width: 375px) {
  .filter-panel .content-filter {
    padding-top: calc(17px + 8 * (100vw - 375px) / 1065);
    padding-bottom: calc(16px + 8 * (100vw - 375px) / 1065);
  }
  .filter-panel .content-filter p span {
    height: calc(18px + 4 * (100vw - 375px) / 1065);
    font-size: calc(12px + 2 * (100vw - 375px) / 1065);
    line-height: calc(18px + 4 * (100vw - 375px) / 1065);
  }
  .filter-panel .content-filter .tag-wrapper ul.tag li span {
    padding: calc(5px + 0 * (100vw - 375px) / 1065) calc(35px + 0 * (100vw - 375px) / 1065) calc(5px + 0 * (100vw - 375px) / 1065) calc(11px + 0 * (100vw - 375px) / 1065);
    font-size: calc(12px + 2 * (100vw - 375px) / 1065);
    line-height: calc(16px + 4 * (100vw - 375px) / 1065);
  }
  .filter-panel .content-filter .tag-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: var(--line2-clr);
    z-index: 3;
  }
}
@media (min-width: 992px) {
  .filter-panel .content-filter p {
    order: 1;
  }
  .filter-panel .content-filter p span {
    letter-spacing: 0.005em;
  }
  .filter-panel .content-filter a.btn {
    order: 3;
  }
  .filter-panel .content-filter .tag-wrapper {
    width: auto;
    margin-top: 0;
    padding-top: 0;
    order: 2;
  }
  .filter-panel .content-filter .tag-wrapper ul.tag {
    overflow: auto;
    display: block;
    width: auto;
    padding: 0;
    margin-right: 16px;
    margin-left: 0;
  }
  .filter-panel .content-filter .tag-wrapper ul.tag li {
    margin: 5px 16px 5px 0;
  }
  .filter-panel .content-filter .tag-wrapper ul.tag li span {
    letter-spacing: 0.005em;
  }
  .filter-panel .content-filter .tag-wrapper::after {
    display: none;
  }
}
@media (min-width: 1440px) {
  .filter-panel .content-filter {
    padding-top: 25px;
    padding-bottom: 24px;
  }
  .filter-panel .content-filter p span {
    height: 22px;
    font-size: 14px;
    line-height: 22px;
  }
  .filter-panel .content-filter .tag-wrapper ul.tag li span {
    padding: 5px 35px 5px 11px;
    font-size: 14px;
    line-height: 20px;
  }
}
/* Filter layer */
.filter-layer-wrapper {
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  width: 0;
  height: 100vh;
  z-index: 990;
  overflow: hidden;
}
.filter-layer-wrapper .filter-layer {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: var(--filter-layer-bg-clr);
  -webkit-transform: translateX(100%) !important;
  -moz-transform: translateX(100%) !important;
  -o-transform: translateX(100%) !important;
  -ms-transform: translateX(100%) !important;
  transform: translateX(100%) !important;
  -webkit-transition: transform 0.3s ease-out !important;
  -moz-transition: transform 0.3s ease-out !important;
  -o-transition: transform 0.3s ease-out !important;
  -ms-transition: transform 0.3s ease-out !important;
  transition: transform 0.3s ease-out !important;
}
.filter-layer-wrapper .filter-layer p, .filter-layer-wrapper .filter-layer a:not(.btn), .filter-layer-wrapper .filter-layer button:not(.btn) {
  width: auto;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: var(--main-text-clr);
}
.filter-layer-wrapper .filter-layer .close, .filter-layer-wrapper .filter-layer .reset {
  display: block;
  border: 0 !important;
  text-decoration: none !important;
  color: var(--main-text-clr);
  font-weight: 200;
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  background-color: transparent !important;
}
.filter-layer-wrapper .filter-layer .filter-layer-top {
  position: relative;
  display: flex;
  float: left;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 22px 64px 22px 16px;
}
.filter-layer-wrapper .filter-layer .filter-layer-top .filter-count {
  margin-right: 48px;
  margin-bottom: 0;
}
.filter-layer-wrapper .filter-layer .filter-layer-top .close {
  position: absolute;
  right: 20px;
  top: 50%;
  width: 24px;
  height: 24px;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
.filter-layer-wrapper .filter-layer .filter-layer-top .close i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  line-height: 16px;
  font-size: 16px;
  line-height: 16px;
  font-family: "icomoon" !important;
  font-weight: 400;
  font-style: normal;
  color: var(--main-text-clr);
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}
.filter-layer-wrapper .filter-layer .scroll-wrapper {
  height: calc(100vh - 300px);
}
.filter-layer-wrapper .filter-layer .scroll-wrapper .scroll-content {
  height: calc(100vh - 148px);
}
.filter-layer-wrapper .filter-layer .filter-layer-content {
  position: relative;
  float: left;
  width: 100%;
  height: calc(100vh - 148px);
  margin-top: 16px;
  overflow: auto;
}
.filter-layer-wrapper .filter-layer .filter-layer-content form {
  position: relative;
  padding: 0 16px 22px 16px;
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field {
  float: left;
  width: 100%;
  margin-top: 32px;
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field input {
  height: auto;
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field input.form-control:focus, .filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field input.form-control:active {
  box-shadow: none;
  border: 2px solid var(--line1-clr) !important;
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field .filter-accordion {
  float: left;
  width: 100%;
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field .filter-accordion > button {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding-bottom: 10px;
  padding-right: 34px;
  border: 0 !important;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
  text-align: left !important;
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  background-color: transparent !important;
  color: var(--main-text-clr);
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field .filter-accordion > button::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: var(--line2-clr);
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field .filter-accordion > button::after {
  content: "\e901";
  position: absolute;
  right: 10px;
  top: 5px;
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  font-family: "icomoon" !important;
  font-weight: 400;
  font-style: normal;
  color: var(--main-text-clr);
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  transform: rotate(90deg) !important;
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field .filter-accordion > div {
  display: none;
  float: left;
  width: 100%;
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field .filter-accordion > div ul li {
  margin-top: 24px;
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field .filter-accordion > div ul li input[type=checkbox]:checked + label,
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field .filter-accordion > div ul li input[type=checkbox]:not(:checked) + label {
  color: var(--main-text-clr);
  background-color: var(--filter-layer-bg-clr);
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field .filter-accordion > div ul li input[type=checkbox]:checked + label:before,
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field .filter-accordion > div ul li input[type=checkbox]:not(:checked) + label:before {
  border: 1px solid var(--checkbox-brd-clr);
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field .filter-accordion > div ul li input[type=checkbox]:checked + label:after,
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field .filter-accordion > div ul li input[type=checkbox]:not(:checked) + label:after {
  color: var(--line3-clr);
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field .filter-accordion > div ul li input[type=checkbox]:checked + label:before {
  content: "✔";
  font-family: "icomoon" !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9em;
  color: var(--main-bg-clr);
  border: 1px solid var(--line1-clr);
  background-color: var(--main-text-clr);
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field .filter-accordion > div ul li input[type=checkbox]:focus + label {
  /*outline:2px solid var(--line1-clr);*/
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field input {
  height: auto;
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field input[type=checkbox] {
  position: absolute;
  left: -9999px;
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field input[type=checkbox] + label {
  position: relative;
  display: inline-block;
  padding-left: 32px;
  margin: 0;
  cursor: pointer;
  border-radius: 2px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: var(--main-text-clr);
  background-color: var(-filter-layer-bg-clr);
  -webkit-transition: all 0.2s ease-out !important;
  -moz-transition: all 0.2s ease-out !important;
  -o-transition: all 0.2s ease-out !important;
  -ms-transition: all 0.2s ease-out !important;
  transition: all 0.2s ease-out !important;
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field input[type=checkbox] + label::after {
  content: none !important;
  position: absolute;
  top: 4px;
  left: 5px;
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  font-family: "icomoon" !important;
  font-weight: 400;
  font-style: normal;
  color: var(--main-bg-clr);
  -webkit-transform: scale(0, 0) !important;
  -moz-transform: scale(0, 0) !important;
  -o-transform: scale(0, 0) !important;
  -ms-transform: scale(0, 0) !important;
  transform: scale(0, 0) !important;
  -webkit-transition: all 0.2s ease-out !important;
  -moz-transition: all 0.2s ease-out !important;
  -o-transition: all 0.2s ease-out !important;
  -ms-transition: all 0.2s ease-out !important;
  transition: all 0.2s ease-out !important;
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 1px;
  width: 18px;
  height: 18px;
  border: 1px solid var(--filter-layer-checkbox-label-clr);
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -o-border-radius: 2px !important;
  -ms-border-radius: 2px !important;
  border-radius: 2px !important;
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field.search {
  position: relative;
  margin-top: 0;
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field.search input {
  position: relative;
  width: 100%;
  padding: 13px 55px 13px 15px !important;
  font-size: 18px !important;
  line-height: 28px !important;
  z-index: 1;
  font-family: var(--font-family-supsi-fedra-sans-demi);
  border: 1px solid var(--line2-clr);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field.search .search-clear {
  position: absolute;
  right: 15px;
  top: 50%;
  display: none;
  width: 24px;
  height: 24px;
  border: 0 !important;
  z-index: 2;
  text-decoration: none !important;
  background-color: var(--main-bg-clr);
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  border-radius: 50% !important;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field.search .search-clear i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  color: var(--main-text-clr);
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}
.filter-layer-wrapper .filter-layer .filter-layer-content form::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 24px;
  z-index: 11;
  background-color: var(--filter-layer-bg-clr);
}
.filter-layer-wrapper .filter-layer .filter-layer-bottom {
  position: relative;
  display: flex;
  float: left;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px;
}
.filter-layer-wrapper .filter-layer .filter-layer-bottom .btn span {
  display: inline;
}
.filter-layer-wrapper .filter-layer .filter-layer-bottom::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: var(--filter-layer-bottom-bg-clr);
}

@media (min-width: 375px) {
  .filter-layer-wrapper .filter-layer p, .filter-layer-wrapper .filter-layer a:not(.btn), .filter-layer-wrapper .filter-layer button:not(.btn) {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
  .filter-layer-wrapper .filter-layer .close {
    right: calc(20px + 36 * (100vw - 375px) / 1065);
  }
  .filter-layer-wrapper .filter-layer .filter-layer-top {
    padding: calc(22px + 6 * (100vw - 375px) / 1065) calc(64px + 34 * (100vw - 375px) / 1065) calc(22px + 6 * (100vw - 375px) / 1065) calc(16px + 32 * (100vw - 375px) / 1065);
  }
  .filter-layer-wrapper .filter-layer .filter-layer-content {
    /*height: calc(100vh - (148px + 52 * (100vw - 375px) / 1065));*/
    margin-top: calc(16px + 8 * (100vw - 375px) / 1065);
  }
  .filter-layer-wrapper .filter-layer .filter-layer-content form {
    padding: 0 calc(16px + 32 * (100vw - 375px) / 1065) calc(22px + 2 * (100vw - 375px) / 1065) calc(16px + 32 * (100vw - 375px) / 1065);
  }
  .filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field {
    margin-top: calc(32px + 16 * (100vw - 375px) / 1065);
  }
  .filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field .filter-accordion > button {
    padding-bottom: calc(10px + 9 * (100vw - 375px) / 1065);
    font-size: calc(16px + 2 * (100vw - 375px) / 1065);
    line-height: calc(22px + 6 * (100vw - 375px) / 1065);
  }
  .filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field .filter-accordion > button::after {
    top: calc(5px + 2 * (100vw - 375px) / 1065);
    width: calc(12px + 2 * (100vw - 375px) / 1065);
    height: calc(12px + 2 * (100vw - 375px) / 1065);
    font-size: calc(12px + 2 * (100vw - 375px) / 1065);
    line-height: calc(12px + 2 * (100vw - 375px) / 1065);
  }
  .filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field.search input {
    padding: calc(13px + 4 * (100vw - 375px) / 1065) 55px calc(13px + 4 * (100vw - 375px) / 1065) 15px !important;
  }
  .filter-layer-wrapper .filter-layer .filter-layer-content form fieldset input[type=checkbox] + label {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
  .filter-layer-wrapper .filter-layer .filter-layer-content form fieldset input[type=checkbox] + label::after {
    top: calc(4px + 2 * (100vw - 375px) / 1065);
  }
  .filter-layer-wrapper .filter-layer .filter-layer-content form fieldset input[type=checkbox] + label::before {
    top: calc(1px + 2 * (100vw - 375px) / 1065);
  }
  .filter-layer-wrapper .filter-layer .filter-layer-bottom {
    padding: calc(16px + 12 * (100vw - 375px) / 1065) calc(16px + 32 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 768px) {
  .filter-layer-wrapper {
    height: 100vh;
  }
  .filter-layer-wrapper .filter-layer {
    height: 100vh;
  }
  .filter-layer-wrapper .filter-layer .scroll-wrapper {
    height: calc(100vh - 200px);
  }
  .filter-layer-wrapper .filter-layer .scroll-wrapper .scroll-content {
    height: calc(100vh - 200px);
  }
}
@media (min-width: 992px) {
  .filter-layer-wrapper .filter-layer p, .filter-layer-wrapper .filter-layer a:not(.btn), .filter-layer-wrapper .filter-layer button:not(.btn) {
    letter-spacing: 0.005em;
  }
  .filter-layer-wrapper .filter-layer .filter-layer-top {
    padding: 28px 98px 28px 48px;
  }
  .filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field input[type=checkbox] + label {
    letter-spacing: 0.005em;
  }
}
@media (min-width: 1440px) {
  .filter-layer-wrapper .filter-layer p, .filter-layer-wrapper .filter-layer a:not(.btn), .filter-layer-wrapper .filter-layer button:not(.btn) {
    font-size: 16px;
    line-height: 24px;
  }
  .filter-layer-wrapper .filter-layer .close {
    right: 56px;
  }
  .filter-layer-wrapper .filter-layer .filter-layer-content {
    height: calc(100vh - 200px);
    margin-top: 24px;
  }
  .filter-layer-wrapper .filter-layer .filter-layer-content form {
    padding: 0 48px 24px 48px;
  }
  .filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field {
    margin-top: 48px;
  }
  .filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field .filter-accordion > button {
    padding-bottom: 19px;
    font-size: 18px;
    line-height: 28px;
  }
  .filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field .filter-accordion > button::after {
    top: 7px;
    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 14px;
  }
  .filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field input[type=checkbox] + label {
    font-size: 16px;
    line-height: 24px;
  }
  .filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field input[type=checkbox] + label::after {
    top: 6px;
  }
  .filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field input[type=checkbox] + label::before {
    top: 3px;
  }
  .filter-layer-wrapper .filter-layer .filter-layer-content form fieldset .filter-field.search input {
    padding: 17px 55px 17px 15px !important;
  }
  .filter-layer-wrapper .filter-layer .filter-layer-bottom {
    padding: 28px 48px;
  }
}
/* Open filter layer */
.open-filter .content-wrapper .layer {
  opacity: 0.6;
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
  z-index: 100;
}
.open-filter .content-wrapper section {
  z-index: inherit !important;
}
.open-filter .content-wrapper section .filter-layer-wrapper {
  visibility: visible;
}
.open-filter .content-wrapper section .filter-layer-wrapper .filter-layer {
  -webkit-transform: translateX(0) !important;
  -moz-transform: translateX(0) !important;
  -o-transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  transform: translateX(0) !important;
}

.open-filter-w {
  overflow: hidden;
}
.open-filter-w .filter-layer-wrapper {
  visibility: visible;
  width: 100%;
  max-width: 530px;
}

/* Apertura HERO Home Page styles */
.intro-home-wrapper {
  margin-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.intro-home-wrapper .intro-home {
  width: 100%;
  height: calc(100vh - 64px);
}
.intro-home-wrapper .intro-home .intro-home-content {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
}
.intro-home-wrapper .intro-home .intro-home-content h1 {
  margin-bottom: 32px;
  padding: 0 16px;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -0.02em;
  color: var(--white-primary);
}
.intro-home-wrapper .intro-home .intro-home-content ul.intro-home-nav {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: auto;
  background-color: var(--black-primary);
}
.intro-home-wrapper .intro-home .intro-home-content ul.intro-home-nav li {
  position: relative;
  width: auto;
  white-space: nowrap;
  z-index: 1;
  border-right: 1px solid var(--grey-70);
}
.intro-home-wrapper .intro-home .intro-home-content ul.intro-home-nav li button {
  position: relative;
  display: block;
  float: left;
  width: auto;
  padding: 16px;
  border: 0 !important;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.005em;
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  color: var(--white-primary);
  background-color: transparent !important;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.intro-home-wrapper .intro-home .intro-home-content ul.intro-home-nav li button::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: calc(100% - 32px);
  height: 1px;
  opacity: 0;
  background-color: var(--white-primary);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}
.intro-home-wrapper .intro-home .intro-home-content ul.intro-home-nav li:last-child {
  border-right: 0 none;
}
.intro-home-wrapper .intro-home .intro-home-content ul.intro-home-nav li::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 0;
  width: 1px;
  height: 100%;
  opacity: 0;
  background-color: var(--black-primary);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.intro-home-wrapper .intro-home .intro-home-content ul.intro-home-nav li.tabactive {
  z-index: 2;
  background-color: var(--blue-primary);
  border-right: 1px solid var(--black-primary);
}
.intro-home-wrapper .intro-home .intro-home-content ul.intro-home-nav li.tabactive button::after {
  opacity: 1;
}
.intro-home-wrapper .intro-home .intro-home-content ul.intro-home-nav li.tabactive::before {
  display: none;
}
.intro-home-wrapper .intro-home .intro-home-content .intro-home-tabs {
  float: left;
  width: 100%;
  height: 0;
  background-color: var(--blue-primary);
}
.intro-home-wrapper .intro-home .intro-home-content .intro-home-tabs div[role=tabpanel] {
  float: left;
  width: 100%;
  padding: 16px 16px 32px 16px;
  opacity: 0;
}
.intro-home-wrapper .intro-home .intro-home-content .intro-home-tabs div[role=tabpanel] ul {
  margin: -8px 0;
}
.intro-home-wrapper .intro-home .intro-home-content .intro-home-tabs div[role=tabpanel] ul li a {
  position: relative;
  display: block;
  float: left;
  width: auto;
  padding: 8px 25px 8px 0;
  text-decoration: none !important;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.005em;
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  color: var(--white-primary);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.intro-home-wrapper .intro-home .intro-home-content .intro-home-tabs div[role=tabpanel] ul li a::after {
  content: "\e904";
  position: absolute;
  right: 0;
  top: 11px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  font-style: normal;
  font-family: "icomoon" !important;
  color: var(--white-primary);
  opacity: 1;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.intro-home-wrapper .intro-home .intro-home-img {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.intro-home-wrapper .intro-home .intro-home-img .hero-image {
  /*float: left;*/
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 150%;
  margin-bottom: -32px;
  opacity: 0;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: opacity 0.3s ease-out !important;
  -moz-transition: opacity 0.3s ease-out !important;
  -o-transition: opacity 0.3s ease-out !important;
  -ms-transition: opacity 0.3s ease-out !important;
  transition: opacity 0.3s ease-out !important;
}
.intro-home-wrapper .intro-home .intro-home-img .hero-image.active {
  opacity: 1;
  z-index: 2;
}
.intro-home-wrapper .intro-home .intro-home-img::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  z-index: 4;
  background-color: var(--black-primary);
}
.intro-home-wrapper .intro-home .hero-img-elements {
  position: absolute;
  top: 120px;
  left: 20px;
  z-index: 10000;
  width: 300px;
}
.intro-home-wrapper .intro-home .hero-img-elements div.portlet {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.intro-home-wrapper .intro-home .hero-img-elements div.portlet .article-image {
  height: 200px;
}

@media (min-width: 375px) {
  .intro-home-wrapper .intro-home .intro-home-content h1 {
    margin-bottom: calc(32px + 16 * (100vw - 375px) / 1065);
    font-size: calc(40px + 24 * (100vw - 375px) / 1065);
    line-height: calc(48px + 24 * (100vw - 375px) / 1065);
  }
  .intro-home-wrapper .intro-home .intro-home-content ul.intro-home-nav li button {
    padding: 16px calc(16px + 8 * (100vw - 375px) / 1065);
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
  .intro-home-wrapper .intro-home .intro-home-content ul.intro-home-nav li button::after {
    width: calc(100% - (32px + 16 * (100vw - 375px) / 1065));
  }
  .intro-home-wrapper .intro-home .intro-home-content .intro-home-tabs div[role=tabpanel] {
    padding: calc(16px + 8 * (100vw - 375px) / 1065) calc(16px + 8 * (100vw - 375px) / 1065) calc(32px + 16 * (100vw - 375px) / 1065) calc(16px + 8 * (100vw - 375px) / 1065);
  }
  .intro-home-wrapper .intro-home .intro-home-content .intro-home-tabs div[role=tabpanel] ul li a {
    font-size: calc(16px + 2 * (100vw - 375px) / 1065);
    line-height: calc(22px + 6 * (100vw - 375px) / 1065);
  }
  .intro-home-wrapper .intro-home .intro-home-content .intro-home-tabs div[role=tabpanel] ul li a::after {
    top: calc(11px + 3 * (100vw - 375px) / 1065);
  }
  .intro-home-wrapper .intro-home .intro-home-img .hero-image {
    padding-bottom: calc(552px + 168 * (100vw - 375px) / 1065);
    margin-bottom: calc(-32px - 16 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .intro-home-wrapper .intro-home {
    height: calc(100vh - 128px);
  }
  .intro-home-wrapper .intro-home .intro-home-content {
    width: 60%;
  }
  .intro-home-wrapper .intro-home .intro-home-content h1 {
    padding-left: 0;
  }
  .intro-home-wrapper .intro-home .intro-home-content ul.intro-home-nav li button {
    padding: 16px 9px;
  }
  .intro-home-wrapper .intro-home .intro-home-content .intro-home-tabs div[role=tabpanel] ul li a:hover, .intro-home-wrapper .intro-home .intro-home-content .intro-home-tabs div[role=tabpanel] ul li a:focus, .intro-home-wrapper .intro-home .intro-home-content .intro-home-tabs div[role=tabpanel] ul li a:focus-within {
    opacity: 1 !important;
  }
  .intro-home-wrapper .intro-home .intro-home-content .intro-home-tabs div[role=tabpanel] ul li a::after {
    opacity: 0;
    -webkit-transform: translateX(-10px) !important;
    -moz-transform: translateX(-10px) !important;
    -o-transform: translateX(-10px) !important;
    -ms-transform: translateX(-10px) !important;
    transform: translateX(-10px) !important;
  }
  .intro-home-wrapper .intro-home .intro-home-content .intro-home-tabs div[role=tabpanel] ul li a:hover::after, .intro-home-wrapper .intro-home .intro-home-content .intro-home-tabs div[role=tabpanel] ul li a:focus::after, .intro-home-wrapper .intro-home .intro-home-content .intro-home-tabs div[role=tabpanel] ul li a:focus-within::after {
    opacity: 1 !important;
    -webkit-transform: translateX(0) !important;
    -moz-transform: translateX(0) !important;
    -o-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important;
  }
}
@media (min-width: 1200px) {
  .intro-home-wrapper .intro-home .intro-home-content {
    width: 50%;
  }
  .intro-home-wrapper .intro-home .intro-home-content ul.intro-home-nav li button {
    padding: 16px 24px;
    font-size: 16px;
    line-height: 24px;
  }
  .intro-home-wrapper .intro-home .intro-home-content ul.intro-home-nav li button::after {
    width: calc(100% - 48px);
  }
}
@media (min-width: 1440px) {
  .intro-home-wrapper .intro-home .intro-home-content h1 {
    margin-bottom: 48px;
    font-size: 64px;
    line-height: 72px;
  }
  .intro-home-wrapper .intro-home .intro-home-content .intro-home-tabs div[role=tabpanel] {
    padding: 24px 24px 48px 24px;
  }
  .intro-home-wrapper .intro-home .intro-home-content .intro-home-tabs div[role=tabpanel] ul li a {
    font-size: 18px;
    line-height: 28px;
  }
  .intro-home-wrapper .intro-home .intro-home-content .intro-home-tabs div[role=tabpanel] ul li a::after {
    top: 14px;
  }
  .intro-home-wrapper .intro-home .intro-home-img .hero-image {
    padding-bottom: calc(552px + 168 * (100vw - 375px) / 1065);
    margin-bottom: -48px;
  }
}
/* Aperture di pagina styles */
/* Overflows */
.fragment-ahpi section {
  overflow: hidden;
}

.lfr-layout-structure-item-apertura-pagina-collaboratore,
.lfr-layout-structure-item-apertura-corso-fc,
.fragment-ahms.wide-portlet {
  overflow: hidden !important;
}

/* Immagini */
.hero-image {
  float: left;
  width: 100%;
  padding-bottom: 150%;
  margin-bottom: -32px;
}

.intro-content-img {
  float: left;
  width: 100% !important;
  min-height: 100%;
  padding-bottom: 100%;
  margin-left: 0px;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-extended .intro-content-img {
  width: calc(100% + 32px) !important;
}

.intro-institute-img {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 375px) {
  .hero-image {
    padding-bottom: calc(552px + 168 * (100vw - 375px) / 1065);
    margin-bottom: calc(-32px - 16 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  .hero-image {
    padding-bottom: calc(552px + 168 * (100vw - 375px) / 1065);
    margin-bottom: -48px;
  }
  .intro-content-img {
    padding-bottom: 720px;
  }
  .img-extended .intro-content-img {
    width: 50vw !important;
  }
}
/* Apertura Hero Pagine interne */
.fragment-ahpi .section-title {
  display: block;
}
.fragment-ahpi .section-title .portlet {
  width: 100% !important;
}
.fragment-ahpi .section-title .abstract-text {
  font-size: 20px;
  line-height: 26px;
  padding: 0 14px !important;
  margin-top: 12px !important;
}
.fragment-ahpi .section-title > div {
  padding-right: 20px !important;
}
.fragment-ahpi .portlet-boundary section.portlet {
  min-height: 50px;
  min-width: 150px;
  clear: both;
}
.fragment-ahpi .portlet-boundary section.portlet .portlet-content {
  background-color: transparent;
}
.fragment-ahpi .image-vetrina .portlet-boundary section.portlet {
  overflow: visible !important;
  padding-bottom: 150% !important;
  margin-bottom: -32px !important;
}

@media (min-width: 375px) {
  .fragment-ahpi .section-title .abstract-text {
    font-size: calc(20px + 4 * (100vw - 375px) / 1065);
    line-height: calc(26px + 8 * (100vw - 375px) / 1065);
  }
  .fragment-ahpi .section-title > div {
    padding-right: calc(20px + 4 * (100vw - 375px) / 1065) !important;
  }
  .fragment-ahpi .image-vetrina .portlet-boundary section.portlet {
    padding-bottom: calc(552px + 168 * (100vw - 375px) / 1065) !important;
    margin-bottom: calc(-32px - 16 * (100vw - 375px) / 1065) !important;
  }
}
@media (min-width: 992px) {
  .fragment-ahpi .section-title {
    display: flex;
  }
  .fragment-ahpi .section-title .abstract-text {
    padding: 0 !important;
    margin-top: 12px !important;
  }
}
@media (min-width: 1440px) {
  .fragment-ahpi .section-title .abstract-text {
    font-size: 24px;
    line-height: 34px;
  }
  .fragment-ahpi .section-title > div {
    padding-right: 24px !important;
  }
  .fragment-ahpi .image-vetrina .portlet-boundary section.portlet {
    padding-bottom: calc(552px + 168 * (100vw - 375px) / 1065) !important;
    margin-bottom: -48px !important;
  }
}
/* Apertura pagine interne semplici */
.fragment-apis .article-image {
  width: calc(100% + 8px);
  margin-top: 32px;
  margin-left: -4px;
  margin-right: -4px;
}

@media (min-width: 375px) {
  .fragment-apis .article-image {
    margin-top: calc(32px + 16 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  .fragment-apis .article-image {
    margin-top: 48px;
  }
}
/* Apertura HERO minisiti */
.intro-institute-wrapper {
  margin-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.intro-institute-wrapper .intro-institute {
  position: relative;
  /*float: left;*/
  width: 100%;
  height: calc(100vh - 64px);
  overflow: hidden;
}
.intro-institute-wrapper .intro-institute .intro-institute-content {
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
  /*float: left;*/
  width: 100%;
  padding: 32px 16px;
  background-color: var(--grey-5);
  z-index: 2;
}
.intro-institute-wrapper .intro-institute .intro-institute-content h1, .intro-institute-wrapper .intro-institute .intro-institute-content .h1 {
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0;
  color: var(--black-primary);
}
.intro-institute-wrapper .intro-institute .intro-institute-content h1 strong, .intro-institute-wrapper .intro-institute .intro-institute-content .h1 strong {
  color: var(--grey-50);
  font-weight: 700;
}
.intro-institute-wrapper .intro-institute .intro-institute-content.bkg-blue {
  background-color: var(--white-primary);
}
.intro-institute-wrapper .intro-institute .intro-institute-content.bkg-blue h1, .intro-institute-wrapper .intro-institute .intro-institute-content.bkg-blue .h1 {
  color: var(--black-primary);
}
.intro-institute-wrapper .portlet-body {
  height: calc(100vh - 64px);
}

.has-control-menu .intro-institute-wrapper .intro-institute {
  height: calc(100vh - 113px);
}

@media (min-width: 375px) {
  .intro-institute-wrapper .intro-institute .intro-institute-content {
    padding: calc(32px + 16 * (100vw - 375px) / 1065) calc(16px + 32 * (100vw - 375px) / 1065);
  }
  .intro-institute-wrapper .intro-institute .intro-institute-content h1 {
    font-size: calc(32px + 16 * (100vw - 375px) / 1065);
    line-height: calc(40px + 16 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .intro-institute-wrapper .intro-institute {
    height: calc(100vh - 88px);
  }
  .intro-institute-wrapper .intro-institute .intro-institute-content {
    position: absolute;
    top: inherit;
    bottom: 0;
    float: none;
    width: 60%;
  }
  .intro-institute-wrapper .intro-institute .intro-institute-content h1 {
    letter-spacing: -0.015em;
  }
  .intro-institute-wrapper .intro-institute .intro-institute-content.bkg-blue {
    background-color: var(--color-institute-content);
  }
  .intro-institute-wrapper .intro-institute .intro-institute-content.bkg-blue h1 {
    color: var(--color-font-institute-content);
  }
  .intro-institute-wrapper .portlet-body {
    height: calc(100vh - 88px);
  }
  .has-control-menu .intro-institute-wrapper .intro-institute {
    height: calc(100vh - 144px);
  }
}
@media (min-width: 1200px) {
  .intro-institute-wrapper .intro-institute .intro-institute-content {
    width: 50%;
  }
}
@media (min-width: 1440px) {
  .intro-institute-wrapper .intro-institute .intro-institute-content {
    padding: 48px;
  }
  .intro-institute-wrapper .intro-institute .intro-institute-content h1 {
    font-size: 48px;
    line-height: 56px;
  }
}
/* Aperture testuali */
.intro-content-wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0;
  margin-bottom: 0;
  background-color: var(--intro-content-bg-clr);
}
.intro-content-wrapper .row > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 12px;
  padding-left: 12px;
}
.intro-content-wrapper .intro-content-top {
  padding-top: 64px;
  padding-bottom: 32px;
}
.intro-content-wrapper .intro-content-top p {
  display: block;
  margin-top: 64px;
  margin-bottom: 0;
  letter-spacing: 0;
  font-size: 16px;
  line-height: 24px;
}
.intro-content-wrapper .intro-content-top p.headline {
  margin-bottom: 8px;
  margin-top: 0;
  padding-right: 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}
.intro-content-wrapper .intro-content-bottom {
  padding-top: 0;
  padding-bottom: 32px;
}
.intro-content-wrapper .intro-content-bottom ul {
  position: relative;
  padding-top: 13px;
}
.intro-content-wrapper .intro-content-bottom ul li {
  position: relative;
  padding-left: 32px;
  margin-top: 4px;
}
.intro-content-wrapper .intro-content-bottom ul li p {
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
  letter-spacing: 0;
  font-size: 16px;
  line-height: 24px;
}
.intro-content-wrapper .intro-content-bottom ul li p a {
  color: var(--intro-content-link-clr);
  text-decoration: none !important;
}
.intro-content-wrapper .intro-content-bottom ul li p a:hover, .intro-content-wrapper .intro-content-bottom ul li p a:focus, .intro-content-wrapper .intro-content-bottom ul li p a:focus-within {
  color: var(--intro-content-link-clr);
  text-decoration: none !important;
}
.intro-content-wrapper .intro-content-bottom ul li:first-child {
  margin-top: 0;
}
.intro-content-wrapper .intro-content-bottom ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 14px;
  height: 2px;
  background-color: var(--intro-content-line-clr);
}
.intro-content-wrapper .intro-content-bottom ul::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: var(--intro-content-line-clr);
}

@media (min-width: 375px) {
  .intro-content-wrapper {
    margin-bottom: calc(0px - 12 * (100vw - 375px) / 1065);
  }
  .intro-content-wrapper .intro-content-top {
    padding-top: calc(64px + 32 * (100vw - 375px) / 1065);
    padding-bottom: calc(32px + 16 * (100vw - 375px) / 1065);
  }
  .intro-content-wrapper .intro-content-top p {
    margin-top: calc(64px - 16 * (100vw - 375px) / 1065);
    padding-right: 20%;
    font-size: calc(16px + 2 * (100vw - 375px) / 1065);
    line-height: calc(24px + 4 * (100vw - 375px) / 1065);
  }
  .intro-content-wrapper .intro-content-top p.headline {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
  .intro-content-wrapper .intro-content-bottom {
    padding-bottom: calc(32px + 16 * (100vw - 375px) / 1065);
  }
  .intro-content-wrapper .intro-content-bottom ul li p {
    font-size: calc(16px + 2 * (100vw - 375px) / 1065);
    line-height: calc(24px + 4 * (100vw - 375px) / 1065);
  }
  .intro-content-wrapper .intro-content-bottom ul li::before {
    top: calc(11px + 2 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .intro-content-wrapper .intro-content-top {
    padding-right: 10%;
  }
  .intro-content-wrapper .intro-content-top p.headline {
    letter-spacing: 0.005em;
  }
  .intro-content-wrapper .intro-content-bottom {
    padding-right: 16%;
  }
  .intro-content-wrapper .intro-content-bottom ul li {
    margin-top: 0;
  }
}
@media (min-width: 1440px) {
  .intro-content-wrapper {
    margin-bottom: -12px;
  }
  .intro-content-wrapper .intro-content-top {
    padding-top: 96px;
    padding-bottom: 48px;
  }
  .intro-content-wrapper .intro-content-top p {
    margin-top: 48px;
    font-size: 18px;
    line-height: 28px;
  }
  .intro-content-wrapper .intro-content-top p.headline {
    font-size: 16px;
    line-height: 24px;
  }
  .intro-content-wrapper .intro-content-bottom {
    padding-bottom: 48px;
  }
  .intro-content-wrapper .intro-content-bottom ul li p {
    font-size: 18px;
    line-height: 28px;
  }
  .intro-content-wrapper .intro-content-bottom ul li::before {
    top: 13px;
  }
}
/* Apertura pagina collaboratore */
.fragment-employee-header .portlet {
  margin-bottom: 0px !important;
}
.fragment-employee-header .portlet .portlet-content {
  background-color: transparent !important;
}
.fragment-employee-header .row.eh-auto-row > div:first-child .portlet-body {
  display: flex;
  flex-direction: column;
}
.fragment-employee-header .caption {
  padding: 8px 0px;
  margin-left: -12px;
}
.fragment-employee-header .intro-content-bottom {
  margin-top: auto;
}

@media (min-width: 375px) {
  .fragment-employee-header .caption {
    margin-left: 0px;
  }
}
@media (min-width: 992px) {
  .fragment-employee-header .caption {
    padding: calc(8px + 8 * (100vw - 375px) / 1065) 0px;
  }
}
@media (min-width: 1440px) {
  .fragment-employee-header .caption {
    padding: 16px 0px;
  }
}
/* Apertura Corso FB */
.widget-course-fb-header {
  width: 100%;
}
.widget-course-fb-header .fb-header {
  overflow: hidden !important;
  display: flex;
  flex-direction: column;
}
.widget-course-fb-header .fb-header .fb-header-title {
  padding-right: 0;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.widget-course-fb-header .fb-header .fb-header-intro {
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 20px;
  line-height: 26px;
  margin-top: 32px !important;
  padding: 0 !important;
}

@media (min-width: 375px) {
  .widget-course-fb-header .fb-header .fb-header-title {
    padding-right: calc(20px + 4 * (100vw - 375px) / 1065) !important;
  }
  .widget-course-fb-header .fb-header .fb-header-intro {
    font-size: calc(20px + 4 * (100vw - 375px) / 1065);
    line-height: calc(26px + 8 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 768px) {
  .widget-course-fb-header .fb-header {
    flex-direction: row;
  }
  .widget-course-fb-header .fb-header .fb-header-title {
    width: 50%;
    flex-direction: row;
  }
  .widget-course-fb-header .fb-header .fb-header-intro {
    width: 50%;
    flex-direction: row;
    margin-top: 0 !important;
  }
}
@media (min-width: 1440px) {
  .widget-course-fb-header .fb-header .fb-header-title {
    padding-right: 24px !important;
  }
  .widget-course-fb-header .fb-header .fb-header-intro {
    font-size: 24px;
    line-height: 34px;
  }
}
/* Apertura Corso FC */
.fragment-course-fc-intro .portlet-content {
  background-color: transparent !important;
}
.fragment-course-fc-intro .intro-content-top p {
  margin-top: 16px;
  padding-right: 0;
  font-size: 20px;
  line-height: 26px;
}

@media (min-width: 375px) {
  .fragment-course-fc-intro .intro-content-top p {
    margin-top: calc(16px + 8 * (100vw - 375px) / 1065);
    font-size: calc(20px + 4 * (100vw - 375px) / 1065);
    line-height: calc(26px + 8 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  .fragment-course-fc-intro .intro-content-top p {
    margin-top: 24px;
    font-size: 24px;
    line-height: 34px;
  }
}
/* Article grid styles */
.article-grid {
  position: relative;
  margin-bottom: -32px;
}
.article-grid .extra-col {
  display: none;
}
.article-grid .extra-col::after {
  content: none !important;
}

.article-grid::before,
.article-grid::after {
  content: "";
  position: absolute;
  top: 0;
  width: 12px;
  height: 100%;
  background-color: var(--line3-clr);
  z-index: 2;
}

.article-grid.small {
  margin-bottom: -8px;
  border-top: 1px solid var(--line2-clr);
}

.article-grid.small > div {
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 33px;
}
.article-grid.small > div .text-article {
  display: block;
  float: left;
  width: 100%;
}

.article-grid.small > div::before {
  top: inherit;
  bottom: 0;
}

.article-grid.small > div::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 50%;
  width: 1px;
  height: calc(100% - 18px);
  background-color: var(--line2-clr);
  -webkit-transform: translateY(50%) !important;
  -moz-transform: translateY(50%) !important;
  -o-transform: translateY(50%) !important;
  -ms-transform: translateY(50%) !important;
  transform: translateY(50%) !important;
}

.bkg-grey .article-grid:before,
.bkg-grey .article-grid:after {
  background-color: var(--black-primary) !important;
}

.bkg-grey90 .article-grid:before,
.bkg-grey90 .article-grid:after {
  background-color: var(--grey-90) !important;
}

.bkg-grey05 .article-grid:before,
.bkg-grey05 .article-grid:after {
  background-color: var(--grey-5) !important;
}

.article-grid::before {
  left: 0;
}

.article-grid::after {
  right: 0;
}

.article-grid > div {
  position: relative;
  padding-top: 9px;
  margin-bottom: 32px;
}

.article-grid:not(.small) > div {
  padding-top: 9px;
  padding-bottom: 9px;
}

.article-grid > div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: var(--line2-clr);
}

@media (min-width: 375px) {
  .article-grid {
    margin-bottom: calc(-32px - 16 * (100vw - 375px) / 1065);
  }
  .article-grid > div {
    padding-top: calc(9px + 4 * (100vw - 375px) / 1065);
    margin-bottom: calc(32px + 16 * (100vw - 375px) / 1065);
  }
  .article-grid:not(.small) > div {
    padding-top: calc(9px + 4 * (100vw - 375px) / 1065);
    padding-bottom: calc(9px + 4 * (100vw - 375px) / 1065);
  }
  .article-grid.small {
    margin-bottom: calc(-8px - 4 * (100vw - 375px) / 1065);
  }
  .article-grid.small > div {
    padding-top: calc(8px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 768px) {
  .article-grid .extra-col {
    display: block;
  }
  .article-grid > div::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: calc(100% - 13px);
    background-color: var(--line2-clr);
  }
  .article-grid:not(.small) > div::after {
    height: calc(100% - 26px);
    top: 0;
    margin: auto 0;
  }
  .article-grid.small > div {
    padding-bottom: calc(11px + 2 * (100vw - 768px) / 672);
  }
  .article-grid.small > div::after {
    height: calc(100% - 25px);
  }
}
@media (min-width: 992px) {
  .article-grid.small > div .text-article {
    adding-right: 17%;
  }
}
@media (min-width: 1440px) {
  .article-grid {
    margin-bottom: -48px;
  }
  .article-grid > div {
    padding-top: 13px;
    margin-bottom: 48px;
  }
  .article-grid:not(.small) > div {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .article-grid.small {
    margin-bottom: -12px;
  }
  .article-grid.small > div {
    padding-top: 12px;
    padding-bottom: 13px;
  }
}
/* Side article styles */
.side-article {
  margin-top: 32px;
}
.side-article .text-article ul.tag {
  padding-left: 3px;
}

.side-article.separator {
  position: relative;
  padding-top: 9px;
}

.side-article.separator::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100% - 24px);
  height: 1px;
  background-color: var(--line1-clr);
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}

@media (min-width: 375px) {
  .side-article.separator {
    padding-top: calc(9px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 768px) {
  .side-article {
    margin-top: 12px;
  }
}
.side-values .lfr-richtext {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
}
.side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul {
  width: calc(100% + 16px);
  margin-left: -8px;
  margin-right: -8px;
  margin-top: 32px;
  margin-bottom: -32px;
}
.side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul li {
  position: relative;
  width: 50%;
  padding: 8px 8px 32px 8px;
}
.side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul li span {
  font-size: 64px;
  line-height: 64px;
  letter-spacing: -0.02em;
  color: var(--main-text-clr);
  font-family: var(--font-family-supsi-fedra-serif-book);
}
.side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul li span sup {
  top: -34px;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
}
.side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul li::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: var(--line2-clr);
}
.side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul li:nth-child(2n+1)::before {
  display: none;
}
.side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul li::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: calc(100% - 16px);
  height: 1px;
  background-color: var(--line2-clr);
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}
.side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul.link-list {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-top: 32px;
  border-top: 1px solid var(--line2-clr);
}
.side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul.link-list li {
  width: 100%;
  padding: 0;
}
.side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul.link-list li a {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 8px 38px 8px 0;
  text-decoration: none !important;
  color: var(--main-text-clr);
}
.side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul.link-list li a span {
  display: inline;
  float: none;
  width: auto;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 1px;
  background-image: linear-gradient(var(--link-clr), var(--link-clr));
  color: var(--main-text-clr);
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}
.side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul.link-list li a i {
  position: absolute;
  right: 0;
  top: 50%;
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
  color: var(--main-text-clr);
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
.side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul.link-list li::before {
  content: none;
}
.side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul.link-list li::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: inherit;
  top: inherit;
  width: 100%;
  height: 1px;
  background-color: var(--line2-clr);
  -webkit-transform: translateX(0) !important;
  -moz-transform: translateX(0) !important;
  -o-transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  transform: translateX(0) !important;
}
.side-values div.no-brd ul li::before {
  background-color: transparent;
}

.side-values.fit-content-margin {
  padding-top: 0;
}

.side-values.fit-content-margin > div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul.link-list {
  margin-top: 0;
  border-top: unset;
}

.side-values.fit-content-margin > div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul li::before {
  content: none;
}

.side-values > div {
  overflow: auto;
}

@media (min-width: 375px) {
  .side-values .lfr-richtext {
    font-size: calc(18px + 2 * (100vw - 375px) / 1065);
    line-height: calc(24px + 6 * (100vw - 375px) / 1065);
  }
  .side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul li span {
    font-size: calc(64px + 16 * (100vw - 375px) / 1065);
    line-height: calc(64px + 16 * (100vw - 375px) / 1065);
  }
  .side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul li span sup {
    top: calc(-34px - 6 * (100vw - 375px) / 1065);
    font-size: calc(18px + 6 * (100vw - 375px) / 1065);
    line-height: calc(24px + 8 * (100vw - 375px) / 1065);
  }
  .side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul.link-list li a span {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .side-values {
    padding-top: 12px;
  }
  .side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul {
    width: calc(100% + 24px);
    margin-top: -12px;
    margin-bottom: -48px;
    margin-left: -12px;
    margin-right: -12px;
  }
  .side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul li {
    padding: 12px 12px 48px 12px;
  }
  .side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul li::before {
    left: 0;
  }
  .side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul li:nth-child(2n+1)::before {
    display: block;
  }
  .side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul li::after {
    bottom: 0;
    top: inherit;
    width: calc(100% - 24px);
  }
  .side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul.link-list {
    margin-top: -12px;
    border-top: 0 none;
  }
  .side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul.link-list li a {
    padding: 12px 38px 12px 12px;
  }
  .side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul.link-list li a span {
    letter-spacing: 0.005em;
  }
  .side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul.link-list li a:hover, .side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul.link-list li a:focus, .side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul.link-list li a:focus-within {
    color: var(--link-clr);
  }
  .side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul.link-list li a:hover span, .side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul.link-list li a:focus span, .side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul.link-list li a:focus-within span {
    background-size: 100% 1px;
    color: var(--link-clr);
  }
  .side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul.link-list li::before {
    content: "";
  }
  .side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul.link-list li::after {
    width: calc(100% - 12px);
  }
  .side-values > div.order-lg-1 ul li::before {
    left: auto;
    right: 0px;
  }
  .side-values.fit-content-margin > div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul li::before {
    content: none;
  }
}
@media (min-width: 1440px) {
  .side-values .lfr-richtext {
    font-size: 20px;
    line-height: 30px;
  }
  .side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul li span {
    font-size: 80px;
    line-height: 80px sup;
    line-height-top: -40px;
    line-height-font-size: 24px;
    line-height-line-height: 32px;
  }
  .side-values div:not(.full-side):not(.lfr-richtext):not(.cke_editable) ul.link-list li a span {
    font-size: 16px;
    line-height: 24px;
  }
}
.side-values .lfr-richtext ul, .side-values .cke_editable ul {
  width: auto !important;
  margin: auto !important;
}
.side-values .lfr-richtext ul li, .side-values .cke_editable ul li {
  width: auto !important;
  padding: unset !important;
}
.side-values .lfr-richtext ul li::before, .side-values .cke_editable ul li::before {
  display: none !important;
}
.side-values .lfr-richtext ul li::after, .side-values .cke_editable ul li::after {
  display: none !important;
}

/* Accordion styles */
/* Overflows */
.lfr-layout-structure-item-item-accordion > div {
  overflow: auto;
}

/* Accordion normale */
.accordion-wrapper {
  display: block;
  overflow: auto;
  /*float: left;*/
  width: 100%;
  border-top: 1px solid var(--line2-clr);
}
.accordion-wrapper .fragment-item-accordion, .accordion-wrapper .faq-item-accordion, .accordion-wrapper .accordion-element {
  position: relative;
  /*float: left;*/
  width: 100%;
  z-index: 1;
  border-bottom: 1px solid var(--grey-20) !important;
}
.accordion-wrapper .fragment-item-accordion p, .accordion-wrapper .faq-item-accordion p, .accordion-wrapper .accordion-element p {
  margin-bottom: 0px;
}
.accordion-wrapper .fragment-item-accordion .accordion-head, .accordion-wrapper .faq-item-accordion .accordion-head, .accordion-wrapper .accordion-element .accordion-head {
  position: relative;
  display: block;
  /*float: left;*/
  width: 100%;
  padding: 16px 44px 16px 0;
  border: 0 !important;
  text-align: left !important;
  text-decoration: none;
  background-color: transparent !important;
}
.accordion-wrapper .fragment-item-accordion .accordion-head::before, .accordion-wrapper .faq-item-accordion .accordion-head::before, .accordion-wrapper .accordion-element .accordion-head::before {
  content: "";
  position: absolute;
  right: 2px;
  left: 0;
  top: -1px;
  width: 100%;
  height: 1px;
  border: 0 !important;
  opacity: 0;
  background-color: var(--black-primary);
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.accordion-wrapper .fragment-item-accordion .accordion-head::after, .accordion-wrapper .faq-item-accordion .accordion-head::after, .accordion-wrapper .accordion-element .accordion-head::after {
  content: "\ea33";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 22px;
  height: 22px;
  text-align: center;
  font-size: 22px;
  line-height: 14px;
  font-weight: 400;
  font-style: normal;
  font-family: icomoon-icon !important;
  color: var(--main-text-clr);
  -webkit-transform-origin: center center !important;
  -moz-transform-origin: center center !important;
  -o-transform-origin: center center !important;
  -ms-transform-origin: center center !important;
  transform-origin: center center !important;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
.accordion-wrapper .fragment-item-accordion .accordion-content, .accordion-wrapper .faq-item-accordion .accordion-content, .accordion-wrapper .accordion-element .accordion-content {
  position: relative;
  display: none;
  overflow: auto;
  /*float: left;*/
  width: 100%;
  padding-top: 9px;
  padding-bottom: 12px;
  padding-right: 0;
}
.accordion-wrapper .fragment-item-accordion .accordion-content .item-accordion, .accordion-wrapper .fragment-item-accordion .accordion-content p, .accordion-wrapper .faq-item-accordion .accordion-content .item-accordion, .accordion-wrapper .faq-item-accordion .accordion-content p, .accordion-wrapper .accordion-element .accordion-content .item-accordion, .accordion-wrapper .accordion-element .accordion-content p {
  color: var(--main-text-clr);
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}
.accordion-wrapper .fragment-item-accordion .accordion-content .accordion-item-caption, .accordion-wrapper .faq-item-accordion .accordion-content .accordion-item-caption, .accordion-wrapper .accordion-element .accordion-content .accordion-item-caption {
  display: none;
}
.accordion-wrapper .fragment-item-accordion .accordion-content::before, .accordion-wrapper .faq-item-accordion .accordion-content::before, .accordion-wrapper .accordion-element .accordion-content::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: var(--grey-20);
}
.accordion-wrapper .fragment-item-accordion.open .accordion-head::after, .accordion-wrapper .faq-item-accordion.open .accordion-head::after, .accordion-wrapper .accordion-element.open .accordion-head::after {
  content: "\ea3a";
}
.accordion-wrapper .fragment-item-accordion.open .accordion-content, .accordion-wrapper .faq-item-accordion.open .accordion-content, .accordion-wrapper .accordion-element.open .accordion-content {
  /*display:block!important;*/
}

.fragment-accordion-image .accordion-item-caption {
  clear: both;
  padding-top: 8px;
}

.page-editor .accordion-content {
  display: block !important;
}
.page-editor .accordion-content .accordion-item-caption {
  display: block !important;
}
.page-editor .accordion-content .no-caption {
  display: none !important;
}

.accordion-wrapper > div {
  position: relative;
  float: left;
  width: 100%;
  z-index: 1;
  border-bottom: 1px solid var(--line2-clr);
}

.accordion-wrapper > div > div {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--grey-20);
}

@media (min-width: 375px) {
  .accordion-wrapper .fragment-item-accordion .accordion-head, .accordion-wrapper .faq-item-accordion .accordion-head, .accordion-wrapper .accordion-element .accordion-head {
    padding: calc(16px + 10 * (100vw - 375px) / 1065) calc(34px + 10 * (100vw - 375px) / 1065) calc(16px + 10 * (100vw - 375px) / 1065) 0;
  }
  .accordion-wrapper .fragment-item-accordion .accordion-head::after, .accordion-wrapper .faq-item-accordion .accordion-head::after, .accordion-wrapper .accordion-element .accordion-head::after {
    width: calc(18px + 6 * (100vw - 375px) / 1065);
    height: calc(18px + 6 * (100vw - 375px) / 1065);
    font-size: calc(18px + 6 * (100vw - 375px) / 1065);
  }
  .accordion-wrapper .fragment-item-accordion .accordion-content, .accordion-wrapper .faq-item-accordion .accordion-content, .accordion-wrapper .accordion-element .accordion-content {
    padding-top: calc(9px + 3 * (100vw - 375px) / 1065);
    padding-bottom: calc(12px + 12 * (100vw - 375px) / 1065);
  }
  .accordion-wrapper .fragment-item-accordion .accordion-content .item-accordion, .accordion-wrapper .fragment-item-accordion .accordion-content p, .accordion-wrapper .faq-item-accordion .accordion-content .item-accordion, .accordion-wrapper .faq-item-accordion .accordion-content p, .accordion-wrapper .accordion-element .accordion-content .item-accordion, .accordion-wrapper .accordion-element .accordion-content p {
    margin-bottom: calc(20px + 4 * (100vw - 375px) / 1065);
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .accordion-wrapper .fragment-item-accordion .accordion-content, .accordion-wrapper .faq-item-accordion .accordion-content, .accordion-wrapper .accordion-element .accordion-content {
    padding-right: calc(0 + 110 * (100vw - 992px) / 448);
  }
  .accordion-wrapper .fragment-item-accordion .accordion-content .item-accordion, .accordion-wrapper .fragment-item-accordion .accordion-content p, .accordion-wrapper .faq-item-accordion .accordion-content .item-accordion, .accordion-wrapper .faq-item-accordion .accordion-content p, .accordion-wrapper .accordion-element .accordion-content .item-accordion, .accordion-wrapper .accordion-element .accordion-content p {
    letter-spacing: 0.005em;
  }
}
@media (min-width: 1440px) {
  .accordion-wrapper .fragment-item-accordion .accordion-head, .accordion-wrapper .faq-item-accordion .accordion-head, .accordion-wrapper .accordion-element .accordion-head {
    padding: 26px 44px 26px 0;
  }
  .accordion-wrapper .fragment-item-accordion .accordion-head::after, .accordion-wrapper .faq-item-accordion .accordion-head::after, .accordion-wrapper .accordion-element .accordion-head::after {
    font-size: 24px;
    width: 24px;
    height: 24px;
  }
  .accordion-wrapper .fragment-item-accordion .accordion-content, .accordion-wrapper .faq-item-accordion .accordion-content, .accordion-wrapper .accordion-element .accordion-content {
    padding-top: 12px;
    padding-bottom: 24px;
    padding-right: 110px;
  }
  .accordion-wrapper .fragment-item-accordion .accordion-content .item-accordion, .accordion-wrapper .fragment-item-accordion .accordion-content p, .accordion-wrapper .faq-item-accordion .accordion-content .item-accordion, .accordion-wrapper .faq-item-accordion .accordion-content p, .accordion-wrapper .accordion-element .accordion-content .item-accordion, .accordion-wrapper .accordion-element .accordion-content p {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 24px;
  }
}
/* Accordion con immagine */
.accordion-with-image-wrapper {
  border-top: none !important;
}
.accordion-with-image-wrapper .fragment-item-accordion .accordion-head, .accordion-with-image-wrapper .accordion-element .accordion-head {
  padding: 8px 32px 12px 0;
}
.accordion-with-image-wrapper .fragment-item-accordion .accordion-head h6, .accordion-with-image-wrapper .accordion-element .accordion-head h6 {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
}
.accordion-with-image-wrapper .fragment-item-accordion .accordion-head::before, .accordion-with-image-wrapper .accordion-element .accordion-head::before {
  content: "";
  position: absolute;
  left: auto;
  right: 2px;
  top: 10px;
  width: 20px;
  height: 20px;
  opacity: 1;
  background: none !important;
  border: 2px solid var(--line1-clr) !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  border-radius: 50% !important;
}
.accordion-with-image-wrapper .fragment-item-accordion .accordion-head::after, .accordion-with-image-wrapper .accordion-element .accordion-head::after {
  content: "\e923";
  font-family: "icomoon" !important;
  right: 7px;
  top: 20px;
  width: 10px;
  height: 10px;
  font-size: 10px;
  line-height: 10px;
}
.accordion-with-image-wrapper .fragment-item-accordion.open .accordion-head::after, .accordion-with-image-wrapper .accordion-element.open .accordion-head::after {
  content: "\e924";
}

@media (min-width: 375px) {
  .accordion-with-image-wrapper .fragment-item-accordion .accordion-head, .accordion-with-image-wrapper .accordion-element .accordion-head {
    padding: calc(8px + 4 * (100vw - 375px) / 1065) calc(32px + 20 * (100vw - 375px) / 1065) calc(8px + 4 * (100vw - 375px) / 1065) 0;
  }
  .accordion-with-image-wrapper .fragment-item-accordion .accordion-head h6, .accordion-with-image-wrapper .accordion-element .accordion-head h6 {
    font-size: calc(18px + 6 * (100vw - 375px) / 1065);
    line-height: calc(24px + 8 * (100vw - 375px) / 1065);
  }
  .accordion-with-image-wrapper .fragment-item-accordion .accordion-head::before, .accordion-with-image-wrapper .accordion-element .accordion-head::before {
    top: calc(10px + 4 * (100vw - 375px) / 1065);
    width: calc(20px + 8 * (100vw - 375px) / 1065);
    height: calc(20px + 8 * (100vw - 375px) / 1065);
  }
  .accordion-with-image-wrapper .fragment-item-accordion .accordion-head::after, .accordion-with-image-wrapper .accordion-element .accordion-head::after {
    right: calc(7px + 1 * (100vw - 375px) / 1065);
    top: calc(20px + 5 * (100vw - 375px) / 1065);
    width: calc(10px + 6 * (100vw - 375px) / 1065);
    height: calc(10px + 6 * (100vw - 375px) / 1065);
    font-size: calc(10px + 6 * (100vw - 375px) / 1065);
    line-height: calc(10px + 6 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 576px) {
  .accordion-with-image-wrapper .fragment-item-accordion .accordion-head::after, .accordion-with-image-wrapper .accordion-element .accordion-head::after {
    top: calc(22px + 5 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  .accordion-with-image-wrapper .fragment-item-accordion .accordion-head, .accordion-with-image-wrapper .accordion-element .accordion-head {
    padding: 12px 52px 12px 0;
  }
  .accordion-with-image-wrapper .fragment-item-accordion .accordion-head h6, .accordion-with-image-wrapper .accordion-element .accordion-head h6 {
    font-size: 24px;
    line-height: 32px;
  }
  .accordion-with-image-wrapper .fragment-item-accordion .accordion-head::before, .accordion-with-image-wrapper .accordion-element .accordion-head::before {
    top: 14px;
    width: 28px;
    height: 28px;
  }
  .accordion-with-image-wrapper .fragment-item-accordion .accordion-head::after, .accordion-with-image-wrapper .accordion-element .accordion-head::after {
    right: 8px;
    top: 28px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
  }
}
/* Accordion corsi: vedi modules/_lanci_corsi.scss */
/* Lanci singoli styles */
/* Lanci singoli testuali */
.info-wrapper .row {
  position: relative;
  padding-top: 9px;
}
.info-wrapper .row::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: calc(100% - 24px);
  height: 1px;
  background-color: var(--line1-clr);
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}
.info-wrapper .row > div::after {
  content: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: var(--line2-clr);
}
.info-wrapper .row > div:last-child::after {
  content: none;
}
.info-wrapper h3, .info-wrapper .h3 {
  padding-bottom: 33px;
}
.info-wrapper .btn-link {
  margin-top: 24px;
}

@media (min-width: 375px) {
  .info-wrapper .row {
    padding-top: calc(9px + 4 * (100vw - 375px) / 1065);
  }
  .info-wrapper h3, .info-wrapper .h3 {
    padding-bottom: calc(33px + 16 * (100vw - 375px) / 1065);
  }
  .info-wrapper .btn-link {
    margin-top: calc(16px + 8 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .info-wrapper .row > div::after {
    content: "";
  }
}
@media (min-width: 1440px) {
  .info-wrapper .row {
    padding-top: 13px;
  }
  .info-wrapper h3, .info-wrapper .h3 {
    padding-bottom: 49px;
  }
  .info-wrapper .btn-link {
    margin-top: 24px;
  }
}
/* Lanci singoli con immagine */
.side-article .text-article {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding-top: 9px;
}
.side-article .text-article a {
  display: flex;
  /*float: left;*/
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  text-decoration: none !important;
  color: inherit;
}
.side-article .text-article a .lfr-richtext {
  color: var(--main-text-clr);
}
.side-article .text-article a .btn-link {
  margin-top: 32px;
}
.side-article .text-article a.btn-link {
  display: inline-flex;
  width: auto;
  color: var(--button-link-clr) !important;
}
.side-article .text-article .time {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top: 16px;
  list-style: none;
}
.side-article .text-article .time li {
  position: relative;
  width: auto;
  padding-right: 10px;
  margin-right: 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: var(--text-article-meta-txt-clr);
}
.side-article .text-article .time li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.side-article .text-article::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: var(--line2-clr);
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}

.side-article > div .side-article-image {
  display: block;
  /*float: left;*/
  width: 100%;
  margin-top: 0;
  margin-bottom: 32px;
}

.side-article > div.order-md-1 {
  padding-bottom: 32px;
}
.side-article > div.order-md-1 .text-article {
  padding-top: 0px;
}
.side-article > div.order-md-1 .text-article::before {
  content: none;
}

.side-article > div.order-md-1::after {
  content: "" !important;
}

.side-article > div.order-md-2::after {
  content: none;
}

.side-article > div:last-child::after {
  content: none;
}

.side-article > div:last-child .side-article-image {
  margin-top: 24px;
  margin-bottom: 0;
}

.side-article.no-separator > div::after {
  content: none !important;
}

@media (min-width: 375px) {
  .side-article .text-article {
    padding-top: calc(9px + 4 * (100vw - 375px) / 1065);
  }
  .side-article .text-article a .btn-link {
    margin-top: calc(32px + 16 * (100vw - 375px) / 1065);
  }
  .side-article .text-article .time {
    margin-top: calc(16px + 8 * (100vw - 375px) / 1065);
  }
  .side-article .text-article .time li {
    padding-right: calc(10px + 1 * (100vw - 375px) / 1065);
    margin-right: calc(9px + 1 * (100vw - 375px) / 1065);
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
  .side-article > div.order-md-1 {
    padding-bottom: calc(24px + 16 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 768px) {
  .side-article .text-article {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .side-article .text-article:before {
    content: none !important;
  }
  .side-article > div::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: var(--line2-clr);
  }
  .side-article > div:last-child .side-article-image {
    margin-top: 0;
  }
  .side-article > div:last-child::after {
    content: none;
  }
  .side-article > div.order-md-1 .text-article::before {
    content: "";
  }
  .side-article > div.order-md-2::after {
    content: none;
  }
}
@media (min-width: 992px) {
  .side-article .text-article {
    padding-right: 17%;
  }
  .side-article .text-article .time li {
    letter-spacing: 0.005em;
  }
  .side-article .text-article:before {
    width: calc(100% - 24px);
  }
}
@media (min-width: 1440px) {
  .side-article .text-article a .btn-link {
    margin-top: 48px;
  }
  .side-article .text-article .time {
    margin-top: 24px;
  }
  .side-article .text-article .time li {
    padding-right: 11px;
    margin-right: 9px;
    font-size: 16px;
    line-height: 24px;
  }
  .side-article > div.order-md-1 {
    padding-bottom: 0px;
  }
}
/* Altri lanci */
.text-article {
  position: relative;
  display: block;
  /*float: left;*/
  width: 100%;
}
.text-article .btn-link {
  margin-top: 32px;
}

.text-article > a,
.text-article > span:not(.btn-link),
.text-article .text-article-wrapper {
  display: flex;
  /*float: left;*/
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
}
.text-article > a h4, .text-article > a .h4, .text-article > a h5, .text-article > a .h5,
.text-article > span:not(.btn-link) h4,
.text-article > span:not(.btn-link) .h4,
.text-article > span:not(.btn-link) h5,
.text-article > span:not(.btn-link) .h5,
.text-article .text-article-wrapper h4,
.text-article .text-article-wrapper .h4,
.text-article .text-article-wrapper h5,
.text-article .text-article-wrapper .h5 {
  display: inline;
  float: none;
  width: auto;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 1px;
  background-image: linear-gradient(var(--main-text-clr), var(--main-text-clr));
  -webkit-transition: background-size 0.3s ease-in-out !important;
  -moz-transition: background-size 0.3s ease-in-out !important;
  -o-transition: background-size 0.3s ease-in-out !important;
  -ms-transition: background-size 0.3s ease-in-out !important;
  transition: background-size 0.3s ease-in-out !important;
}
.text-article > a p,
.text-article > span:not(.btn-link) p,
.text-article .text-article-wrapper p {
  margin-top: 8px;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  color: var(--main-text-clr);
}
.text-article > a p.small,
.text-article > span:not(.btn-link) p.small,
.text-article .text-article-wrapper p.small {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.005em;
}

.text-article > a.btn-link {
  display: inline-flex;
  width: auto;
  color: var(--button-link-clr) !important;
}

.lfr-layout-structure-item-lancio-singolo-con-immagine--statico- .text-article {
  span: false;
}
.lfr-layout-structure-item-lancio-singolo-con-immagine--statico- .text-article .lfr-richtext a {
  display: inline;
}
.lfr-layout-structure-item-lancio-singolo-con-immagine--statico- .text-article .lfr-richtext a:not(.lsci-link) {
  color: var(--link-clr);
  text-decoration: underline !important;
}

@media (min-width: 375px) {
  .text-article .btn-link {
    margin-top: calc(32px + 16 * (100vw - 375px) / 1065);
  }
  .text-article > a p,
  .text-article > span p,
  .text-article .text-article-wrapper p {
    font-size: calc(18px + 2 * (100vw - 375px) / 1065);
    line-height: calc(24px + 6 * (100vw - 375px) / 1065);
  }
  .text-article > a p.small,
  .text-article > span p.small,
  .text-article .text-article-wrapper p.small {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .text-article {
    padding-right: 17%;
  }
}
@media (min-width: 1440px) {
  .text-article .btn-link {
    margin-top: 48px;
  }
  .text-article > a p,
  .text-article > span p,
  .text-article .text-article-wrapper p {
    font-size: 20px;
    line-height: 30px;
  }
  .text-article > a p.small,
  .text-article > span p.small,
  .text-article .text-article-wrapper p.small {
    font-size: 16px;
    line-height: 24px;
  }
}
/* Lanci aggregati styles */
/* Lancio aggregato con immagine */
.fragment-laci .portlet {
  width: 100%;
}
.fragment-laci .image {
  margin-bottom: 16px;
  margin-top: 8px;
}
.fragment-laci .lfr-richtext.small {
  font-size: 14px;
  line-height: 20px;
}

@media (min-width: 375px) {
  .fragment-laci .image {
    margin-bottom: calc(16px + 8 * (100vw - 375px) / 1065);
  }
  .fragment-laci .lfr-richtext.small {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .fragment-laci .image {
    margin-top: 0;
  }
}
@media (min-width: 1440px) {
  .fragment-laci .image {
    margin-bottom: 24px;
  }
  .fragment-laci .lfr-richtext.small {
    font-size: 16px;
    line-height: 24px;
  }
}
/* Lanci Teasers styles */
.teaser-list {
  margin-top: 8px;
}
.teaser-list .teaser {
  padding-top: 13px;
  margin-top: 24px;
}
.teaser-list .teaser::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: var(--line2-clr);
}
.teaser-list .teaser:first-child {
  padding-top: 0;
  margin-top: 0;
}
.teaser-list .teaser:first-child::before {
  content: none;
}

.teaser-list > div {
  position: relative;
}

.teaser-list > div::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: var(--line2-clr);
}

.teaser-list > div:first-child::after {
  content: none;
}

.teaser-list > div.col-side::after,
.teaser-list > div:last-child::after {
  content: none;
}

.teaser {
  position: relative;
  display: block;
  width: 100%;
  /*overflow: auto;*/
}
.teaser a {
  position: relative;
  display: block;
  width: 100%;
  text-decoration: none !important;
  color: inherit;
}
.teaser a .image {
  display: flex;
  align-items: flex-end;
  margin-bottom: 16px;
}
.teaser a .image > div {
  position: relative;
}
.teaser a > div {
  overflow: auto;
  position: relative;
  width: 100%;
  z-index: 2;
}
.teaser a > div .tag li, .teaser a > div .time li {
  color: var(--teaser-tag-text-clr);
}
.teaser a > div .tag.tag-primary li, .teaser a > div .time.tag-primary li {
  color: var(--main-text-clr);
}
.teaser a > div h4, .teaser a > div .h4, .teaser a > div h6, .teaser a > div .h6 {
  display: inline;
  float: none;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 1px;
  background-image: linear-gradient(var(--main-text-clr), var(--main-text-clr));
  -webkit-transition: background-size 0.3s ease-in-out !important;
  -moz-transition: background-size 0.3s ease-in-out !important;
  -o-transition: background-size 0.3s ease-in-out !important;
  -ms-transition: background-size 0.3s ease-in-out !important;
  transition: background-size 0.3s ease-in-out !important;
}
.teaser a > div h4, .teaser a > div .h4 {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
}
.teaser a > div .h-blue {
  background-image: linear-gradient(var(--link-clr), var(--link-clr));
}
.teaser a > div p {
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: var(--main-text-clr);
}
.teaser a > div p.small {
  font-size: 12px;
  line-height: 16px;
  color: var(--teaser-p-small-text-clr);
}
.teaser a > div p.location {
  position: relative;
  margin-top: 16px;
  padding-left: 24px;
}
.teaser a > div p.location i {
  position: absolute;
  left: 0;
  top: 50%;
  width: 17px;
  height: 17px;
  font-size: 17px;
  line-height: 17px;
  color: var(--main-text-clr);
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
.teaser a > div .info {
  /*float: left;*/
  width: 100%;
  margin-top: 16px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.teaser a > div.date {
  padding-bottom: 49px;
  margin-bottom: 8px;
}
.teaser a > div.date p {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: var(--main-text-clr);
}
.teaser a > div.date p span {
  display: block;
  /*float: left;*/
  width: 100%;
  font-size: 64px;
  line-height: 64px;
  letter-spacing: -0.02em;
  font-family: var(--font-family-supsi-fedra-serif-book);
}
.teaser a > div.date::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: var(--line2-clr);
}

.teaser.inline {
  padding-top: 9px;
  margin-top: 32px;
}
.teaser.inline .row {
  /*width: calc(100% + 16px);*/
  margin-right: -8px;
  margin-left: -8px;
}
.teaser.inline .row > div {
  position: relative;
  padding-bottom: 0;
  padding-top: 8px;
  padding-right: 8px;
}
.teaser.inline .row > div:first-child {
  padding-bottom: 16px;
}
.teaser.inline .row > div > :first-child {
  margin-top: 0;
}
.teaser.inline .row > div::after {
  content: "";
  position: absolute;
  right: 0;
  top: 8px;
  bottom: 0;
  width: 1px;
  height: 100%;
  background-color: var(--line2-clr);
}
.teaser.inline .row > div:first-child::after {
  content: "";
  position: absolute;
  right: 12px;
  bottom: 0;
  top: inherit;
  width: calc(100% - 24px);
  height: 1px;
  background-color: var(--line2-clr);
}
.teaser.inline .row > div:last-child {
  padding-bottom: 0;
  padding-top: 8px;
  padding-left: 12px;
}
.teaser.inline .row > div:last-child::after {
  content: none;
}

.teaser.inline.icon .row > div:nth-child(1) {
  padding-right: 40px;
}

.teaser.inline::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: var(--line1-clr);
}

.teaser.inline.image .row p {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: var(--main-text-clr);
}

@media (min-width: 375px) {
  .teaser a .image {
    margin-bottom: calc(16px + 8 * (100vw - 375px) / 1065);
  }
  .teaser a > div .time {
    margin-top: calc(16px + 8 * (100vw - 375px) / 1065);
  }
  .teaser a > div h4, .teaser a > div .h4 {
    font-size: calc(18px + 14 * (100vw - 375px) / 1065);
    line-height: calc(24px + 16 * (100vw - 375px) / 1065);
  }
  .teaser a > div p {
    margin-top: calc(8px + 4 * (100vw - 375px) / 1065);
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
  .teaser a > div p.small {
    font-size: calc(12px + 2 * (100vw - 375px) / 1065);
    line-height: calc(16px + 4 * (100vw - 375px) / 1065);
  }
  .teaser a > div p.location {
    margin-top: calc(16px + 8 * (100vw - 375px) / 1065);
    padding-left: calc(24px + 4 * (100vw - 375px) / 1065);
  }
  .teaser a > div p.location i {
    width: calc(17px + 4 * (100vw - 375px) / 1065);
    height: calc(17px + 4 * (100vw - 375px) / 1065);
    font-size: calc(17px + 4 * (100vw - 375px) / 1065);
    line-height: calc(17px + 4 * (100vw - 375px) / 1065);
  }
  .teaser a > div .info {
    margin-top: calc(16px + 8 * (100vw - 375px) / 1065);
  }
  .teaser a > div.date p {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
  .teaser a > div.date p span {
    font-size: calc(64px + 16 * (100vw - 375px) / 1065);
    line-height: calc(64px + 16 * (100vw - 375px) / 1065);
  }
  .teaser.inline {
    padding-top: calc(9px + 4 * (100vw - 375px) / 1065);
    margin-top: calc(32px + 16 * (100vw - 375px) / 1065);
  }
  .teaser.inline.icon a i {
    position: absolute;
    right: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
    color: var(--main-text-clr);
  }
  .teaser.inline.image .row p {
    font-size: calc(12px + 4 * (100vw - 375px) / 1065);
    line-height: calc(16px + 8 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 768px) {
  .teaser a > div p.small {
    padding-right: 22px;
  }
  .teaser.inline {
    /*
    .row > div:first-child::after{
    	content: "";
    	right: 0;
      		width: 1px;
      		height: 100%;
    }
    */
    /*
    .row > div:last-child {
    	padding-top: 0;
      		padding-left: 12px;
    }
    */
  }
  .teaser.inline .row {
    width: calc(100% + 24px);
    margin-right: -12px;
    margin-left: -12px;
  }
  .teaser.inline .row > div {
    /*padding-top: 0;*/
    padding-bottom: 0;
    padding-right: 12px;
    min-height: 108px;
  }
  .teaser.inline .row > div:first-child {
    padding-bottom: 0;
  }
  .teaser.inline .row > div:nth-child(1) {
    padding-right: 12px;
  }
  .teaser.inline .row > div::after {
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
  }
  .teaser.inline.icon .row > div:nth-child(2) {
    padding-right: calc(40px + 70 * (100vw - 992px) / 448);
  }
}
@media (min-width: 992px) {
  .teaser-list {
    margin-top: 12px;
  }
  .teaser-list > div:first-child::after {
    content: "";
  }
  .teaser a > div p {
    letter-spacing: 0.005em;
  }
  .teaser a > div.date {
    margin-bottom: 12px;
  }
  .teaser a > div.date p {
    letter-spacing: 0.005em;
  }
  .teaser a:hover h4, .teaser a:hover .h4, .teaser a:hover h6, .teaser a:hover .h6, .teaser a:focus h4, .teaser a:focus .h4, .teaser a:focus h6, .teaser a:focus .h6, .teaser a:focus-within h4, .teaser a:focus-within .h4, .teaser a:focus-within h6, .teaser a:focus-within .h6 {
    background-size: 100% 1px;
  }
  .teaser a:hover .h-blue, .teaser a:focus .h-blue, .teaser a:focus-within .h-blue {
    color: var(--link-clr);
  }
  .teaser.inline .row > div {
    padding-top: 0;
  }
  .teaser.inline .row > div:first-child::after {
    content: "";
    right: 0;
    width: 1px;
    height: 100%;
  }
  .teaser.inline .row > div:last-child {
    padding-top: 0;
    padding-left: 12px;
  }
  .teaser.inline.icon a i {
    top: calc(3px + 1 * (100vw - 992px) / 448);
    width: calc(18px + 6 * (100vw - 992px) / 448);
    height: calc(18px + 6 * (100vw - 992px) / 448);
    font-size: calc(18px + 6 * (100vw - 992px) / 448);
    line-height: calc(18px + 6 * (100vw - 992px) / 448);
  }
}
@media (min-width: 1440px) {
  .teaser a .image {
    margin-bottom: 24px;
  }
  .teaser a > div .time {
    margin-top: 24px;
  }
  .teaser a > div h4, .teaser a > div .h4 {
    font-size: 32px;
    line-height: 40px;
  }
  .teaser a > div p {
    margin-top: 12px;
    font-size: 16px;
    line-height: 24px;
  }
  .teaser a > div p.small {
    font-size: 14px;
    line-height: 20px;
  }
  .teaser a > div p.location {
    margin-top: 24px;
    padding-left: 28px;
  }
  .teaser a > div p.location i {
    width: 21px;
    height: 21px;
    font-size: 21px;
    line-height: 21px;
  }
  .teaser a > div .info {
    margin-top: 24px;
  }
  .teaser a > div.date p {
    font-size: 16px;
    line-height: 24px;
  }
  .teaser a > div.date p span {
    font-size: 80px;
    line-height: 80px;
  }
  .teaser.inline {
    padding-top: 13px;
    margin-top: 48px;
  }
  .teaser.inline.icon a i {
    top: 4px;
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
  }
  .teaser.inline.icon .row > div:nth-child(2) {
    padding-right: 110px;
  }
  .teaser.inline.image .row p {
    font-size: 16px;
    line-height: 24px;
  }
}
/* Liste documenti e links styles */
.widget-docuware-search .section-wrapper.bkg-white {
  background-color: var(--main-bg-clr);
}

.widget-faq-categories .section-title {
  margin-top: 64px;
}

.lista-link-esterni .intro-text, .lista-documenti .intro-text, .lista-documenti-liferay .intro-text {
  padding: 0;
  font-size: 18px;
  line-height: 24px;
}
.lista-link-esterni .small .intro-text, .lista-documenti .small .intro-text, .lista-documenti-liferay .small .intro-text {
  padding: 0;
  font-size: 16px;
  line-height: 22px;
}

@media (min-width: 375px) {
  .widget-faq-categories .section-title {
    margin-top: calc(64px + 32 * (100vw - 375px) / 1065);
  }
  .lista-link-esterni .intro-text, .lista-documenti .intro-text, .lista-documenti-liferay .intro-text {
    font-size: calc(18px + 2 * (100vw - 375px) / 1065);
    line-height: calc(24px + 6 * (100vw - 375px) / 1065);
  }
  .lista-link-esterni .small .intro-text, .lista-documenti .small .intro-text, .lista-documenti-liferay .small .intro-text {
    font-size: calc(16px + 2 * (100vw - 375px) / 1065);
    line-height: calc(22px + 6 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  .widget-faq-categories .section-title {
    margin-top: 96px;
  }
  .lista-link-esterni .intro-text, .lista-documenti .intro-text, .lista-documenti-liferay .intro-text {
    font-size: 20px;
    line-height: 30px;
  }
  .lista-link-esterni .small .intro-text, .lista-documenti .small .intro-text, .lista-documenti-liferay .small .intro-text {
    font-size: 18px;
    line-height: 28px;
  }
}
/* Lanci Corsi styles */
/* wrapper */
.course-wrapper {
  /*float: left;*/
  width: 100%;
  margin-top: 32px;
}

@media (min-width: 375px) {
  .course-wrapper {
    margin-top: calc(32px + 16 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  .course-wrapper {
    margin-top: 48px;
  }
}
/* grid (cards) */
.course-wrapper ul.course-grid {
  width: calc(100% + 24px);
  margin-bottom: -48px;
  margin-left: -12px;
  margin-right: -12px;
}
.course-wrapper ul.course-grid a > div:last-child {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.course-wrapper ul.course-grid > li {
  position: relative;
  width: 100%;
  padding: 0 12px;
  margin-bottom: 24px;
}
.course-wrapper ul.course-grid > li a {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  z-index: 1;
  overflow: hidden;
  text-decoration: none !important;
  color: var(--main-text-clr);
}
.course-wrapper ul.course-grid > li a > div {
  float: left;
  width: 100%;
  background-color: var(--main-bg-clr);
}
.course-wrapper ul.course-grid > li a > div > div {
  position: relative;
  float: left;
  width: 100%;
  padding: 16px 0 24px 0;
}
.course-wrapper ul.course-grid > li a > div > div h5, .course-wrapper ul.course-grid > li a > div > div .h5 {
  display: inline;
  float: none;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 1px;
  background-image: linear-gradient(var(--link-clr), var(--link-clr));
  color: var(--main-text-clr);
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}
.course-wrapper ul.course-grid > li a > div > div::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: var(--line1-clr);
}
.course-wrapper ul.course-grid > li a > div.image {
  width: 100%;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.course-wrapper ul.course-grid > li a > div:not(.image) {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}
.course-wrapper ul.course-grid > li a > div:not(.image) ul.info {
  width: calc(100% + 24px);
  margin-left: -12px;
  margin-right: -12px;
  padding-top: 12px;
}
.course-wrapper ul.course-grid > li a > div:not(.image) ul.info li {
  position: relative;
  width: 50%;
  padding: 4px 12px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: var(--main-text-clr);
}
.course-wrapper ul.course-grid > li a > div:not(.image) ul.info li::after {
  content: "";
  position: absolute;
  left: 12px;
  bottom: 0;
  width: calc(100% - 24px);
  height: 1px;
  background-color: var(--line2-clr);
}
.course-wrapper ul.course-grid > li a > div:not(.image) ul.info li:nth-last-child(1)::after, .course-wrapper ul.course-grid > li a > div:not(.image) ul.info li:nth-last-child(2)::after {
  content: none;
}
.course-wrapper ul.course-grid > li a > div:not(.image) ul.info li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: var(--line2-clr);
}
.course-wrapper ul.course-grid > li a > div:not(.image) ul.info li:nth-child(2n+1)::before {
  content: none;
}

@media (min-width: 375px) {
  .course-wrapper ul.course-grid {
    margin-bottom: calc(-48px + 0 * (100vw - 375px) / 1065);
  }
  .course-wrapper ul.course-grid > li {
    margin-bottom: calc(24px + 24 * (100vw - 375px) / 1065);
  }
  .course-wrapper ul.course-grid > li a > div:not(.image) ul.info li {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
  .course-wrapper ul.course-grid > li:last-child {
    margin-bottom: calc(42px + 24 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 576px) {
  .course-wrapper ul.course-grid > li {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .course-wrapper ul.course-grid > li {
    width: 25%;
  }
  .course-wrapper ul.course-grid > li a > div > div {
    padding: 24px 0;
  }
  .course-wrapper ul.course-grid > li a > div:not(.image) ul.info li {
    letter-spacing: 0.005em;
  }
  .course-wrapper ul.course-grid > li a:hover, .course-wrapper ul.course-grid > li a:focus, .course-wrapper ul.course-grid > li a:focus-within {
    z-index: 2;
  }
  .course-wrapper ul.course-grid > li a:hover > div > div h5, .course-wrapper ul.course-grid > li a:hover > div > div .h5, .course-wrapper ul.course-grid > li a:focus > div > div h5, .course-wrapper ul.course-grid > li a:focus > div > div .h5, .course-wrapper ul.course-grid > li a:focus-within > div > div h5, .course-wrapper ul.course-grid > li a:focus-within > div > div .h5 {
    color: var(--link-clr);
    background-size: 100% 1px;
  }
  .course-wrapper ul.course-grid > li a:hover > div:not(.image), .course-wrapper ul.course-grid > li a:focus > div:not(.image), .course-wrapper ul.course-grid > li a:focus-within > div:not(.image) {
    -webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
}
@media (min-width: 1440px) {
  .course-wrapper ul.course-grid {
    margin-bottom: -48px;
  }
  .course-wrapper ul.course-grid > li {
    margin-bottom: 48px;
  }
  .course-wrapper ul.course-grid > li a > div.image ul.info li {
    font-size: 16px;
    line-height: 24px;
  }
}
/* list (table) */
.course-wrapper ul.course-list {
  margin-bottom: -24px;
}
.course-wrapper ul.course-list > li {
  position: relative;
  width: 100%;
  padding-top: 9px;
  margin-bottom: 24px;
}
.course-wrapper ul.course-list > li a.accordion-btn,
.course-wrapper ul.course-list > li button.accordion-btn {
  display: block;
  position: absolute;
  right: -20px;
  top: 23px;
  display: block;
  padding: 20px;
  margin: 0;
  border: 0 !important;
  background-color: transparent !important;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
.course-wrapper ul.course-list > li a.accordion-btn i,
.course-wrapper ul.course-list > li button.accordion-btn i {
  width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 16px;
  font-weight: 700;
  text-align: center;
  border-radius: 50%;
  border: 2px solid var(--main-text-clr);
  color: var(--main-text-clr);
}
.course-wrapper ul.course-list > li a.accordion-btn i.icon-supsi-plus,
.course-wrapper ul.course-list > li button.accordion-btn i.icon-supsi-plus {
  display: block;
}
.course-wrapper ul.course-list > li a.accordion-btn i.icon-supsi-minus,
.course-wrapper ul.course-list > li button.accordion-btn i.icon-supsi-minus {
  display: none;
}
.course-wrapper ul.course-list > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: var(--line1-clr);
}
.course-wrapper ul.course-list.list-lines-light > li::before {
  background-color: var(--line2-clr);
}
.course-wrapper ul.course-list > li > div,
.course-wrapper ul.course-list > li > a {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  z-index: 1;
}
.course-wrapper ul.course-list > li > div .open a.accordion-btn i.icon-supsi-plus,
.course-wrapper ul.course-list > li > div .open button.accordion-btn i.icon-supsi-plus,
.course-wrapper ul.course-list > li > a .open a.accordion-btn i.icon-supsi-plus,
.course-wrapper ul.course-list > li > a .open button.accordion-btn i.icon-supsi-plus {
  display: none;
}
.course-wrapper ul.course-list > li > div .open a.accordion-btn i.icon-supsi-minus,
.course-wrapper ul.course-list > li > div .open button.accordion-btn i.icon-supsi-minus,
.course-wrapper ul.course-list > li > a .open a.accordion-btn i.icon-supsi-minus,
.course-wrapper ul.course-list > li > a .open button.accordion-btn i.icon-supsi-minus {
  display: block;
}
.course-wrapper ul.course-list > li > div > div,
.course-wrapper ul.course-list > li > a > div {
  width: 100%;
  overflow: hidden;
  display: none;
}
.course-wrapper ul.course-list > li > div > div ul.info,
.course-wrapper ul.course-list > li > a > div ul.info {
  position: relative;
  width: calc(100% + 24px);
  margin-right: -12px;
  margin-top: 16px;
  margin-bottom: -4px;
  margin-left: -12px;
}
.course-wrapper ul.course-list > li > div > div ul.info li,
.course-wrapper ul.course-list > li > a > div ul.info li {
  position: relative;
  width: 50%;
  padding: 4px 12px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: var(--main-text-clr);
}
.course-wrapper ul.course-list > li > div > div ul.info li::before,
.course-wrapper ul.course-list > li > a > div ul.info li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 1px;
  height: 100%;
  background-color: var(--line2-clr);
}
.course-wrapper ul.course-list > li > div > div ul.info li::after,
.course-wrapper ul.course-list > li > a > div ul.info li::after {
  content: "";
  position: absolute;
  left: 12px;
  bottom: 0;
  width: calc(100% - 24px);
  height: 1px;
  background-color: var(--line2-clr);
}
.course-wrapper ul.course-list > li > div > div ul.info::after,
.course-wrapper ul.course-list > li > a > div ul.info::after {
  content: "";
  position: absolute;
  left: 12px;
  top: 0;
  width: calc(100% - 24px);
  height: 1px;
  background-color: var(--line2-clr);
}
.course-wrapper ul.course-list > li > div > div h5, .course-wrapper ul.course-list > li > div > div .h5,
.course-wrapper ul.course-list > li > a > div h5,
.course-wrapper ul.course-list > li > a > div .h5 {
  display: inline;
  float: none;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 1px;
  background-image: linear-gradient(var(--link-clr), var(--link-clr));
  color: var(--main-text-clr);
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}
.course-wrapper ul.course-list > li > div > div a,
.course-wrapper ul.course-list > li > a > div a {
  color: var(--main-text-clr);
  text-decoration: none;
}
.course-wrapper ul.course-list > li > div > a {
  right: 30px;
}
.course-wrapper ul.course-list.only-info > li > div > div ul.info::after {
  content: none;
}
.course-wrapper ul.course-list > li > div > div:first-child,
.course-wrapper ul.course-list > li > a > div:first-child {
  display: block;
  padding-right: 25px;
}
.course-wrapper ul.course-list > li > div > div.image {
  position: absolute;
  right: 58%;
  bottom: -40px;
  width: 0;
  height: 200px;
  opacity: 0;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: translateY(20%) !important;
  -moz-transform: translateY(20%) !important;
  -o-transform: translateY(20%) !important;
  -ms-transform: translateY(20%) !important;
  transform: translateY(20%) !important;
  -webkit-transition: opacity 0.4s ease-out, transform 0.4s ease-out !important;
  -moz-transition: opacity 0.4s ease-out, transform 0.4s ease-out !important;
  -o-transition: opacity 0.4s ease-out, transform 0.4s ease-out !important;
  -ms-transition: opacity 0.4s ease-out, transform 0.4s ease-out !important;
  transition: opacity 0.4s ease-out, transform 0.4s ease-out !important;
}

.portlet-asset-publisher .course-list > li::before {
  border-top: 1px solid var(--line1-clr);
  background-color: transparent;
}

@media (min-width: 375px) {
  .course-wrapper ul.course-list {
    margin-bottom: calc(-24px + 0 * (100vw - 375px) / 1065);
  }
  .course-wrapper ul.course-list > li {
    padding-top: calc(9px + 4 * (100vw - 375px) / 1065);
    margin-bottom: calc(24px + 0 * (100vw - 375px) / 1065);
  }
  .course-wrapper ul.course-list > li > div > div ul.info li,
  .course-wrapper ul.course-list > li > a > div ul.info li {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .course-wrapper ul.course-list > li a.accordion-btn,
  .course-wrapper ul.course-list > li button.accordion-btn {
    display: none;
  }
  .course-wrapper ul.course-list > li a:hover, .course-wrapper ul.course-list > li a:focus, .course-wrapper ul.course-list > li a:focus-within,
  .course-wrapper ul.course-list > li button:hover, .course-wrapper ul.course-list > li button:focus, .course-wrapper ul.course-list > li button:focus-within {
    position: relative;
    z-index: 2;
  }
  .course-wrapper ul.course-list > li > div,
  .course-wrapper ul.course-list > li > a {
    flex-direction: row;
  }
  .course-wrapper ul.course-list > li > div > div,
  .course-wrapper ul.course-list > li > a > div {
    display: block !important;
    width: 50%;
  }
  .course-wrapper ul.course-list > li > div > div ul.info,
  .course-wrapper ul.course-list > li > a > div ul.info {
    width: calc(100% + 12px);
    margin-left: 0;
    margin-top: -4px;
  }
  .course-wrapper ul.course-list > li > div > div ul.info li,
  .course-wrapper ul.course-list > li > a > div ul.info li {
    letter-spacing: 0.005em;
  }
  .course-wrapper ul.course-list > li > div > div ul.info li::before,
  .course-wrapper ul.course-list > li > a > div ul.info li::before {
    top: 0;
  }
  .course-wrapper ul.course-list > li > div > div a,
  .course-wrapper ul.course-list > li > a > div a {
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    -ms-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
  }
  .course-wrapper ul.course-list > li > div:hover a, .course-wrapper ul.course-list > li > div:hover button, .course-wrapper ul.course-list > li > div:focus a, .course-wrapper ul.course-list > li > div:focus button, .course-wrapper ul.course-list > li > div:focus-within a, .course-wrapper ul.course-list > li > div:focus-within button,
  .course-wrapper ul.course-list > li > a:hover a,
  .course-wrapper ul.course-list > li > a:hover button, .course-wrapper ul.course-list > li > a:focus a, .course-wrapper ul.course-list > li > a:focus button, .course-wrapper ul.course-list > li > a:focus-within a, .course-wrapper ul.course-list > li > a:focus-within button {
    color: var(--link-clr);
  }
  .course-wrapper ul.course-list > li > div:hover > div h5, .course-wrapper ul.course-list > li > div:hover > div .h5, .course-wrapper ul.course-list > li > div:focus > div h5, .course-wrapper ul.course-list > li > div:focus > div .h5, .course-wrapper ul.course-list > li > div:focus-within > div h5, .course-wrapper ul.course-list > li > div:focus-within > div .h5,
  .course-wrapper ul.course-list > li > a:hover > div h5,
  .course-wrapper ul.course-list > li > a:hover > div .h5, .course-wrapper ul.course-list > li > a:focus > div h5, .course-wrapper ul.course-list > li > a:focus > div .h5, .course-wrapper ul.course-list > li > a:focus-within > div h5, .course-wrapper ul.course-list > li > a:focus-within > div .h5 {
    color: var(--link-clr);
    background-size: 100% 1px;
  }
  .course-wrapper ul.course-list > li > div > div:first-child,
  .course-wrapper ul.course-list > li > a > div:first-child {
    padding-right: 0;
  }
}
@media (min-width: 1440px) {
  .course-wrapper ul.course-list {
    margin-bottom: -24px;
  }
  .course-wrapper ul.course-list > li {
    padding-top: 13px;
    margin-bottom: 24px;
  }
  .course-wrapper ul.course-list > li > div > div ul.info li,
  .course-wrapper ul.course-list > li > a > div ul.info li {
    font-size: 16px;
    line-height: 24px;
  }
}
/* Accordion corsi */
.course-accordion .accordion-content {
  padding-top: 0px;
}
.course-accordion .accordion-content .course-wrapper ul.course-list {
  margin-top: -66px;
}
.course-accordion .accordion-content .course-wrapper ul.course-list > li > div > div {
  width: 100%;
}
.course-accordion .accordion-content .course-wrapper ul.course-list > li > div > div ul.info li:nth-child(2n+1)::before {
  content: none;
}
.course-accordion .accordion-content::before {
  display: none;
}

@media (min-width: 375px) {
  .course-accordion .accordion-content .course-wrapper ul.course-list {
    margin-top: calc(-8px - 24 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  .course-accordion .accordion-content .course-wrapper ul.course-list {
    margin-top: -36px;
  }
}
/* Lanci con sliders styles */
/* Service teaser - Lanci semplici */
.supsi-servizi-widget .service-teaser-slider-row {
  padding-bottom: 9px;
}
.supsi-servizi-widget .service-teaser-slider-row .service-teaser-slider:not(.slider-nav) {
  overflow: hidden;
}

.service-teaser-slider .service-teaser {
  margin-top: 0;
}

.service-teaser {
  display: block;
  float: left;
  width: 100%;
  margin-top: 24px;
}
.service-teaser a > div {
  position: relative;
  float: left;
  width: 100%;
  z-index: 2;
}
.service-teaser a > div p.label {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: var(--main-text-clr);
}
.service-teaser a {
  position: relative;
  display: flex;
  float: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 424px;
  overflow: hidden;
  text-decoration: none;
  background-color: var(--teaser-slide-bg-clr);
}
.service-teaser a div.service-top {
  padding: 24px 16px;
}
.service-teaser a div.service-top .label {
  border: none;
}
.service-teaser a div.service-top h4, .service-teaser a div.service-top .h4 {
  display: inline;
  float: left;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 1px;
  background-image: linear-gradient(var(--main-text-clr), var(--main-text-clr));
  color: var(--main-text-clr);
  -webkit-transition: background-size 0.3s ease-in-out !important;
  -moz-transition: background-size 0.3s ease-in-out !important;
  -o-transition: background-size 0.3s ease-in-out !important;
  -ms-transition: background-size 0.3s ease-in-out !important;
  transition: background-size 0.3s ease-in-out !important;
}
.service-teaser a div.service-top .btn-link {
  margin-top: 32px;
}
.service-teaser a div.service-bottom {
  height: 190px;
  background-position: center center;
}
.service-teaser a div.service-bottom div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 9px 24px 24px 24px;
  z-index: 2;
  background-color: var(--teaser-slide-bg-clr);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
  -webkit-transform: translateY(100%) !important;
  -moz-transform: translateY(100%) !important;
  -o-transform: translateY(100%) !important;
  -ms-transform: translateY(100%) !important;
  transform: translateY(100%) !important;
}
.service-teaser a div.service-bottom div p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: var(--main-text-clr);
}
.service-teaser a div.service-bottom div::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: calc(100% - 32px);
  height: 1px;
  background-color: var(--line2-clr);
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}

@media (min-width: 375px) {
  .service-teaser a {
    height: calc(424px + 52 * (100vw - 375px) / 1065);
  }
  .service-teaser a div.service-top {
    padding: 24px calc(16px + 8 * (100vw - 375px) / 1065);
  }
  .service-teaser a div.service-top .btn-link {
    margin-top: calc(32px + 16 * (100vw - 375px) / 1065);
  }
  .service-teaser a div.service-bottom {
    height: calc(190px + 22 * (100vw - 375px) / 1065);
  }
  .service-teaser a div.service-bottom div {
    padding: calc(9px + 4 * (100vw - 375px) / 1065) calc(16px + 8 * (100vw - 375px) / 1065) calc(16px + 8 * (100vw - 375px) / 1065) calc(16px + 8 * (100vw - 375px) / 1065);
  }
  .service-teaser a div.service-bottom div p {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
  .service-teaser a div.service-bottom div::before {
    width: calc(100% - (32px + 16 * (100vw - 375px) / 1065));
  }
}
@media (min-width: 768px) {
  .supsi-servizi-widget .service-teaser-slider-row .service-teaser-slider:not(.slider-nav) {
    padding-top: 0;
  }
  .supsi-servizi-widget .service-teaser-slider-row .service-teaser-slider:not(.no-nav)::before {
    content: none;
  }
}
@media (min-width: 992px) {
  .supsi-servizi-widget .service-teaser-slider-row {
    padding-bottom: 13px;
  }
  .service-teaser a div.service-top h4, .service-teaser a div.service-top .h4 {
    float: none;
  }
  .service-teaser a div.service-top .btn-link {
    display: none;
  }
  .service-teaser a div.service-bottom div p {
    letter-spacing: 0.005em;
  }
  .service-teaser a:hover div.service-top h4, .service-teaser a:hover div.service-top .h4, .service-teaser a:focus div.service-top h4, .service-teaser a:focus div.service-top .h4, .service-teaser a:focus-within div.service-top h4, .service-teaser a:focus-within div.service-top .h4 {
    background-size: 100% 1px;
  }
  .service-teaser a:hover div.service-bottom div, .service-teaser a:focus div.service-bottom div, .service-teaser a:focus-within div.service-bottom div {
    -webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
}
@media (min-width: 1200px) {
  .supsi-servizi-widget .service-teaser-slider-row .service-teaser-slider:not(.slider-nav) {
    padding-top: calc(34px + 10 * (100vw - 992px) / 448);
  }
  .supsi-servizi-widget .service-teaser-slider-row .service-teaser-slider:not(.no-nav)::before {
    content: "";
  }
}
@media (min-width: 1440px) {
  .supsi-servizi-widget .service-teaser-slider-row .service-teaser-slider:not(.slider-nav) {
    padding-top: 44px;
  }
  .service-teaser a {
    height: 476px;
  }
  .service-teaser a div.service-top {
    padding: 24px;
  }
  .service-teaser a div.service-bottom {
    height: 212px;
  }
  .service-teaser a div.service-bottom div {
    padding: 13px 24px 24px 24px;
  }
  .service-teaser a div.service-bottom div p {
    font-size: 16px;
    line-height: 24px;
  }
  .service-teaser a div.service-bottom div::before {
    width: calc(100% - 48px);
  }
}
/* Project teaser - Lanci con slider */
.project-teaser {
  display: block;
  float: left;
  width: 100%;
  padding-right: 52px;
}
.project-teaser a {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  text-decoration: none !important;
  color: var(--main-text-clr);
}
.project-teaser a div {
  float: left;
  width: 100%;
}
.project-teaser a div.image {
  margin-bottom: 16px;
}
.project-teaser a h5 {
  display: inline;
  float: none;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 1px;
  background-image: linear-gradient(var(--main-text-clr), var(--main-text-clr));
  -webkit-transition: background-size 0.3s ease-in-out !important;
  -moz-transition: background-size 0.3s ease-in-out !important;
  -o-transition: background-size 0.3s ease-in-out !important;
  -ms-transition: background-size 0.3s ease-in-out !important;
  transition: background-size 0.3s ease-in-out !important;
}

@media (min-width: 375px) {
  .project-teaser {
    padding-right: calc(52px + 62 * (100vw - 375px) / 1065);
  }
  .project-teaser a div.image {
    margin-bottom: calc(16px + 8 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .project-teaser a:hover h5, .project-teaser a:focus h5, .project-teaser a:focus-within h5 {
    background-size: 100% 1px;
  }
}
@media (min-width: 1440px) {
  .project-teaser {
    padding-right: 114px;
  }
  .project-teaser a div.image {
    margin-bottom: 24px;
  }
}
/* Teaser Box - Lanci smart */
.teaser-box {
  display: block;
  float: left;
  width: 100%;
}
.teaser-box a {
  position: relative;
  display: flex;
  float: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 424px;
  text-decoration: none;
  color: inherit;
}
.teaser-box a div {
  position: relative;
  float: left;
  width: 100%;
  padding: 24px 16px;
  z-index: 2;
}
.teaser-box a.bkg-image div, .teaser-box a.bkg-blue div, .teaser-box a.bkg-grey90 div {
  position: relative;
  float: left;
  width: 100%;
  z-index: 2;
}
.teaser-box a.bkg-image div h3, .teaser-box a.bkg-image div .h3,
.teaser-box a.bkg-image div h6, .teaser-box a.bkg-image div .h6, .teaser-box a.bkg-blue div h3, .teaser-box a.bkg-blue div .h3,
.teaser-box a.bkg-blue div h6, .teaser-box a.bkg-blue div .h6, .teaser-box a.bkg-grey90 div h3, .teaser-box a.bkg-grey90 div .h3,
.teaser-box a.bkg-grey90 div h6, .teaser-box a.bkg-grey90 div .h6 {
  color: var(--white-primary);
}
.teaser-box a.bkg-image div .btn-link, .teaser-box a.bkg-blue div .btn-link, .teaser-box a.bkg-grey90 div .btn-link {
  color: var(--white-primary);
}
.teaser-box a.bkg-image div .btn-link::before, .teaser-box a.bkg-blue div .btn-link::before, .teaser-box a.bkg-grey90 div .btn-link::before {
  background-color: var(--white-primary);
}
.teaser-box a.bkg-image div .btn-link::after, .teaser-box a.bkg-blue div .btn-link::after, .teaser-box a.bkg-grey90 div .btn-link::after {
  color: var(--white-primary);
}
.teaser-box a.bkg-image div ul.tag li, .teaser-box a.bkg-image div ul.time li, .teaser-box a.bkg-blue div ul.tag li, .teaser-box a.bkg-blue div ul.time li, .teaser-box a.bkg-grey90 div ul.tag li, .teaser-box a.bkg-grey90 div ul.time li {
  color: var(--white-primary);
}
.teaser-box a.bkg-image div ul.tag li::after, .teaser-box a.bkg-image div ul.time li::after, .teaser-box a.bkg-blue div ul.tag li::after, .teaser-box a.bkg-blue div ul.time li::after, .teaser-box a.bkg-grey90 div ul.tag li::after, .teaser-box a.bkg-grey90 div ul.time li::after {
  background-color: var(--white-primary);
}
.teaser-box a.bkg-image div ul.time li time, .teaser-box a.bkg-blue div ul.time li time, .teaser-box a.bkg-grey90 div ul.time li time {
  color: var(--white-primary);
}
.teaser-box a.bkg-grey05 h3, .teaser-box a.bkg-grey05 .h3,
.teaser-box a.bkg-grey05 h6, .teaser-box a.bkg-grey05 .h6 {
  color: var(--black-primary);
}
.teaser-box a.bkg-grey05 .btn-link {
  color: var(--blue-primary);
}
.teaser-box a.bkg-grey05 .btn-link::before {
  background-color: var(--blue-primary);
}
.teaser-box a.bkg-grey05 .btn-link::after {
  color: var(--blue-primary);
}
.teaser-box a.bkg-grey05 ul.tag li, .teaser-box a.bkg-grey05 ul.time li {
  color: var(--black-primary);
}
.teaser-box a.bkg-grey05 ul.tag li::after, .teaser-box a.bkg-grey05 ul.time li::after {
  background-color: var(--black-primary);
}
.teaser-box a.bkg-grey05 ul.time li time {
  color: var(--black-primary);
}
.teaser-box a.bkg-image::before {
  opacity: 0.4;
}
.teaser-box h3, .teaser-box .h3 {
  line-height: 120% !important;
}

@media (min-width: 375px) {
  .teaser-box a {
    height: calc(424px + 52 * (100vw - 375px) / 1065);
  }
  .teaser-box a div {
    padding: 24px calc(16px + 8 * (100vw - 375px) / 1065);
  }
  .teaser-box a div .btn-link {
    margin-top: calc(32px + 16 * (100vw - 375px) / 1065);
  }
  .teaser-box a:hover .btn-link.external-link::before, .teaser-box a:focus .btn-link.external-link::before, .teaser-box a:focus-within .btn-link.external-link::before {
    width: calc(100% - (32px + 4 * (100vw - 375px) / 1065));
  }
}
@media (min-width: 992px) {
  .teaser-box a:hover .btn-link::after, .teaser-box a:focus .btn-link::after, .teaser-box a:focus-within .btn-link::after {
    right: 0;
  }
  .teaser-box a:hover .btn-link.external-link::before, .teaser-box a:focus .btn-link.external-link::before, .teaser-box a:focus-within .btn-link.external-link::before {
    width: calc(100% - 36px);
  }
  .teaser-box a.bkg-image:hover::before, .teaser-box a.bkg-image:focus::before, .teaser-box a.bkg-image:focus-within::before {
    opacity: 0.6;
  }
}
@media (min-width: 1440px) {
  .teaser-box a {
    height: 476px;
  }
  .teaser-box a div {
    padding: 24px;
  }
  .teaser-box a div .btn-link {
    margin-top: 48px;
  }
  .teaser-box a:hover .btn-link.external-link::before, .teaser-box a:focus .btn-link.external-link::before, .teaser-box a:focus-within .btn-link.external-link::before {
    width: calc(100% - 36px);
  }
}
/* People Teaser - Lanci esperienze */
.people-teaser {
  display: block;
  float: left;
  width: 100%;
}
.people-teaser a {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: unset !important;
  aspect-ratio: 2/3;
}
.people-teaser a div.content {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.people-teaser a div.content div {
  position: relative;
}
.people-teaser a div.content .quote {
  padding: 72px 16px 16px 16px;
}
.people-teaser a div.content .quote p {
  font-size: 20px;
  line-height: 140% !important;
  letter-spacing: -0.005em;
  color: var(--black-primary);
  font-family: var(--font-family-supsi-fedra-serif-book);
}
.people-teaser a div.content .quote::before {
  content: "“";
  position: absolute;
  left: 16px;
  top: 32px;
  width: 36px;
  font-size: 64px;
  line-height: 64px;
  letter-spacing: -0.02em;
  font-family: var(--font-family-supsi-fedra-serif-book);
  color: var(--black-primary);
}
.people-teaser a div.content .author {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 17px 16px 16px 16px;
}
.people-teaser a div.content .author picture {
  display: block;
  position: relative;
  float: left;
  width: 64px;
  height: 64px;
  margin: 0;
  margin-right: 8px;
  flex-shrink: 0;
  overflow: hidden;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  border-radius: 50% !important;
}
.people-teaser a div.content .author picture img {
  display: block;
  float: left;
  margin: 0;
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
}
.people-teaser a div.content .author picture img::before {
  display: none;
}
.people-teaser a div.content .author picture::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.people-teaser a div.content .author p {
  font-size: 14px;
  line-height: 20px;
  color: var(--black-primary);
}
.people-teaser a div.content .author p strong {
  display: block;
  float: left;
  width: 100%;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
}
.people-teaser a div.content .author::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: calc(100% - 32px);
  height: 1px;
  background-color: var(--grey-20);
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}
@media (min-width: 375px) {
  .people-teaser a {
    height: calc(424px + 224 * (100vw - 375px) / 1065);
  }
  .people-teaser a div.content .quote {
    padding: calc(72px + 56 * (100vw - 375px) / 1065) calc(16px + 8 * (100vw - 375px) / 1065) calc(16px + 8 * (100vw - 375px) / 1065) calc(16px + 8 * (100vw - 375px) / 1065);
  }
  .people-teaser a div.content .quote p {
    font-size: calc(20px + 12 * (100vw - 375px) / 1065);
    line-height: calc(28px + 16 * (100vw - 375px) / 1065);
  }
  .people-teaser a div.content .quote::before {
    left: calc(16px + 8 * (100vw - 375px) / 1065);
    top: calc(32px + 16 * (100vw - 375px) / 1065);
    font-size: calc(64px + 16 * (100vw - 375px) / 1065);
    line-height: calc(64px + 16 * (100vw - 375px) / 1065);
  }
  .people-teaser a div.content .author {
    padding: calc(17px + 8 * (100vw - 375px) / 1065) calc(16px + 8 * (100vw - 375px) / 1065) calc(16px + 8 * (100vw - 375px) / 1065) calc(16px + 8 * (100vw - 375px) / 1065);
  }
  .people-teaser a div.content .author picture {
    width: calc(64px + 16 * (100vw - 375px) / 1065);
    height: calc(64px + 16 * (100vw - 375px) / 1065);
    margin-right: calc(8px + 8 * (100vw - 375px) / 1065);
  }
  .people-teaser a div.content .author p strong {
    font-size: calc(16px + 2 * (100vw - 375px) / 1065);
    line-height: calc(22px + 6 * (100vw - 375px) / 1065);
  }
  .people-teaser a div.content .author::before {
    width: calc(100% - (32px + 16 * (100vw - 375px) / 1065));
  }
}
@media (min-width: 992px) {
  .people-teaser a div.content {
    opacity: 0;
  }
  .people-teaser a:hover div.content, .people-teaser a:focus div.content, .people-teaser a:focus-within div.content {
    opacity: 1;
  }
}
@media (min-width: 1440px) {
  .people-teaser a {
    height: 648px;
  }
  .people-teaser a div.content .quote {
    padding: 128px 24px 24px 24px;
  }
  .people-teaser a div.content .quote p {
    font-size: 32px;
    line-height: 44px;
  }
  .people-teaser a div.content .quote::before {
    left: 24px;
    top: 48px;
    font-size: 80px;
    line-height: 80px;
  }
  .people-teaser a div.content .author {
    padding: 25px 24px 24px 24px;
  }
  .people-teaser a div.content .author picture {
    width: 80px;
    height: 80px;
    margin-right: 16px;
  }
  .people-teaser a div.content .author p strong {
    font-size: 18px;
    line-height: 28px;
  }
  .people-teaser a div.content .author::before {
    width: calc(100% - 48px);
  }
}
/* Service Card styles */
.service-card {
  position: relative;
  display: flex;
  float: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 424px;
  overflow: hidden;
  text-decoration: none !important;
  background-color: var(--grey-5);
  color: var(--black-primary);
}
.service-card .service-top {
  padding: 24px 16px;
}
.service-card .service-top .label {
  border: none;
  display: block;
  padding-left: 0px !important;
}
.service-card .service-top h4, .service-card .service-top .h4 {
  display: inline;
  float: left;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 1px;
  background-image: linear-gradient(var(--black-primary), var(--black-primary));
  color: var(--black-primary);
  -webkit-transition: background-size 0.3s ease-in-out !important;
  -moz-transition: background-size 0.3s ease-in-out !important;
  -o-transition: background-size 0.3s ease-in-out !important;
  -ms-transition: background-size 0.3s ease-in-out !important;
  transition: background-size 0.3s ease-in-out !important;
}
.service-card .service-bottom {
  height: 190px;
  background-position: center center;
}
.service-card .service-bottom > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 9px 24px 24px 24px;
  z-index: 2;
  background-color: var(--grey-5);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
  -webkit-transform: translateY(100%) !important;
  -moz-transform: translateY(100%) !important;
  -o-transform: translateY(100%) !important;
  -ms-transform: translateY(100%) !important;
  transform: translateY(100%) !important;
}
.service-card .service-bottom > div p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: var(--black-primary);
}
.service-card .service-bottom > div::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: calc(100% - 32px);
  height: 1px;
  background-color: var(--grey-20);
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}

.service-card > div {
  position: relative;
  float: left;
  width: 100%;
  z-index: 2;
}
.service-card > div .label {
  margin: 0;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: var(--black-primary);
}

.service-cards-grid > div {
  padding: 12px;
}

@media (min-width: 375px) {
  .service-card {
    height: calc(424px + 52 * (100vw - 375px) / 1065);
  }
  .service-card .service-top {
    padding: 24px calc(16px + 8 * (100vw - 375px) / 1065);
  }
  .service-card .service-bottom {
    height: calc(190px + 22 * (100vw - 375px) / 1065);
  }
  .service-card .service-bottom > div {
    padding: calc(9px + 4 * (100vw - 375px) / 1065) calc(16px + 8 * (100vw - 375px) / 1065) calc(16px + 8 * (100vw - 375px) / 1065) calc(16px + 8 * (100vw - 375px) / 1065);
  }
  .service-card .service-bottom > div p {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
  .service-card .service-bottom > div::before {
    width: calc(100% - (32px + 16 * (100vw - 375px) / 1065));
  }
  .service-card > div .label {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .service-card .service-top h4, .service-card .service-top .h4 {
    float: none;
  }
  .service-card .service-bottom > div p {
    letter-spacing: 0.005em;
  }
  .service-card > div .label {
    letter-spacing: 0.005em;
  }
  a.service-card:hover .service-top h4, a.service-card:hover .service-top .h4, a.service-card:focus .service-top h4, a.service-card:focus .service-top .h4, a.service-card:focus-within .service-top h4, a.service-card:focus-within .service-top .h4 {
    background-size: 100% 1px;
  }
  a.service-card:hover .service-bottom > div, a.service-card:focus .service-bottom > div, a.service-card:focus-within .service-bottom > div {
    -webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
}
@media (min-width: 1440px) {
  .service-card {
    height: 476px;
  }
  .service-card .service-top {
    padding: 24px;
  }
  .service-card .service-bottom {
    height: 212px;
  }
  .service-card .service-bottom > div {
    padding: 13px 24px 24px 24px;
  }
  .service-card .service-bottom > div p {
    font-size: 16px;
    line-height: 24px;
  }
  .service-card .service-bottom > div::before {
    width: calc(100% - 48px);
  }
  .service-card > div .label {
    font-size: 16px;
    line-height: 24px;
  }
}
/* Contacts styles */
.contact-map-viewer {
  overflow: hidden;
}
.contact-map-viewer .article-map {
  width: calc(100% - 8px);
  margin-left: 4px;
  margin-right: 4px;
}

@media (min-width: 1200px) {
  .contact-map-viewer .article-map {
    width: calc(100% + 8px);
    margin-left: -4px;
    margin-right: -4px;
  }
}
.map-wrapper {
  margin-bottom: 12px;
}

.contact-map-viewer,
.map-contatti-3col,
.map-contatti-2col-verticale,
.map-contatti-2col-orizzontale {
  height: 380px;
  z-index: 0;
}

.map-contatti-2col-orizzontale {
  width: 100%;
}

.text-article .contact {
  float: left;
  width: 100%;
  margin-top: 24px;
}
.text-article .contact p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: var(--contacts-txt-clr);
}
.text-article .contact p a {
  display: inline;
  float: none;
  pointer-events: auto;
  cursor: pointer;
  text-decoration: underline !important;
  color: var(--link-clr);
}
.text-article .contact ul.info-list li p a {
  pointer-events: auto;
  cursor: pointer;
  text-decoration: underline;
  color: var(--link-clr);
}
.text-article .contact ul.info-list li:first-child {
  padding: 0px 24px !important;
}
.text-article .contact:first-child {
  margin-top: 0;
}
.text-article .contact:last-child {
  margin-bottom: 52px;
}

@media (min-width: 375px) {
  .text-article .contact p {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .text-article .contact p {
    letter-spacing: 0.005em;
  }
  .text-article .contact:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .text-article .contact p {
    font-size: 16px;
    line-height: 24px;
  }
}
.contact-p-no-margin-bottom p {
  margin-bottom: 0px !important;
}

.contact-viewer {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.contact-viewer .text-article-wrapper p {
  font-size: 16px !important;
  line-height: 24px !important;
}
.contact-viewer .text-article-wrapper .subtitle-contact {
  margin-top: 0px !important;
}
.contact-viewer .contact-viewer-2col-o article.lastcol,
.contact-viewer .contact-viewer-3col article.lastcol {
  padding-right: 0px;
}
.contact-viewer .contact-viewer-2col-o p.contact-info,
.contact-viewer .contact-viewer-2col-v p.contact-info {
  margin-top: 8px;
}
.contact-viewer .contact-viewer-2col-o .text-article ul.info-list,
.contact-viewer .contact-viewer-2col-v .text-article ul.info-list {
  margin-top: 0px;
}
.contact-viewer .contact-viewer-2col-o .text-article ul.info-list li,
.contact-viewer .contact-viewer-2col-v .text-article ul.info-list li {
  padding: 0 12px !important;
  margin-top: 6px;
}
.contact-viewer .contact-viewer-2col-o .text-article ul.info-list:before,
.contact-viewer .contact-viewer-2col-v .text-article ul.info-list:before {
  height: 100%;
}
.contact-viewer .contact-viewer-2col-o .text-article > .row,
.contact-viewer .contact-viewer-2col-v .text-article > .row {
  margin-top: 12px;
}
.contact-viewer .contact-viewer-2col-o {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.contact-viewer .contact-viewer-2col-v .row > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.contact-viewer .contact-viewer-3col {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.contact-viewer .contact-viewer-3col .text-article-wrapper p:first-child {
  margin-top: 0 !important;
}
.contact-viewer .contact-viewer-3col .article-grid div {
  margin-bottom: 12px !important;
}
.contact-viewer .contact-viewer-3col .article-grid div::before {
  height: 0px;
}
.contact-viewer .contact-viewer-3col .article-grid div::after {
  height: 100%;
}
.contact-viewer .contact-viewer-3col > .row {
  margin-top: 12px;
}

.contacts-container .first-section {
  padding-bottom: 10px;
}
.contacts-container .first-section .contact-single-section {
  padding-bottom: 15px;
}
.contacts-container .first-section .contact-single-section .contact-title {
  font-weight: bold;
}
.contacts-container .second-section {
  padding-top: 10px;
}
.contacts-container .second-section .contact-multiple-section {
  padding-bottom: 10px;
}
.contacts-container .second-section .fax-number {
  padding-top: 10px;
}
.contacts-container .second-section.brd-top {
  border-top: 1px solid var(--line2-clr);
}

@media (min-width: 768px) {
  .contact-viewer {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .contact-viewer .contact-viewer-2col-o .text-article > .row,
  .contact-viewer .contact-viewer-2col-v .text-article > .row {
    margin-top: 12px;
  }
  .contact-viewer .contact-viewer-3col {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .contact-viewer .contact-viewer-3col .article-grid div {
    margin-bottom: 32px !important;
  }
  .contact-viewer .contact-viewer-3col > .row {
    margin-top: 12px;
  }
  .contact-viewer .contact-viewer-2col-v .text-article ul.info-list {
    margin-top: 0px;
  }
  .contact-viewer .contact-viewer-2col-v .text-article ul.info-list li {
    padding: 0 16px !important;
  }
}
@media (min-width: 992px) {
  .contact-viewer .contact-viewer-2col-v .text-article ul.info-list {
    margin-top: 0px;
  }
  .contact-viewer .contact-viewer-2col-v .text-article ul.info-list li {
    padding: 0 12px !important;
  }
}
.contact-viewer.filetto .contact-viewer-3col {
  margin-top: 12px;
}
.contact-viewer.filetto .text-article > .row > div > ul.info-list {
  margin-top: 4px;
}

.contact-viewer.filetto::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: calc(100% - 24px);
  height: 1px;
  margin-top: 1px !important;
  background-color: var(--line2-clr);
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}

/* Social Links styles */
.fragment_social_sidebar {
  overflow: auto;
}

.side-content .side-element .social-list {
  display: block;
  float: left;
  width: 100%;
}
.side-content .side-element .social-list ul li {
  width: 50%;
  padding: 0 24px 0 0 !important;
  margin-top: 16px;
  border-bottom: 0 none !important;
}
.side-content .side-element .social-list ul li a {
  display: inline;
  width: auto !important;
  max-width: 90%;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 1px;
  background-image: linear-gradient(var(--link-clr), var(--link-clr));
  color: var(--link-clr);
  -webkit-transition: background-size 0.3s ease-in-out !important;
  -moz-transition: background-size 0.3s ease-in-out !important;
  -o-transition: background-size 0.3s ease-in-out !important;
  -ms-transition: background-size 0.3s ease-in-out !important;
  transition: background-size 0.3s ease-in-out !important;
}

@media (min-width: 375px) {
  .side-content .side-element .social-list ul li a {
    font-size: calc(14px + 2 * (100vw - 375px) / 1065);
    line-height: calc(20px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .side-content .side-element .social-list ul li a {
    letter-spacing: 0.005em;
  }
  .side-content .side-element .social-list ul li a:hover, .side-content .side-element .social-list ul li a:focus, .side-content .side-element .social-list ul li a:focus-within {
    background-size: 100% 1px;
  }
}
@media (min-width: 1440px) {
  .side-content .side-element .social-list ul li a {
    font-size: 16px;
    line-height: 24px;
  }
}
/* Widgets */
/* Widget configurations stles */
/* Fieldset*/
.cadmin .fieldset, .cadmin fieldset {
  border: 1px solid lightgray !important;
  padding: 15px !important;
  margin-bottom: 15px !important;
}
.cadmin .fieldset legend, .cadmin fieldset legend {
  width: auto !important;
  padding: 0 8px !important;
}

/* Categories Selector */
.no-legend-item .text-secondary, .no-legend-item .sheet-subtitle {
  display: none !important;
}
.no-legend-item .panel-body > .row {
  display: block !important;
}

html:not(#__):not(#___) .cadmin .no-legend-item .lfr-tooltip-scope .d-block {
  display: none !important;
}
html:not(#__):not(#___) .cadmin .no-legend-item .lfr-tooltip-scope div[role=group]:nth-child(3) {
  display: none !important;
}

/* Sort List */
.sort-list {
  list-style: none;
  clear: both;
  padding: 0 !important;
  margin: 0 !important;
}
.sort-list li {
  margin: 10px 0px 0px 0px !important;
  padding: 10px !important;
  padding-right: 42px !important;
  border: 1px solid #dfdfdf !important;
  background: #f5f5f5 !important;
  position: relative;
}
.sort-list li .title-edit-icon {
  position: absolute;
  right: 26px;
  padding-top: 5px;
  color: dodgerblue !important;
  cursor: pointer;
}
.sort-list li.hint {
  border: 1px solid #ffc49a !important;
  background: #feffb4 !important;
}
.sort-list li.active {
  border: 1px solid #ffa5a5 !important;
  background: #ffe7e7 !important;
}
.sort-list li.removable .item-delete-icon {
  position: absolute;
  right: 5px;
  bottom: 5px;
  padding-top: 5px;
  color: red !important;
  cursor: pointer;
}

.sort-list.sort-list-sortable li {
  cursor: move;
}

/* Configurazioni per selezioni documenti faq, ecc. */
ul.object-selector-list {
  position: relative;
  list-style-type: none;
  padding-left: 0px;
}
ul.object-selector-list li.object-selector-item .object-selector-element {
  border: 1px solid darkgray;
  padding: 5px;
  margin-top: 3px;
  cursor: crosshair;
}
ul.object-selector-list li.object-selector-item .object-selector-element input {
  display: none;
}
ul.object-selector-list li.object-selector-item .object-selector-element.item-not-selected:hover {
  background-color: lightgreen;
}
ul.object-selector-list li.object-selector-item .object-selector-element.item-selected {
  cursor: auto;
  background-color: lightgrey;
}
ul.object-selector-list li.object-selector-item .object-selector-element::after {
  font-family: "icomoon-icon";
  content: "\e919";
  position: absolute;
  right: 5px;
}
ul.object-selector-list li.object-selector-item .object-selector-element.item-selected::after {
  content: "\ea2b";
  color: green;
}

.no-legend-item .sheet-subtitle {
  display: none;
}
.no-legend-item .text-secondary {
  display: none;
}

/* Employee teaching functions styles */
.widget-employee-teaching-functions section.portlet .portlet-content {
  overflow: hidden !important;
}
.widget-employee-teaching-functions .employee-teaching-functions-wrapper section.mt-small .section-title {
  margin-top: 32px;
}
.widget-employee-teaching-functions .employee-teaching-functions-wrapper .course-wrapper {
  margin-top: 0px;
}
.widget-employee-teaching-functions .employee-teaching-functions-wrapper .course-wrapper .course-list {
  margin-top: 0px;
}

@media (min-width: 375px) {
  .widget-employee-teaching-functions .employee-teaching-functions-wrapper section.mt-small .section-title {
    margin-top: calc(32px + 16 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  .widget-employee-teaching-functions .employee-teaching-functions-wrapper section.mt-small .section-title {
    margin-top: 48px;
  }
}
/* Icons & Pictograms list styles */
.widget-icon i, .widget-icon img {
  display: block;
  float: left;
  width: 77px;
  height: 77px;
  margin-bottom: 32px;
  font-size: 77px;
  line-height: 77px;
  color: var(--main-text-clr);
}
.widget-icon img.pictogram {
  content: unset !important;
}
.widget-icon section {
  padding-right: unset;
  padding-left: unset;
}

@media (min-width: 375px) {
  .widget-icon i, .widget-icon img {
    margin-bottom: calc(32px + 16 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 992px) {
  .widget-icon i, .widget-icon img {
    width: 100px;
    height: 100px;
    font-size: 100px;
    line-height: 100px;
  }
}
@media (min-width: 1440px) {
  .widget-icon i, .widget-icon img {
    margin-bottom: 48px;
  }
}
.fragment-pictograms-list section.bkg-grey05 .container .row.article-grid,
.fragment-pictograms-list section.bkg-grey90 .container .row.article-grid {
  margin-bottom: 0px;
}
.fragment-pictograms-list .text-article {
  overflow: hidden;
}

@media (min-width: 768px) {
  .fragment-pictograms-list section.bkg-grey05 .container .row.article-grid.no-bb > div:before,
  .fragment-pictograms-list section.bkg-grey90 .container .row.article-grid.no-bb > div:before {
    display: none;
  }
}
.fragment-pictograms-list .article-grid .h4 {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0 !important;
  hyphens: auto;
}

@media (min-width: 375px) {
  .fragment-pictograms-list .article-grid .h4 {
    font-size: calc(24px + 8 * (100vw - 375px) / 1065) !important;
    line-height: calc(32px + 8 * (100vw - 375px) / 1065) !important;
  }
}
@media (min-width: 1440px) {
  .fragment-pictograms-list .article-grid .h4 {
    /*font-size:32px!important;
    line-height:40px!important;*/
  }
}
.fragment-pictograms-list .article-grid .h5 {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0 !important;
}

@media (min-width: 375px) {
  .fragment-pictograms-list .article-grid .h5 {
    font-size: calc(18px + 6 * (100vw - 375px) / 1065) !important;
    line-height: calc(24px + 8 * (100vw - 375px) / 1065) !important;
  }
}
@media (min-width: 1440px) {
  .fragment-pictograms-list .article-grid .h5 {
    font-size: 24px !important;
    line-height: 32px !important;
  }
}
.fragment-pictograms-list .article-grid .h6 {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0 !important;
}

@media (min-width: 375px) {
  .fragment-pictograms-list .article-grid .h6 {
    font-size: calc(16px + 2 * (100vw - 375px) / 1065) !important;
    line-height: calc(22px + 6 * (100vw - 375px) / 1065) !important;
  }
}
@media (min-width: 1440px) {
  .fragment-pictograms-list .article-grid .h6 {
    font-size: 18px !important;
    line-height: 28px !important;
  }
}
/* Article header styles */
.widget-article-header .map-wrapper {
  height: 380px;
  width: 100%;
  z-index: 0;
}
.widget-article-header .text-article ol {
  list-style: decimal;
  padding-left: 27px;
}
.widget-article-header .text-article ol li {
  display: list-item !important;
  padding-left: 0px !important;
}
.widget-article-header .text-article p {
  margin-bottom: 20px;
}
.widget-article-header .text-article .share p {
  margin-bottom: unset;
}
.widget-article-header h1, .widget-article-header .h1, .widget-article-header h2, .widget-article-header .h2, .widget-article-header h3, .widget-article-header .h3, .widget-article-header h4, .widget-article-header .h4, .widget-article-header h5, .widget-article-header .h5, .widget-article-header h6, .widget-article-header .h6, .widget-article-header .h1, .widget-article-header .h2, .widget-article-header .h3, .widget-article-header .h4, .widget-article-header .h5, .widget-article-header .h6 {
  margin-bottom: 5px !important;
}

/* CTA Web styles */
.supsi-cta-web {
  padding-bottom: 20px;
}

#cta-mobile {
  position: relative;
  top: 0px !important;
  float: none;
  z-index: 2;
}

#course-subscription #journal-article-selector, #cta-mobile #journal-article-selector {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 16px;
  color: var(--cta-selector-txt-clr) !important;
  border: 2px solid var(--cta-selector-brd-clr) !important;
  padding: 18px 16px 18px 16px;
  background-color: transparent;
}
#course-subscription ul li button, #cta-mobile ul li button {
  text-align: left;
  background-color: var(--main-bg-clr);
  color: var(--cta-selector-brd-clr) !important;
  border-left: 2px solid var(--cta-selector-brd-clr);
  border-right: 2px solid var(--cta-selector-brd-clr);
  border-bottom: 2px solid var(--cta-selector-brd-clr);
  border-top: unset !important;
  padding: 10px 16px 10px 16px;
}
#course-subscription ul li button:hover, #cta-mobile ul li button:hover {
  background-color: var(--cta-selector-button-hover-bg-clr);
  color: var(--main-text-clr) !important;
}
#course-subscription #journal-article-selector.up, #cta-mobile #journal-article-selector.up {
  border-bottom: unset !important;
}
#course-subscription #journal-article-selector:after, #cta-mobile #journal-article-selector:after {
  content: "\e901";
  font-family: "icomoon" !important;
  display: inline-block;
  font-size: 12px;
}
#course-subscription #journal-article-selector.down:after, #cta-mobile #journal-article-selector.down:after {
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  transform: rotate(90deg) !important;
}
#course-subscription #journal-article-selector.up:after, #cta-mobile #journal-article-selector.up:after {
  -webkit-transform: rotate(270deg) !important;
  -moz-transform: rotate(270deg) !important;
  -o-transform: rotate(270deg) !important;
  -ms-transform: rotate(270deg) !important;
  transform: rotate(270deg) !important;
}
#course-subscription.side-content div, #cta-mobile.side-content div {
  overflow: unset;
}
#course-subscription .side-btn.disabled, #cta-mobile .side-btn.disabled {
  pointer-events: none;
  opacity: 0.65;
  cursor: not-allowed;
}

#course-subscription {
  margin-top: 0px !important;
}
#course-subscription #journal-article-selector {
  margin-top: 0px !important;
}
#course-subscription .course-subscription-content .side-bt {
  margin-top: 32px !important;
}

@media (min-width: 992px) {
  #journal-article-selector {
    margin-top: 32px !important;
  }
}
/* course Overview styles */
.widget-course-overview .cost-additionalinfo {
  margin-top: 20px;
  font-style: italic;
  font-size: 14px;
  color: var(--course-cost-additionalinfo-txt-clr);
}

/* FB Course Modules List (Modulo dei moduli FB) */
.widget-course-fb-modules-list .accordion-wrapper .lfr-layout-structure-item-item-accordion {
  overflow: hidden !important;
}
.widget-course-fb-modules-list .w-33 {
  width: 33.33% !important;
}
.widget-course-fb-modules-list .w-33::after {
  display: none;
}
.widget-course-fb-modules-list .accordion-head h6 {
  font-size: 18px;
  line-height: 24px;
}
.widget-course-fb-modules-list .accordion-content {
  padding-right: 0px !important;
  padding-top: 1px !important;
}
.widget-course-fb-modules-list .course-wrapper {
  padding: 0px !important;
}
.widget-course-fb-modules-list .course-wrapper ul.course-list li h5 {
  font-size: 14px;
  line-height: 20px;
}
.widget-course-fb-modules-list .course-wrapper ul.course-list li ul.info {
  height: 100% !important;
  font-size: 13px !important;
}
.widget-course-fb-modules-list .course-wrapper ul.course-list li ul.info li {
  letter-spacing: 0.005em !important;
  padding: 4px 12px !important;
  height: 100% !important;
  font-size: 13px !important;
}
.widget-course-fb-modules-list .course-wrapper ul.course-list li ul.info li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 8px !important;
  width: 1px !important;
  height: 100% !important;
  background-color: var(--line2-clr) !important;
}
.widget-course-fb-modules-list .single-course-wrapper {
  margin-top: -1px !important;
  padding-right: 12px !important;
  padding-left: 12px !important;
}
.widget-course-fb-modules-list .single-course-wrapper ul.course-list li:before {
  background-color: var(--line2-clr) !important;
}
.widget-course-fb-modules-list .single-course-wrapper ul.course-list li .pb-info-acc {
  padding-bottom: 10px;
}
.widget-course-fb-modules-list .single-course-wrapper ul.course-list li ul.info li::after {
  display: none;
}

@media (min-width: 375px) {
  body.portal-popup .widget-course-fb-modules-list .portlet-body .content-wrapper {
    padding-top: 0rem !important;
  }
  .widget-course-fb-modules-list .accordion-head h6 {
    font-size: calc(18px + 2 * (100vw - 375px) / 1065);
    line-height: calc(24px + 6 * (100vw - 375px) / 1065);
  }
  .widget-course-fb-modules-list .course-wrapper ul.course-list li h5 {
    font-size: calc(14px + 6 * (100vw - 375px) / 1065);
    line-height: calc(20px + 8 * (100vw - 375px) / 1065);
  }
  .widget-course-fb-modules-list .course-wrapper ul.course-list li ul.info {
    font-size: 13px !important;
  }
  .widget-course-fb-modules-list .course-wrapper ul.course-list li ul.info li {
    font-size: 13px !important;
  }
}
@media (min-width: 992px) {
  body.portal-popup .widget-course-fb-modules-list .portlet-body .content-wrapper {
    padding-top: 3rem !important;
  }
  .widget-course-fb-modules-list .course-wrapper ul.course-list li h5 {
    font-size: 16px;
    line-height: 22px;
  }
  .widget-course-fb-modules-list .course-wrapper ul.course-list li ul.info {
    font-size: 16px !important;
  }
  .widget-course-fb-modules-list .course-wrapper ul.course-list li ul.info li {
    font-size: 16px !important;
  }
  .widget-course-fb-modules-list .course-wrapper ul.course-list li ul.info li::before {
    top: 0 !important;
  }
  .widget-course-fb-modules-list .single-course-wrapper ul.course-list li .pb-info-acc {
    padding-bottom: 0px;
  }
}
@media (min-width: 1440px) {
  .widget-course-fb-modules-list .accordion-head h6 {
    font-size: 22px;
    line-height: 32px;
  }
  .widget-course-fb-modules-list .course-wrapper ul.course-list li h5 {
    font-size: 18px;
    line-height: 24px;
  }
  .widget-course-fb-modules-list .course-wrapper ul.course-list li ul.info {
    font-size: 16px !important;
  }
}
/* Course Text Info styles */
.widget-course-text-info .text-article .row div p {
  margin-top: 24px;
}

@media (min-width: 375px) {
  .widget-course-text-info .text-article .row div p {
    margin-top: calc(24px + 4 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  .widget-course-text-info .text-article .row div p {
    margin-top: 28px;
  }
}
/* Collaborator Overview styles */
.widget-collaborator-overview .journal-content-article > section {
  margin-top: 64px;
}

@media (min-width: 375px) {
  .widget-collaborator-overview .journal-content-article > section {
    margin-top: calc(64px + 32 * (100vw - 375px) / 1065);
  }
}
@media (min-width: 1440px) {
  .widget-collaborator-overview .journal-content-article > section {
    margin-top: 96px;
  }
}
/* Layout Categories List styles */
.widget-layout-categories-list section.portlet {
  min-height: auto !important;
}
.widget-layout-categories-list section.portlet ul {
  display: block;
}
.widget-layout-categories-list section.portlet ul li {
  text-overflow: unset !important;
  margin-bottom: 11px;
}
.widget-layout-categories-list section.portlet ul li::after {
  display: none;
}

/* Utils */
/* Generic Utils styles */
.overflow-visible {
  overflow: visible !important;
}

.overflow-unset {
  overflow: unset !important;
}

.text-overflow-auto-resize {
  overflow: auto !important;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.text-overflow-auto-resize::-webkit-scrollbar {
  display: none;
}

.d-after-none::after {
  display: none !important;
}

.d-before-none::before {
  display: none !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.highlight {
  font-weight: bold;
  margin: 0 1px;
  /*background-color: var(--yellow-light);*/
  background-color: rgba(255, 255, 134, 0.3);
}

mark, .mark {
  display: inline;
  position: relative;
  padding: 0.2em;
  line-height: normal;
  white-space: pre-wrap;
  box-decoration-break: clone;
  box-shadow: none;
  /*background-color: var(--yellow-light);*/
  background-color: rgba(255, 255, 134, 0.3);
}

mark::before, .mark::before {
  content: "";
  display: block;
  position: absolute;
  right: 100%;
  top: 0;
  bottom: 0;
  width: 0.25em;
  z-index: -1;
  /*background-color: var(--yellow-light);*/
  background-color: rgba(255, 255, 134, 0.3);
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
@media (prefers-reduced-motion: reduce) {
  .form-control,
  .form-control::file-selector-button,
  .form-control::-webkit-file-upload-button,
  .form-select,
  .form-switch .form-check-input,
  .form-range::-webkit-slider-thumb,
  .form-range::-moz-range-thumb,
  .form-floating > label,
  .btn,
  .fade,
  .collapsing,
  .collapsing.collapse-horizontal,
  .nav-link,
  .navbar-toggler,
  .accordion-button,
  .accordion-button::after,
  .page-link,
  .progress-bar,
  .progress-bar-animated,
  .modal.fade .modal-dialog,
  .carousel-item,
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end,
  .carousel-control-prev,
  .carousel-control-next,
  .carousel-indicators [data-bs-target],
  .spinner-border, .spinner-grow,
  .offcanvas {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
  }
}
.end-0 {
  right: 0 !important;
}

/* Elimina tutti i toast alerts */
#ToastAlertContainer {
  display: none;
}

/* Top Search styles */
/* Search Layer */
.search-layer {
  position: fixed;
  left: 0;
  top: -9999px;
  width: 100%;
  padding: 32px 0;
  z-index: 98;
  background-color: var(--search-top-layer-bg-clr);
  -webkit-transform: translateY(-100%) !important;
  -moz-transform: translateY(-100%) !important;
  -o-transform: translateY(-100%) !important;
  -ms-transform: translateY(-100%) !important;
  transform: translateY(-100%) !important;
  -webkit-transition: transform 0.3s ease-out, margin-top 0.3s ease-out !important;
  -moz-transition: transform 0.3s ease-out, margin-top 0.3s ease-out !important;
  -o-transition: transform 0.3s ease-out, margin-top 0.3s ease-out !important;
  -ms-transition: transform 0.3s ease-out, margin-top 0.3s ease-out !important;
  transition: transform 0.3s ease-out, margin-top 0.3s ease-out !important;
}

.open-search .search-layer {
  top: 64px;
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

@media (min-width: 992px) {
  .search-layer {
    padding: 48px 0;
  }
  .open-search .search-layer {
    top: 128px;
  }
  body.institute.open-search .search-layer {
    top: 88px;
  }
}
.has-control-menu.open-search .search-layer {
  top: 112px;
}

@media (min-width: 992px) {
  body:not(.institute).has-control-menu.open-search .search-layer {
    margin-top: 72px;
  }
  .has-control-menu.institute.open-search .search-layer {
    top: 144px;
  }
}
/* Search Switch Buttons */
.search-switch-buttons {
  text-align: center;
  margin-bottom: 16px;
}
.search-switch-buttons button.btn, .search-switch-buttons button.btn:hover, .search-switch-buttons button.btn:focus, .search-switch-buttons button.btn:focus-within {
  -webkit-border-radius: 32px !important;
  -moz-border-radius: 32px !important;
  -o-border-radius: 32px !important;
  -ms-border-radius: 32px !important;
  border-radius: 32px !important;
  height: 30px;
  padding: 2px 12px 4px;
  font-size: 16px;
  line-height: 24px;
  box-shadow: none !important;
  color: var(--blue-primary);
  background-color: var(--white-primary);
  border: 1px solid var(--blue-primary);
}
.search-switch-buttons button.selected, .search-switch-buttons button.selected:hover, .search-switch-buttons button.selected:focus, .search-switch-buttons button.selected:focus-within {
  color: var(--white-primary);
  background-color: var(--blue-primary);
}
.search-switch-buttons button:first-child {
  margin-right: 16px;
}

/* Search Form */
form.search-form fieldset {
  position: relative;
}
form.search-form fieldset input {
  position: relative;
  width: 100%;
  padding: 15px 55px 15px 17px;
  font-size: 24px;
  line-height: 32px;
  z-index: 1;
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
  color: var(--black-primary);
  border: 1px solid var(--search-top-input-brd-clr);
  background-color: var(--white-primary);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
form.search-form fieldset .main-menu-search {
  justify-content: flex-end;
}
form.search-form fieldset button.btn {
  font-size: 20px !important;
  line-height: 28px;
  padding: 11px 13px;
  margin-top: 10px;
}

@media (min-width: 992px) {
  form.search-form fieldset input {
    padding: 20px 75px 20px 25px;
    font-size: 32px;
    line-height: 38px;
  }
  form.search-form fieldset .main-menu-search {
    justify-content: unset;
  }
  form.search-form fieldset input.inline-btn {
    width: 90% !important;
  }
  form.search-form fieldset button.btn {
    width: 9%;
    margin-left: 1% !important;
    margin-top: 0px;
  }
}
@media (min-width: 1200px) {
  form.search-form fieldset button.btn {
    width: 9%;
    margin-left: 1% !important;
    font-size: 26px !important;
    line-height: 30px;
    padding: 14px 18px;
  }
}
/* Modal styles */
.supsi-site-modal {
  display: block !important;
  background: var(--main-modal-bg-clr) !important;
}

html:not(#__):not(#___) .dialog-iframe-modal.modal.show,
.supsi-modal-body.show {
  display: block;
  position: absolute;
  visibility: visible;
  bottom: 45px;
  right: 45px;
  overflow: hidden;
  margin: 0;
  outline: 0;
  padding: 0;
  max-height: none;
  min-height: 0;
  min-width: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  animation: none;
  background-color: transparent;
  background-image: none;
  border-width: 0;
  box-shadow: none;
  box-sizing: border-box;
  letter-spacing: normal;
  line-height: 1.5;
  text-align: left;
  text-decoration: none;
  text-decoration-color: currentcolor;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  transform: none;
  transition: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  background-color: transparent;
}
html:not(#__):not(#___) .dialog-iframe-modal.modal.show .modal-content,
.supsi-modal-body.show .modal-content {
  background-color: transparent;
}
html:not(#__):not(#___) .dialog-iframe-modal.modal.show .modal-content .modal-header,
.supsi-modal-body.show .modal-content .modal-header {
  background-color: var(--main-modal-header-bg-clr);
  height: 48px;
}
html:not(#__):not(#___) .dialog-iframe-modal.modal.show .modal-content .modal-header .modal-title,
.supsi-modal-body.show .modal-content .modal-header .modal-title {
  color: var(--main-bg-clr);
  text-align: center;
  font-family: var(--font-family-supsi-fedra-sans-demi);
  font-size: 14px;
  font-weight: normal;
}
html:not(#__):not(#___) .dialog-iframe-modal.modal.show .modal-content .modal-header .btn-toolbar-button.close,
.supsi-modal-body.show .modal-content .modal-header .btn-toolbar-button.close {
  color: var(--main-bg-clr);
}
html:not(#__):not(#___) .dialog-iframe-modal.modal.show .modal-content .modal-body,
.supsi-modal-body.show .modal-content .modal-body {
  background-color: var(--main-bg-clr);
}
html:not(#__):not(#___) .dialog-iframe-modal.modal.show .modal-content .modal-footer,
.supsi-modal-body.show .modal-content .modal-footer {
  background-color: var(--main-bg-clr);
}

.portal-modal #wrapper {
  padding-bottom: 50px !important;
}
.portal-modal .lfr-layout-structure-item-breadcrumbs {
  display: none;
}
.portal-modal .image-vetrina {
  overflow: hidden;
}
.portal-modal .lfr-layout-structure-item-apertura-pagina-collaboratore {
  overflow: hidden !important;
}

.backlink-wrapper {
  z-index: 1000000;
  position: relative;
  margin-left: 12px;
  margin-top: 5px;
}
.backlink-wrapper .backlink {
  background: transparent;
  border: 0;
  font-size: 24px;
}

/* Fix Scroll */
.modal-open.mobile-browser .modal-header .btn-toolbar-content svg {
  color: var(--main-bg-clr) !important;
}

.portal-popup.mobile-browser {
  max-height: 100vh !important;
}
.portal-popup.mobile-browser .backlink-wrapper {
  margin-left: 5px !important;
}
.portal-popup.mobile-browser .portlet-layout {
  max-height: 100vh !important;
}
.portal-popup.mobile-browser .portlet-layout > div {
  padding-bottom: 50px !important;
}

.portal-popup:not(.article-preview) #main-content, .portal-popup:not(.article-preview) #wrapper {
  position: relative;
}

/* Accessibility styles */
.skip-to-content {
  position: absolute;
  left: 0;
  top: -8px;
  display: none;
  width: auto;
  padding: 8px 12px;
  opacity: 0;
  background-color: #152a41;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.skip-to-content:focus, .skip-to-content:focus-within {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

body.dark-layout .skip-to-content {
  background-color: #f0f4f8;
}

.institute .skip-to-content {
  left: 50%;
  top: 0;
  background-color: #f0f4f8;
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  -o-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}
.institute .skip-to-content:focus, .institute .skip-to-content:focus-within {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

@media (min-width: 992px) {
  .skip-to-content {
    display: block;
  }
}
/* Edit Mode Fixes */
/* Visibilità degli elementi */
body:not(.user-admin) { /* Gli amministratori possono vedere sempre tutto */
  /* Edit Mode Page - Fragments and Widgets - Fragments */
  /* Visualizza solo gli ultimi 11 gruppi di fragments */
  /* Portlet Configuration Page */
  /* Visualizza solo la prima tab in alto */
  /* Asset Publisher */
}
body:not(.user-admin) .page-editor__sidebar__fragments-widgets-panel__tab-content > div:first-child ul.panel-group-sm {
  /*li:nth-last-child(-n+11) { display:block; } */ /* Variabile dinamica: spostato in templates/includes/styles/styles_vars.ftl */
}
body:not(.user-admin) .page-editor__sidebar__fragments-widgets-panel__tab-content > div:first-child ul.panel-group-sm li:not(.page-editor__fragments-widgets__tab-list-item) {
  display: none;
}
body:not(.user-admin) .portlet-boundary_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_ nav.navbar ul.navbar-nav li {
  display: none !important;
}
body:not(.user-admin) .portlet-boundary_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_ nav.navbar ul.navbar-nav li:first-child {
  display: flex !important;
}
body:not(.user-admin) .portlet-asset-publisher.portlet-boundary_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_ ul.nav-tabs li {
  display: none !important;
}
body:not(.user-admin) .portlet-asset-publisher.portlet-boundary_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_ ul.nav-tabs li:nth-child(-n+2) {
  display: block !important;
}

/* In edit mode nascondi i menu */
body.has-edit-mode-menu #wrapper {
  padding-top: 0px !important;
}
body.has-edit-mode-menu header.header,
body.has-edit-mode-menu .mobile-menu-layer,
body.has-edit-mode-menu .secondary-menu-layer,
body.has-edit-mode-menu .secondary-menu-wrapper {
  display: none;
}

/* Sfondo contenuto edit mode */
.page-editor__layout-viewport {
  border: 1px dotted green;
  background-color: transparent !important;
}

/* Fix interfaccia amministrativa */
.applications-menu-btn::after {
  content: none;
}

.lfr-richtext {
  color: var(--main-text-clr);
}

/* Fix per i moduli con overflow visible */
.has-edit-mode-menu .page-editor__layout-viewport__resizer {
  max-width: 100%;
}

/* Fix float */
.has-edit-mode-menu .no-results-section {
  float: none;
}

.content-2-cols .page-editor__topper {
  float: left;
}
.content-2-cols .page-editor > div {
  width: 100%;
}

/* Fix overflow portlets */
.widget-docuware-list .portlet-body {
  overflow: auto;
}
.widget-docuware-list .portlet-body .text-article {
  float: left;
}

.external-links-list {
  overflow: auto;
}

/* Lang select in configuraiton */
.dropdown-menu .taglib-text-icon {
  width: 170px;
  display: inline-block;
}

/* Colori editor in dark mode */
.ae-listbox .ae-toolbar-element > * {
  color: var(--black-primary);
}

/* In edit mode visualizza sempre aside */
body.has-edit-mode-menu .sidebar-dx-layout aside {
  display: block !important;
}

/* Scroll styles */
/* Wrapper */
body.header-scroll #wrapper {
  padding-top: 0;
}

/* Header */
body.header-scroll .header {
  -webkit-transform: translateY(-100%) !important;
  -moz-transform: translateY(-100%) !important;
  -o-transform: translateY(-100%) !important;
  -ms-transform: translateY(-100%) !important;
  transform: translateY(-100%) !important;
}

body.up-scroll .header {
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

body.open-filter-w.header-scroll.up-scroll .header {
  -webkit-transform: translateY(-100%) !important;
  -moz-transform: translateY(-100%) !important;
  -o-transform: translateY(-100%) !important;
  -ms-transform: translateY(-100%) !important;
  transform: translateY(-100%) !important;
}

body.institute.open-mobile-menu.header-scroll .header {
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

body.institute.open-mobile-menu.header-scroll .header {
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

/* Search */
body.header-scroll.open-search .search-layer {
  -webkit-transform: translateY(-100%) !important;
  -moz-transform: translateY(-100%) !important;
  -o-transform: translateY(-100%) !important;
  -ms-transform: translateY(-100%) !important;
  transform: translateY(-100%) !important;
}

body.header-scroll.open-search.up-scroll .search-layer {
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

body:not(.institute).open-search.up-scroll .search-layer,
body:not(.institute).open-mobile-menu.up-scroll .search-layer {
  margin-top: 0;
}

body:not(.institute).has-control-menu.open-search.up-scroll .search-layer {
  margin-top: -48px;
}

body.institute.header-scroll.open-search .search-layer {
  -webkit-transform: translateY(calc(-100% - 88px)) !important;
  -moz-transform: translateY(calc(-100% - 88px)) !important;
  -o-transform: translateY(calc(-100% - 88px)) !important;
  -ms-transform: translateY(calc(-100% - 88px)) !important;
  transform: translateY(calc(-100% - 88px)) !important;
}

body.institute.header-scroll.open-search.up-scroll .search-layer {
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

@media (min-width: 992px) {
  body:not(.institute).open-mobile-menu.header-scroll .search-layer,
  body:not(.institute).open-search.header-scroll .search-layer {
    margin-top: -128px;
  }
  body:not(.institute).has-control-menu.open-search.up-scroll .search-layer {
    margin-top: 16px;
  }
}
/* Side content/Side menu */
body.up-scroll .side-content {
  top: 168px;
}

body.up-scroll .side-menu-mobile {
  top: 64px;
}

/* Mobile menu */
body:not(.institute).open-search.header-scroll .mobile-menu-layer,
body:not(.institute).open-mobile-menu.header-scroll .mobile-menu-layer {
  margin-top: -64px;
}

body:not(.institute).open-search.up-scroll .mobile-menu-layer,
body:not(.institute).open-mobile-menu.up-scroll .mobile-menu-layer {
  margin-top: 0;
}

body.institute.open-mobile-menu.header-scroll .mobile-menu-layer {
  margin-top: 0;
}

/* Secondary menu */
body.header-scroll .secondary-menu-layer {
  top: 0;
  padding: 16px 6px;
  -webkit-transform: translateY(-100%) !important;
  -moz-transform: translateY(-100%) !important;
  -o-transform: translateY(-100%) !important;
  -ms-transform: translateY(-100%) !important;
  transform: translateY(-100%) !important;
}

body.up-scroll .secondary-menu-layer {
  top: 64px;
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

body.has-control-menu.up-scroll .secondary-menu-layer {
  top: 112px;
}

body.open-filter-w.header-scroll.up-scroll .secondary-menu-layer {
  top: 0;
  -webkit-transform: translateY(-100%) !important;
  -moz-transform: translateY(-100%) !important;
  -o-transform: translateY(-100%) !important;
  -ms-transform: translateY(-100%) !important;
  transform: translateY(-100%) !important;
}

body.header-scroll .secondary-menu-wrapper {
  margin-top: -48px !important;
  -webkit-transform: translateY(-100%) !important;
  -moz-transform: translateY(-100%) !important;
  -o-transform: translateY(-100%) !important;
  -ms-transform: translateY(-100%) !important;
  transform: translateY(-100%) !important;
}

body.has-control-menu.header-scroll .secondary-menu-wrapper {
  margin-top: -64px !important;
}

body.open-filter-w.header-scroll.up-scroll .secondary-menu-layer {
  top: 0;
  -webkit-transform: translateY(-100%) !important;
  -moz-transform: translateY(-100%) !important;
  -o-transform: translateY(-100%) !important;
  -ms-transform: translateY(-100%) !important;
  transform: translateY(-100%) !important;
}

@media (min-width: 992px) {
  body.header-scroll .secondary-menu-layer {
    padding: 24px 6px;
  }
  body.up-scroll .secondary-menu-layer {
    top: 128px;
  }
  body.has-control-menu.up-scroll .secondary-menu-layer {
    top: 184px;
  }
  body.institute.header-scroll:not(.up-scroll) .secondary-menu-layer {
    top: 0;
  }
  body.institute.up-scroll .secondary-menu-layer {
    top: 86px;
  }
  body.institute.up-scroll .secondary-menu-layer .secondary-menu-button-container {
    visibility: visible;
  }
  body.has-control-menu.institute.up-scroll .secondary-menu-layer {
    top: 148px;
  }
  body.institute .secondary-menu-layer {
    top: 74px;
  }
  body.institute.header-scroll:not(.up-scroll) .secondary-menu-layer {
    top: 0;
  }
}
/* Back btn */
body.header-scroll .back-btn {
  right: 15px;
  opacity: 1;
}

@media (min-width: 992px) {
  body.header-scroll .back-btn {
    right: calc(15px + 33 * (100vw - 992px) / 448);
  }
}
@media (min-width: 1440px) {
  body.header-scroll .back-btn {
    right: 48px;
    opacity: 1;
  }
}
/* Tooltip styles */
.tooltip {
  position: absolute;
  z-index: 1080;
  display: block;
  margin: 0;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
  background: none;
}

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

.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: var(--main-text-clr);
}

.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {
  padding: 0 0.4rem;
}

.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: var(--main-text-clr);
}

.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}

.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: var(--main-text-clr);
}

.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
  padding: 0 0.4rem;
}

.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: var(--main-text-clr);
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: var(--main-bg-clr);
  text-align: center;
  background-color: var(--main-text-clr);
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1070;
  display: block;
  max-width: 276px;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: var(--main-bg-clr);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover .popover-arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
}

.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-0.5rem - 1px);
}

.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: var(--main-bg-clr);
}

.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}

.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: var(--main-bg-clr);
}

.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-0.5rem - 1px);
}

.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: var(--main-bg-clr);
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid var(--line4-clr);
}

.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}

.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: var(--main-bg-clr);
}

.popover-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: var(--line4-clr);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 1rem 1rem;
  color: var(--grey-90);
}

/* Richtext stles */
div.lfr-richtext {
  display: block !important;
}
div.lfr-richtext strong {
  font-family: var(--font-family-supsi-fedra-sans-medium);
}

/* Overrides */
/* Boostrap Select Overrides styles */
.bootstrap-select .btn {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
  border: 1px solid var(--form-input-brd-clr);
  background-color: var(--white-primary);
  color: var(--black-primary);
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.bootstrap-select .btn,
.bootstrap-select a.dropdown-item,
.bootstrap-select li.dropdown-header {
  padding: 15px 17px 15px 17px !important;
  font-size: 24px !important;
  line-height: 32px !important;
  font-family: var(--font-family-supsi-fedra-sans-medium);
  font-weight: 700;
}
.bootstrap-select .btn:disabled, .bootstrap-select .btn.disabled {
  opacity: 1;
  background-color: var(--grey-10);
  cursor: not-allowed !important;
}
.bootstrap-select .dropdown-toggle.bs-placeholder,
.bootstrap-select .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select .dropdown-toggle.bs-placeholder:focus-within,
.bootstrap-select .dropdown-toggle.bs-placeholder:active {
  color: var(--grey-40);
}
.bootstrap-select .dropdown-toggle.bs-placeholder:focus, .bootstrap-select .dropdown-toggle.bs-placeholder:focus-within {
  box-shadow: none;
  border: 3px solid var(--blue-primary);
}
.bootstrap-select .dropdown-toggle::after {
  color: var(--black-primary);
}
.bootstrap-select div.dropdown-menu {
  border-color: var(--grey-30);
  border-radius: 0;
}
.bootstrap-select div.dropdown-menu .bs-searchbox input {
  padding: 5px 10px !important;
  font-size: 18px !important;
  color: var(--grey-50) !important;
}
.bootstrap-select div.dropdown-menu .bs-searchbox input:focus, .bootstrap-select div.dropdown-menu .bs-searchbox input:focus-within {
  box-shadow: none;
  border: 1px solid var(--blue-primary);
}
.bootstrap-select div.dropdown-menu li.dropdown-header {
  color: var(--grey-40);
}
.bootstrap-select div.dropdown-menu a.dropdown-item {
  color: var(--black-primary);
  white-space: normal;
}
.bootstrap-select div.dropdown-menu li.disabled a.dropdown-item {
  color: var(--grey-40);
}
.bootstrap-select div.dropdown-menu a.placeholder-option {
  color: var(--grey-40);
}
.bootstrap-select div.dropdown-menu a.option-label {
  color: var(--grey-40);
}
.bootstrap-select div.dropdown-menu a.dropdown-item:hover, .bootstrap-select div.dropdown-menu a.dropdown-item:focus, .bootstrap-select div.dropdown-menu a.dropdown-item:focus-within {
  color: var(--black-primary);
  background-color: var(--grey-5);
}
.bootstrap-select div.dropdown-menu a.dropdown-item.active, .bootstrap-select div.dropdown-menu a.dropdown-item:active {
  background-color: var(--blue-primary);
  color: var(--white-primary);
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}

.bootstrap-select.disabled {
  cursor: no-drop;
}

@media (min-width: 992px) {
  .bootstrap-select .btn,
  .bootstrap-select a.dropdown-item,
  .bootstrap-select li.dropdown-header {
    padding: 20px 25px 20px 25px !important;
    font-size: 32px !important;
    line-height: 38px !important;
  }
  .bootstrap-select div.dropdown-menu .bs-searchbox input {
    padding: 10px 15px !important;
    font-size: 24px !important;
  }
}
/* Small size (for configurations) */
.bootstrap-select .btn.selectlist-small {
  width: 100% !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  height: auto !important;
  padding: 0 !important;
  margin-top: -5px !important;
}
.bootstrap-select .btn.selectlist-small .filter-option {
  max-width: 100% !important;
}
.bootstrap-select .dropdown-toggle.selectlist-small::after {
  position: absolute !important;
  right: 10px !important;
  top: 8px !important;
}
.bootstrap-select .dropdown-toggle.selectlist-small.selectlist-generated::after {
  /*@include supsi-transform(rotate(180deg));*/
}

.bootstrap-select.dropdown.selectlist-small a.dropdown-item {
  width: 100% !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  height: auto !important;
  padding-bottom: 7px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 7px !important;
}
.bootstrap-select.dropdown.selectlist-small div.dropdown-menu .bs-searchbox input {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
}
.bootstrap-select.dropdown.selectlist-small div.dropdown-menu a.dropdown-item {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  height: auto !important;
  padding-bottom: 7px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 7px !important;
}
.bootstrap-select.dropdown.selectlist-small ul.dropdown-menu {
  overflow: hidden;
  margin-bottom: 5px !important;
}

/* CkEditor Overrides styles */
/* <p> and <a> inside editor fields */
.lfr-richtext p {
  font-size: inherit !important;
  line-height: inherit !important;
  font-family: inherit !important;
}

.lfr-richtext a {
  font-size: inherit !important;
  line-height: inherit !important;
  font-family: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
}

/*# sourceMappingURL=main.css.map */
/*# sourceMappingURL=main.css.map */