@charset "UTF-8";
/* 
USE EXISTING MIXINS for genereal stuff like browse vendor perfixes and media queries!

http://bourbon.io/docs/    A simple and lightweight mixin library for Sass
http://getbootstrap.com/css/   Media queries, hide, show, float, screen reader, keyboard nav., clearfix, ...
Liferay Mixins, ex. see /_custom_classic_theme.scss
*/
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);
  or object-fit and object-position:
  @include object-fit(cover, top);
*/
/* Serif Font Family */
/* Sans Serif Font Family */
/* stylelint-disable-next-line */
.loadingmask-message {
  background: transparent;
  border-width: 0;
  display: block;
  height: 1em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: left;
  width: 1em; }
  .loadingmask-message .loadingmask-message-content {
    animation: loading-animation 1.2s infinite ease-out;
    background: transparent;
    border-radius: 50%;
    border-width: 0;
    clear: both;
    color: transparent;
    height: 1em;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    transform: translateZ(0);
    width: 1em; }

.logo {
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }

/* ---------- Main content body ---------- */
.portal-iframe #main-content {
  width: 100%; }

/* ---------- Separator ---------- */
.separator {
  border-top: 0.0625rem solid #CDCED9; }

/* ---------- Status ---------- */
.entry-status {
  border-left: 0.25rem solid transparent; }

span.alert {
  display: inline-block; }

/* ---------- Update manager ---------- */
.update-available {
  margin-top: 0.625rem;
  padding: 0.125rem;
  text-align: left; }

.quick-access-nav {
  position: absolute;
  top: -62.5rem;
  width: 100%;
  z-index: 1000; }
  .quick-access-nav a {
    background: #333;
    background: rgba(51, 51, 51, 0.9);
    border: 1px solid #FFF;
    left: 0;
    outline: none;
    padding: 0.5rem;
    position: absolute;
    right: 0;
    text-align: center; }
    .quick-access-nav a:focus {
      color: #FFF;
      top: 62.5rem; }

@media only screen and (max-width: 1279px) {
  .responsive-table-horizontal {
    display: block;
    position: relative;
    width: 100%; }
    .responsive-table-horizontal:after {
      clear: both;
      content: '';
      display: block;
      font-size: 0;
      height: 0;
      visibility: hidden; }
    .responsive-table-horizontal tbody {
      display: block;
      overflow-x: auto;
      position: relative;
      white-space: nowrap;
      width: auto; }
      .responsive-table-horizontal tbody tr {
        display: inline-block;
        vertical-align: top; }
        .responsive-table-horizontal tbody tr td {
          display: block;
          margin-bottom: 1.25rem; }
          .responsive-table-horizontal tbody tr td:first-child {
            text-align: left; }
    .responsive-table-horizontal thead {
      display: block;
      float: left;
      margin-right: 0.625rem; }
      .responsive-table-horizontal thead:after {
        clear: both;
        content: "";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden; }
      .responsive-table-horizontal thead th {
        display: block;
        margin-bottom: 1.25rem;
        text-align: right; }
        .responsive-table-horizontal thead th:first-child {
          text-align: right; }
  .ie9 .responsive-table-horizontal thead {
    float: none; } }

.important {
  font-weight: bold; }

.highlight {
  background: #FFC;
  font-weight: bold;
  margin: 0 0.0625rem; }

.hide-accessible {
  clip: rect(0 0 0 0) !important;
  position: absolute !important;
  /*Webkit and IE7 let clipped content change the scroll height of the page*/
  /*Scale webkit to 0*/
  -webkit-transform: scale(0);
  -webkit-transform-origin-x: 0;
  -webkit-transform-origin-y: 0;
  /*Change IE7 to using fixed*/
  *position: fixed !important;
  /*...And reset back to absolute for IE6*/
  _position: absolute !important; }

.force-offset {
  display: block !important;
  position: absolute !important;
  visibility: hidden !important; }

.unselectable, .unselectable * {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup, .cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup:hover {
  background: transparent; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button:hover {
  background: transparent; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:after {
  border-color: #A6A6A6;
  font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; }

.lfr-asset-category-container .no-matches {
  color: #999; }

.lfr-asset-category-search-container {
  background-color: #D3DADD;
  border-bottom-color: #AEB8BC; }

.lfr-asset-category-list a.selected {
  background-color: #EEE; }

.lfr-categories-selector-search-results-path {
  color: #575757;
  font-size: 0.9em;
  text-align: right;
  width: 25%; }

.lfr-asset-column-actions-content {
  background-color: #D7F1FF; }

.lfr-asset-column-actions .lfr-asset-column-actions-content {
  border-color: #88C5D9; }

.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;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word; }

.lfr-asset-column-details .lfr-asset-icon {
  border-right-color: #999;
  color: #999; }

.lfr-asset-column-details .lfr-asset-tags {
  color: #7D7D7D; }
  .lfr-asset-column-details .lfr-asset-tags .tag {
    color: #555; }

.lfr-asset-panels .lfr-panel.lfr-extended, .lfr-asset-column-details .lfr-panel.lfr-extended {
  border-color: #CCC; }

.lfr-form-row {
  border-bottom-color: #CCC; }

.lfr-form-row:hover {
  border-bottom-color: #CCC; }

.lfr-form-row .handle-sort-vertical {
  background: url(../images/application/handle_sort_vertical.png) no-repeat 0 50%; }

.lfr-edit-layout-panel .taglib-form-navigator .button-holder {
  background-color: #FFF; }

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

.definition-of-terms dt {
  color: #333;
  font-weight: normal;
  width: 100%;
  word-break: break-word; }
  @media only screen and (min-width: 768px) {
    .definition-of-terms dt {
      width: auto; } }

.lfr-code {
  background: #FFF;
  border-color: #777;
  font-family: monospace; }
  .lfr-code tr td.line-numbers {
    background: #FAFAFA; }
    .lfr-code tr td.line-numbers:before {
      color: #AAA;
      text-shadow: 0.0625rem 0.0625rem #FFF; }

.popup-alert-notice .countdown-timer {
  font-size: 1.1em;
  font-weight: bold; }

.lfr-token {
  background-color: #B3DAEF;
  border-color: #5FA8FF;
  color: #444;
  text-decoration: none; }
  .lfr-token:hover {
    background-color: #D1E5EF; }

.lfr-token-primary {
  font-weight: bold; }
  .lfr-token-primary, .lfr-token-primary:hover {
    background-color: #B3DAEF; }

.lfr-token-close:hover {
  text-decoration: none; }

.lfr-button {
  background: no-repeat 0 50%; }

.lfr-table > tbody > tr > th, .lfr-table > thead > tr > th, .lfr-table > tfoot > tr > th {
  font-weight: bold; }

.lfr-checkbox-preselected {
  opacity: 0.5; }

.lfr-header-row {
  border-bottom-color: #7B7B7B; }
  .lfr-header-row .lfr-search-combobox {
    border-color: #5F5F5F; }

.openid-login input[type="text"] {
  background: url(../images/common/openid.gif) no-repeat;
  background-color: #FFF;
  background-position: 0 50%;
  color: #000; }

.page-extra-settings .lfr-panel-titlebar .lfr-panel-title {
  font-size: 1em; }

.lfr-pagination .lfr-pagination-controls li .lfr-pagination-link {
  color: #333;
  font-weight: normal; }

.lfr-panel.lfr-extended, .lfr-panel-container, .lfr-floating-container {
  border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE; }

.lfr-panel-container, .lfr-floating-container {
  background: #FFF; }

.lfr-panel-titlebar .lfr-panel-title {
  font-size: 1.2em;
  font-weight: bold; }

.lfr-panel-titlebar .lfr-panel-button {
  background: url(../images/application/panel_header_toggler_close.png) no-repeat 0 0; }
  .lfr-panel-titlebar .lfr-panel-button:hover {
    background-position: 0 100%; }

.lfr-panel.lfr-collapsible .lfr-panel-titlebar {
  background: url(../images/arrows/05_down.png) no-repeat 0.125rem 50%; }

.lfr-panel.lfr-collapsed .lfr-panel-titlebar {
  background-image: url(../images/arrows/05_right.png); }
  .lfr-panel.lfr-collapsed .lfr-panel-titlebar .lfr-panel-button {
    background-image: url(../images/application/panel_header_toggler_open.png); }

.lfr-panel.lfr-extended .lfr-panel-titlebar {
  background: #D6D6D6 url(../images/application/panel_header.png) repeat-x 0 0;
  border-bottom-color: #CDCDCD; }

.lfr-panel-container .lfr-extended.lfr-collapsible .lfr-panel-titlebar {
  border-top-color: #CECECE; }

.js .lfr-floating-trigger {
  background-image: url(../images/arrows/05_down.png);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  text-decoration: none; }

.lfr-panel-page .panel-page-content {
  border-left-color: #CCC; }

.lfr-panel-page .lfr-add-content h2 {
  border-color: #CCC; }
  .lfr-panel-page .lfr-add-content h2 span {
    background: #EFEFEF; }

.lfr-panel-page .lfr-add-content .lfr-content-category h2 {
  border-bottom-color: #CCC; }
  .lfr-panel-page .lfr-add-content .lfr-content-category h2 span {
    background: none; }

.lfr-panel-content .paginator-container {
  background: #CFD2D5;
  border-bottom-color: #DCDEE0;
  border-top-color: #DCDEE0; }

.lfr-panel-content .paginator-page-container .paginator-page-link {
  background: none;
  border-color: #CFD2D5; }
  .lfr-panel-content .paginator-page-container .paginator-page-link.paginator-current-page {
    background: #99A7B3 url(../images/application/current_page_hover_bg.png) repeat-x 0 0;
    border-color: #6B7785 #7C8994 #919FA9;
    color: #FFF;
    font-weight: bold; }
    .lfr-panel-content .paginator-page-container .paginator-page-link.paginator-current-page:hover {
      background: #5094D7 url(../images/application/current_page_bg.png) repeat-x 0 0;
      border-color: #31659C #396EA8 #4C8CCB; }

#portlet-set-properties fieldset fieldset legend {
  font-size: 1.1em; }

.lfr-preview-file-content {
  border-bottom-color: #6D6D6E; }

.lfr-preview-file-image-current-column, .lfr-preview-file-video-current-column {
  background: url(../images/common/checkerboard.png); }

.lfr-preview-file-toolbar {
  background: #333;
  opacity: 0.5; }
  .lfr-preview-file-toolbar .icon-arrow-1-l {
    background: url(../images/document_library/preview_left.png) no-repeat 0 50%; }
  .lfr-preview-file-toolbar .icon-arrow-1-r {
    background: url(../images/document_library/preview_right.png) no-repeat 0 50%; }
  .lfr-preview-file-toolbar .icon-zoomin {
    background: url(../images/document_library/preview_zoom.png) no-repeat 0 50%; }

.lfr-preview-file-image-current-column:hover .lfr-preview-file-toolbar {
  opacity: 1; }

.lfr-preview-file-info {
  background: #333;
  color: #FFF;
  opacity: 0.5; }
  .lfr-preview-file-info:hover {
    opacity: 1; }

.lfr-preview-file-index {
  font-weight: bold; }

.lfr-preview-file-image-current {
  background: url(../images/aui/loading_indicator.gif) no-repeat 50% 50%; }

.lfr-preview-file-image img {
  background: url(../images/aui/loading_indicator.gif) no-repeat 50% 50%;
  border-color: #AEB8BC; }

.lfr-preview-file-image-selected img, .lfr-preview-file-image:hover img {
  border-color: #00A2EA; }

.lfr-preview-file-loading-indicator {
  background: #333;
  color: #FFF; }

.lfr-preview-file-image-overlay-content {
  background: url(../images/common/checkerboard.png);
  border-color: #555; }

.firefox .lfr-preview-video-content div.video-node {
  height: 100%; }

textarea.lfr-editor-textarea {
  font-family: monospace; }

.lfr-rich-editor.ace_editor {
  border-color: #A1A2A4; }

.lfr-plain-editor textarea, .lfr-rich-editor.ace_editor {
  font-family: 'Monaco', 'Menlo', 'Droid Sans Mono', 'Courier New', monospace;
  font-size: 0.75rem; }

.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: .1875rem;
    font-size: .875rem;
    height: 2rem;
    line-height: 1.5;
    min-height: auto;
    padding: .25rem .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-bottom: 0;
        padding-right: 0;
        padding-top: 0; }
    .sidebar-sm .form-control[type=file] {
      padding: 0; }
  .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: .285rem .75rem; }
  .sidebar-sm .btn {
    border-radius: .1875rem;
    font-size: .875rem;
    line-height: 1.15;
    padding: .4375rem .75rem; }
    .sidebar-sm .btn.close {
      padding: .4375rem; }
  .sidebar-sm .btn-monospaced, .sidebar-sm .btn-monospaced.btn-sm {
    height: 2rem;
    padding: 0.1875rem 0;
    width: 2rem; }
  .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; }

.lfr-spa-loading-bar {
  background: #2FA4F5; }

.lfr-tag-selector-popup label {
  border-bottom-color: #EEE; }

.lfr-tag-selector-popup .no-matches {
  color: #999; }

.lfr-toolbar {
  background-color: #E5E4E8; }
  .lfr-toolbar .lfr-button:focus {
    border-color: #000; }
  .lfr-toolbar .lfr-button:hover {
    border-color: #CCC #777 #777; }
  .lfr-toolbar .lfr-separator {
    border-left-color: #FFF;
    border-right-color: #CCC;
    font-size: 0.75rem; }

.lfr-toolbar .lfr-button, .lfr-emoticon-container .lfr-button {
  border-color: #E5E4E8; }

.lfr-emoticon-container {
  background: #E5E4E8;
  border-color: #CCC; }

.lfr-translation-manager .lfr-translation-manager-available-translations .lfr-translation-manager-available-translations-links {
  line-height: 1; }

.lfr-translation-manager .lfr-translation-manager-translation {
  text-decoration: none; }
  .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-tree a {
  text-decoration: none; }

.tree-drag-helper {
  z-index: 1035; }

.lfr-upload-container .upload-target {
  border-color: #DDD; }
  .lfr-upload-container .upload-target h4 span {
    text-transform: lowercase; }
  .lfr-upload-container .upload-target .drop-file-text {
    font-weight: normal; }

.lfr-upload-container a.browse-button {
  background-image: url(../images/common/add.png);
  background-repeat: no-repeat;
  color: white;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none; }

.lfr-upload-container a.clear-uploads {
  background-image: url(../images/common/remove.png);
  background-repeat: no-repeat; }

.lfr-upload-container a.cancel-uploads {
  background-image: url(../images/common/close.png);
  background-repeat: no-repeat; }

.lfr-upload-container .upload-list-info h4 {
  font-size: 1.3em; }

.lfr-upload-container .cancel-button {
  color: #869CAD; }

.lfr-upload-container .delete-button {
  color: #869CAD; }

.lfr-upload-container .file-added .success-message {
  font-weight: normal; }

.lfr-upload-container .upload-error {
  opacity: 1; }

.lfr-upload-container .multiple-files .upload-error {
  background: #FDD url(../images/messages/error.png) no-repeat 0.3125rem 0.3125rem;
  border-color: #900;
  color: #900;
  font-weight: normal; }

.lfr-upload-container .upload-complete .error-message, .lfr-upload-container .upload-complete .success-message {
  font-weight: bold; }

.lfr-upload-container .file-uploading {
  background-color: #FFC; }

.lfr-upload-container .progress-bar {
  background: #FFF;
  margin-top: 1.5625rem;
  text-align: left;
  width: 100%; }

.lfr-upload-container .progress {
  background: #8DB2E3; }

.upload-drop-active .lfr-upload-container .upload-target {
  background-color: #DDEDDE;
  border-color: #7D7;
  border-style: dashed; }

.app-view-entry:hover .entry-thumbnail {
  border-color: #7ABFDD; }

.app-view-entry.selected .entry-thumbnail {
  border-color: #057CB0; }

.app-view-entry.selected .entry-metadata dt, .app-view-entry.selected .entry-metadata dd, .app-view-entry.selected .entry-metadata .entry-categories, .app-view-entry.selected .entry-metadata .entry-tags, .app-view-entry.selected .entry-metadata .entry-description {
  color: #F0F0F0; }

.app-view-entry .entry-title {
  font-weight: bold; }

.app-view-entry .entry-link {
  text-decoration: none; }

.app-view-entry .entry-metadata dt, .app-view-entry .entry-metadata dd, .app-view-entry .entry-metadata .entry-categories, .app-view-entry .entry-metadata .entry-tags, .app-view-entry .entry-metadata .entry-description {
  color: #333;
  word-wrap: break-word; }

.app-view-entry .entry-metadata .entry-categories .taglib-asset-categories-summary {
  font-weight: bold; }
  .app-view-entry .entry-metadata .entry-categories .taglib-asset-categories-summary .asset-category {
    font-weight: normal; }

.app-view-entry.selected, .app-view-entry.selected:hover {
  background-color: #00A2EA; }

.app-view-entry.selected a, .app-view-entry.selected a:focus, .app-view-entry.selected a:hover {
  color: #FFF; }

.app-view-entry.selected a .lfr-icon-menu-arrow {
  color: #333; }

.app-view-entry.active-area, .app-view-entry.active-area.hover, .app-view-entry.active-area td {
  background-color: #5AD300; }

.app-view-entry:hover, .app-view-entry.hover {
  background-color: #D3E8F1; }

.app-view-entry a.entry-link:hover {
  text-decoration: none; }
  .app-view-entry a.entry-link:hover .entry-metadata .entry-title .entry-title-text {
    text-decoration: underline; }

.app-view-entry-taglib.entry-display-style.display-icon .entry-title {
  font-weight: normal; }

.app-view-search-entry-taglib .entry-discussion a, .app-view-search-entry-taglib .entry-attachment a {
  text-decoration: none; }

.app-view-search-entry-taglib .entry-discussion:hover, .app-view-search-entry-taglib .entry-attachment:hover {
  background-color: #D3E8F1; }

.app-view-search-entry-taglib .entry-folder {
  color: #999; }

.app-view-search-entry-taglib .entry-link .entry-thumbnail-image {
  color: #000;
  text-decoration: none; }

.app-view-search-entry-taglib.alt {
  background-color: #EDF0F3; }

.app-view-search-entry-taglib.search {
  background-color: #FFF; }
  .app-view-search-entry-taglib.search.alt {
    background-color: #E2E5E8; }

.app-view-taglib .display-style .icon {
  background-image: url(../images/application/layouts.png);
  background-repeat: no-repeat; }

.app-view-taglib .icon-display-descriptive {
  background-position: -2rem 0; }

.app-view-taglib .icon-display-icon {
  background-position: -1rem 0; }

.app-view-taglib .icon-display-list {
  background-position: 0 0; }

.app-view-taglib .state-active .icon-display-descriptive {
  background-position: -2rem 100%; }

.app-view-taglib .state-active .icon-display-icon {
  background-position: -1rem 100%; }

@media only screen and (max-width: 1023px) {
  .navbar .nav-display-style-buttons .display-style-buttons > .dropdown > .dropdown-menu {
    background-color: transparent;
    box-shadow: none; } }

.navbar .nav-display-style-buttons .display-style-buttons-container .dropdown-toggle .caret {
  border-bottom-color: #333;
  border-top-color: #333; }

.taglib-asset-metadata .metadata-entry-label {
  font-weight: normal; }

.taglib-asset-metadata .metadata-author {
  font-weight: bold; }

.taglib-asset-metadata .metadata-entry {
  color: #999; }

.taglib-asset-metadata .metadata-author .asset-user-info .user-info {
  color: #009AE5;
  font-size: 0.875rem;
  line-height: 0.875rem; }

.taglib-asset-metadata .metadata-author .asset-user-info .date-info {
  color: #8C8C8C;
  font-size: 0.8125rem; }

.taglib-calendar table {
  border-color: #999; }

.taglib-calendar tr th, .taglib-calendar tr td {
  border-bottom-color: #999; }

.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
  border-color: #999; }

.taglib-calendar a:hover, .taglib-calendar a:focus {
  background-color: #CCC; }

.taglib-calendar .calendar-inactive {
  color: #999; }

.taglib-calendar .has-events a span {
  background: url(../images/calendar/event_indicator.png) no-repeat 50% 95%; }

.taglib-calendar .has-events.calendar-current-day a span {
  background-image: url(../images/calendar/event_indicator_current.png); }

.taglib-diff-addedline, #taglib-diff-results ins {
  background: #E6FFE6; }

.taglib-diff-context {
  background: #EEE; }

.taglib-diff-deletedline, #taglib-diff-results del {
  background: #FFE6E6; }

.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 {
  opacity: 0.55; }

.taglib-diff-html span.diff-html-added {
  background-color: #CFC;
  font-size: 1em; }
  .taglib-diff-html span.diff-html-added img {
    border-color: #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-color: #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-color: #FDC6C6; }

.diff-version-comparator .taglib-diff-html .diff-html-changed {
  background-image: none;
  border-bottom-color: #009AE5; }
  .diff-version-comparator .taglib-diff-html .diff-html-changed img {
    border-color: #009AE5; }

.diff-version-comparator .diff-target-selector {
  border-left-color: #E5E5E5; }

.diff-version-comparator .diff-version-filter {
  background-color: #F9F9F9; }

.taglib-discussion .lfr-discussion .lfr-discussion-form-edit .alloy-editor-placeholder {
  border-left-color: #DBDDE1; }

@media only screen and (min-width: 768px) {
  .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: 3.125rem; }

.taglib-discussion .lfr-discussion-actions li a, .taglib-discussion .lfr-discussion-actions li a span {
  text-decoration: none; }

.taglib-discussion .lfr-discussion-actions li a:hover span, .taglib-discussion .lfr-discussion-actions li a:focus span {
  text-decoration: underline; }

.taglib-discussion .lfr-discussion-form-container .lfr-discussion-form {
  background: #DDD;
  border-radius: 0.25rem; }
  .taglib-discussion .lfr-discussion-form-container .lfr-discussion-form .taglib-user-display .user-profile-image .avatar {
    background-size: 2.5rem; }

.lfr-discussion-reply.popover .lfr-discussion-reply-user-name {
  font-weight: bold; }

.drop-zone.drop-enabled:not(.no-border) {
  outline-color: rgba(176, 180, 187, 0.5); }

.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-icons span:nth-of-type(2) {
  background: #00C2FF;
  color: #FFF; }

.drop-here-info .drop-text {
  color: #FFF; }

.drop-active .drop-here-info {
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100; }

.lfr-ddm-field-group {
  margin-bottom: 1.25rem; }

.lfr-ddm-field-group-inline {
  display: inline-block;
  vertical-align: bottom; }

.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  background: transparent; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active {
    background: transparent;
    opacity: 1; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label:hover, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label:focus {
      background: transparent; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .message {
      color: #000;
      opacity: 0.7; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .number {
      background: #333;
      font-size: 1.125rem;
      opacity: 1; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .tab-icon {
      color: #333; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label {
    background: transparent;
    outline: 0; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus {
      text-decoration: 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 {
        opacity: 1; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
      background: #CCC;
      color: #FFF;
      font-size: 0.875rem;
      font-weight: bold;
      opacity: 0.6;
      text-decoration: none; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .message {
      color: #000;
      font-size: 0.75rem; }

.taglib-header {
  border-bottom-color: #C8C9CA;
  color: #555; }
  .taglib-header .header-back-to a {
    font-weight: bold;
    text-decoration: none; }

a.taglib-icon, a.taglib-icon:focus, a.taglib-icon:hover {
  text-decoration: none; }

a.taglib-icon:focus .taglib-text, a.taglib-icon:hover .taglib-text {
  text-decoration: underline; }

a.taglib-icon.btn:focus .taglib-text, a.taglib-icon.btn:hover .taglib-text {
  text-decoration: none; }

.taglib-icon[lang] > img {
  vertical-align: baseline;
  width: 1rem; }

.taglib-icon-label {
  margin-left: 0.75rem; }

.taglib-image-selector .change-image-controls {
  background: #FFF; }

.taglib-image-selector .glyphicon-ok {
  background: #FFF;
  opacity: 0;
  z-index: -1; }

.taglib-image-selector .progress-wrapper .progressbar {
  background: #B0B4BB;
  opacity: 0.7; }

.taglib-image-selector.check-active .glyphicon-ok {
  opacity: 1;
  z-index: 0; }

.taglib-image-selector.drop-active {
  outline-width: 0; }
  .taglib-image-selector.drop-active .browse-image-controls {
    opacity: 0; }
  .taglib-image-selector.drop-active .glyphicon-ok {
    opacity: 0; }
  .taglib-image-selector.drop-active .image-wrapper {
    opacity: 0.15; }
  .taglib-image-selector.drop-active .error-wrapper {
    opacity: 0; }

.taglib-image-selector.progress-active .image-wrapper {
  opacity: 0.15; }

.taglib-image-selector.progress-active .browse-image-controls {
  opacity: 0; }

.taglib-image-selector.progress-active .drop-here-info {
  opacity: 0; }

.taglib-image-selector.progress-active .glyphicon-ok {
  opacity: 0; }

.input-localized .palette-item-inner .lfr-input-localized-flag {
  font-size: 1rem;
  opacity: 0.5; }

.input-localized.input-localized-focused .palette-item-inner .lfr-input-localized-flag {
  opacity: 1; }

.input-localized .palette-item-inner {
  border-color: #666; }

.input-localized .palette-item, .input-localized .palette-item-inner, .input-localized .palette-item-hover, .input-localized .palette-item-hover .palette-item-inner {
  border-color: transparent; }

.input-localized .lfr-input-localized .lfr-input-localized-state {
  background: #DDD; }
  .input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
    background: #FF0047; }

.input-localized .palette-item-selected .lfr-input-localized-state {
  background: #27C1F2; }

.taglib-move-boxes .choice-selector label {
  background: #EBF1F9;
  border-bottom-color: #8DB2F3; }

.taglib-move-boxes .sortable-container .move-option {
  background-color: transparent; }
  .taglib-move-boxes .sortable-container .move-option.move-option-dragging {
    background-color: #FAFAFA; }
  .taglib-move-boxes .sortable-container .move-option .handle {
    color: #999; }

.lfr-tree-display-page .tree-node .tree-node-over .tree-label {
  text-decoration: none; }

.lfr-tree-display-page .tree-label {
  cursor: default; }
  .lfr-tree-display-page .tree-label a {
    color: black; }
  .lfr-tree-display-page .tree-label .layout-page-invalid {
    color: #AAA;
    font-style: italic; }
    .lfr-tree-display-page .tree-label .layout-page-invalid:hover {
      cursor: default;
      text-decoration: none; }

.lfr-tree-radio.lfr-tree-root-node-hidden .lfr-root-node + .tree-container {
  margin-left: 0; }

.lfr-map {
  border-color: #CCC; }
  .lfr-map .search-controls {
    font-size: 0.9375rem; }

.navbar .navbar-search {
  background-color: #F3F3F3; }
  @media only screen and (min-width: 768px) {
    .navbar .navbar-search {
      background-color: transparent; } }

.taglib-portlet-preview.show-borders {
  border-color: #828F95; }
  .taglib-portlet-preview.show-borders .title {
    background-color: #D3DADD;
    font-size: 1.4em;
    font-weight: bold; }

.lfr-search-container-wrapper a {
  color: #272833; }

.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle {
  color: #6B6C7E; }
  .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: 0.25rem;
    color: #272833; }

.lfr-search-container-wrapper .list-group {
  margin-bottom: 0; }
  .lfr-search-container-wrapper .list-group .list-group-item:nth-last-child(2) {
    border-bottom-right-radius: 0;
    border-bottom-left-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 .list-group .list-group-item .checkbox {
    margin-top: 0; }
  .lfr-search-container-wrapper .list-group + .taglib-search-iterator-page-iterator-bottom {
    margin-top: 1.25rem; }

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

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

.lfr-asset-type-column, .lfr-author-column, .lfr-city-column, .lfr-country-column, .lfr-email-address-column, .lfr-job-title-column, .lfr-region-column, .lfr-removed-by-column, .lfr-replier-column, .lfr-scope-column, .lfr-screen-name-column, .lfr-type-column, .lfr-user-column, .lfr-users-column {
  word-break: break-all \9;
  word-wrap: break-word; }
  @media only screen and (min-width: 768px) {
    .lfr-asset-type-column, .lfr-author-column, .lfr-city-column, .lfr-country-column, .lfr-email-address-column, .lfr-job-title-column, .lfr-region-column, .lfr-removed-by-column, .lfr-replier-column, .lfr-scope-column, .lfr-screen-name-column, .lfr-type-column, .lfr-user-column, .lfr-users-column {
      max-width: 7.8125rem;
      min-width: 6.25rem; } }

.lfr-completion-date-column, .lfr-create-date-column, .lfr-date-column, .lfr-display-date-column, .lfr-expiration-date-column, .lfr-last-post-date-column, .lfr-modified-date-column, .lfr-removed-date-column, .lfr-reply-date-column, .lfr-revision-column, .lfr-size-column {
  white-space: nowrap; }

.lfr-description-column, .lfr-role-column {
  max-width: 23.4375rem;
  min-width: 23.4375rem; }

.lfr-email-address-column, .lfr-name-column, .lfr-parent-organization-column, .lfr-screen-name-column, .lfr-title-column, .lfr-url-column, .lfr-wiki-column {
  max-width: 12.5rem;
  min-width: 12.5rem; }

.lfr-email-column, .lfr-mobile-column, .lfr-website-column {
  min-width: 6.25rem; }
  @media only screen and (min-width: 768px) {
    .lfr-email-column, .lfr-mobile-column, .lfr-website-column {
      min-width: 7.1875rem; } }
  .lfr-email-column .checkbox-container .form-group, .lfr-mobile-column .checkbox-container .form-group, .lfr-website-column .checkbox-container .form-group {
    margin-bottom: 0; }

.user-info .user-details .date-info {
  color: #8C8C8C; }

.user-info .user-details .user-name {
  color: #009AE5; }

.lfr-search-iterator-fixed-header {
  position: absolute;
  width: 100%;
  z-index: 1020; }

.lfr-search-iterator-fixed-header-table {
  position: relative; }

.taglib-search-toggle .toggle-advanced {
  color: inherit; }
  .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-color: #DDD; }
  .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .btn.close {
    margin-right: 0.3125rem; }
  .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: 0.8125rem; }

.taglib-social-activities .day-separator {
  border-bottom-color: #CCC; }

.taglib-social-bookmarks a.social-bookmark-link {
  background-repeat: no-repeat; }

.taglib-user-display a .user-name {
  text-decoration: underline; }

.taglib-user-display .avatar {
  background: no-repeat center;
  background-size: 3.75rem; }
  .taglib-user-display .avatar.author:after {
    background: rgba(50, 168, 230, 0.5); }

.taglib-user-display .user-name {
  font-size: 1.1em;
  font-weight: bold; }

.js .taglib-webdav.visible {
  background: #F0F5F7; }

.js .taglib-webdav table {
  border-color: #828F95; }

.taglib-workflow-status .workflow-id, .taglib-workflow-status .workflow-version, .taglib-workflow-status .workflow-status {
  color: #999; }

/* ---------- Cards ---------- */
/* ---------- Cards horizontal ---------- */
/* ---------- Dialogs ---------- */
/* ---------- Splitter ---------- */
/* ---------- Toggle card ---------- */
/* ---------- File icons colors ---------- */
/* ---------- File icons text colors ---------- */
/* ---------- User icons background colors ---------- */
/* ---------- User icons border color ---------- */
/* ---------- User icons colors ---------- */
.aspect-ratio.aspect-ratio-8-to-3 {
  padding-bottom: 37.5%; }

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

.liferay-autocomplete-input-mirror {
  left: -624.9375rem;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: -624.9375rem;
  visibility: hidden;
  white-space: pre-wrap;
  word-wrap: break-word; }

.card-tab-group .card-tab:nth-child(n+2) {
  border-left: 0.25rem solid #65B6F0;
  padding-left: 1.25rem; }
  .card-tab-group .card-tab:nth-child(n+2) .card-tab {
    border-left: 0.25rem solid #93ccf5;
    padding-left: 1.25rem; }
    .card-tab-group .card-tab:nth-child(n+2) .card-tab .card-tab {
      border-left-color: #c2e2f9; }
      .card-tab-group .card-tab:nth-child(n+2) .card-tab .card-tab .card-tab {
        border-left-width: 0;
        padding-left: 0; }

.hsv-palette .hsv-view-container .hsv-label-value-hex .hsv-value {
  width: 5.9375rem; }

.hsv-palette .hsv-view-container .hsv-value {
  width: 3.5rem; }

.yui3-color-picker-popover .palette-container {
  border-collapse: separate; }

.dialog-iframe-popup .hsv-palette-modal.modal-dialog {
  bottom: 0 !important;
  left: 0 !important;
  margin: 0;
  max-width: none;
  right: 0 !important;
  top: 0 !important;
  width: 100%; }
  @media (min-width: 768px) {
    .dialog-iframe-popup .hsv-palette-modal.modal-dialog {
      bottom: auto !important;
      height: 100%;
      left: 50% !important;
      max-height: 23.4375rem;
      max-width: 40.625rem;
      right: auto !important;
      top: 50% !important;
      transform: translate(-50%, -50%); } }
  .dialog-iframe-popup .hsv-palette-modal.modal-dialog > .hsv-palette-modal-content {
    bottom: 0;
    left: 0;
    overflow: visible;
    position: absolute;
    right: 0;
    top: 0; }
    @media (max-width: 767.98px) {
      .dialog-iframe-popup .hsv-palette-modal.modal-dialog > .hsv-palette-modal-content {
        border-radius: 0;
        border-width: 0; } }
  @media (max-width: 767.98px) {
    .dialog-iframe-popup .hsv-palette-modal.modal-dialog .modal-body {
      padding: 1rem; } }
  .dialog-iframe-popup .hsv-palette-modal.modal-dialog .hsv-default-size.hsv-container {
    width: 100%; }
  .dialog-iframe-popup .hsv-palette-modal.modal-dialog .hsv-image-container {
    margin: 0; }

.dialog-bd {
  min-height: 1.875rem; }

.dialog-content {
  border: 1px solid #C8C9CA;
  padding: 0.3125rem; }

.dialog-iframe-popup .sheet > .lfr-nav {
  margin-top: -1.5rem; }

.dialog-iframe-popup .contacts-portlet .portlet-configuration-container .form {
  position: static; }

.dialog-iframe-popup .lfr-form-content {
  padding: 0.9375rem; }

.dialog-iframe-popup .portlet-body,
.dialog-iframe-popup .portlet-boundary,
.dialog-iframe-popup .portlet-column,
.dialog-iframe-popup .portlet-layout {
  height: 100%; }

.dialog-iframe-popup .portlet-column {
  position: static; }

.dialog-iframe-popup .dialog-body > .container-fluid-1280, .dialog-iframe-popup .dialog-body .container-view,
.dialog-iframe-popup .export-dialog-tree > .container-fluid-1280,
.dialog-iframe-popup .export-dialog-tree .container-view,
.dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280,
.dialog-iframe-popup .lfr-dynamic-uploader .container-view,
.dialog-iframe-popup .lfr-form-content > .container-fluid-1280,
.dialog-iframe-popup .lfr-form-content .container-view,
.dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280,
.dialog-iframe-popup .portlet-configuration-body-content .container-view,
.dialog-iframe-popup .process-list > .container-fluid-1280,
.dialog-iframe-popup .process-list .container-view,
.dialog-iframe-popup .roles-selector-body > .container-fluid-1280,
.dialog-iframe-popup .roles-selector-body .container-view {
  padding-top: 20px; }
  .dialog-iframe-popup .dialog-body > .container-fluid-1280 > .nav-tabs-default, .dialog-iframe-popup .dialog-body > .container-fluid-1280 .nav-tabs-underline, .dialog-iframe-popup .dialog-body .container-view > .nav-tabs-default, .dialog-iframe-popup .dialog-body .container-view .nav-tabs-underline,
  .dialog-iframe-popup .export-dialog-tree > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .export-dialog-tree > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .export-dialog-tree .container-view > .nav-tabs-default,
  .dialog-iframe-popup .export-dialog-tree .container-view .nav-tabs-underline,
  .dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .lfr-dynamic-uploader .container-view > .nav-tabs-default,
  .dialog-iframe-popup .lfr-dynamic-uploader .container-view .nav-tabs-underline,
  .dialog-iframe-popup .lfr-form-content > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .lfr-form-content > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .lfr-form-content .container-view > .nav-tabs-default,
  .dialog-iframe-popup .lfr-form-content .container-view .nav-tabs-underline,
  .dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .portlet-configuration-body-content .container-view > .nav-tabs-default,
  .dialog-iframe-popup .portlet-configuration-body-content .container-view .nav-tabs-underline,
  .dialog-iframe-popup .process-list > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .process-list > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .process-list .container-view > .nav-tabs-default,
  .dialog-iframe-popup .process-list .container-view .nav-tabs-underline,
  .dialog-iframe-popup .roles-selector-body > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .roles-selector-body > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .roles-selector-body .container-view > .nav-tabs-default,
  .dialog-iframe-popup .roles-selector-body .container-view .nav-tabs-underline {
    margin-left: -11px;
    margin-right: -11px;
    margin-top: -20px; }

.dialog-iframe-popup .dialog-body > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .export-dialog-tree > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .lfr-dynamic-uploader > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .lfr-form-content > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .portlet-configuration-body-content > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .process-list > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .roles-selector-body > .lfr-nav + .container-fluid-1280 {
  padding-top: 0; }

.dialog-iframe-popup .login-container {
  padding: 1.5rem; }

.dialog-iframe-popup .management-bar-default,
.dialog-iframe-popup .navbar-default {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
  border-top-width: 0;
  margin-bottom: 0; }

.dialog-iframe-popup .navbar ~ .portlet-configuration-setup,
.dialog-iframe-popup .portlet-export-import-container {
  height: calc(100% - 3rem);
  position: relative; }
  @media only screen and (min-width: 768px) {
    .dialog-iframe-popup .navbar ~ .portlet-configuration-setup,
    .dialog-iframe-popup .portlet-export-import-container {
      height: calc(100% - 3rem); } }

.dialog-iframe-popup .navigation-bar > .container-fluid {
  margin-left: 24px;
  margin-right: 24px;
  padding: 0; }

.dialog-iframe-popup .panel-group .panel {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0; }

.dialog-iframe-popup .panel-group .panel + .panel {
  border-top-width: 0;
  margin-top: 0; }

.dialog-iframe-popup .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.dialog-iframe-popup .portlet-configuration-setup .lfr-nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 0.1875rem;
  padding-right: 0.1875rem; }
  @media only screen and (min-width: 768px) {
    .dialog-iframe-popup .portlet-configuration-setup .lfr-nav {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }

.dialog-iframe-popup .lfr-dynamic-uploader,
.dialog-iframe-popup .process-list {
  bottom: 0;
  display: block;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 3rem;
  -webkit-overflow-scrolling: touch; }
  @media only screen and (min-width: 768px) {
    .dialog-iframe-popup .lfr-dynamic-uploader,
    .dialog-iframe-popup .process-list {
      top: 3rem; } }

.dialog-iframe-popup .portlet-export-import-publish-processes {
  top: 0; }

@media only screen and (min-width: 992px) {
  .dialog-with-footer #main-content, .dialog-with-footer #wrapper {
    height: calc(100% - 3.75rem); } }

.dialog-with-footer .button-holder.dialog-footer, .dialog-with-footer .sheet-footer.dialog-footer {
  background-color: #fff;
  border-top: 0.0625rem solid #E7E7ED;
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  left: 0;
  margin: 0;
  padding: 0.625rem 1.5rem;
  width: 100%; }
  @media only screen and (min-width: 992px) {
    .dialog-with-footer .button-holder.dialog-footer, .dialog-with-footer .sheet-footer.dialog-footer {
      position: fixed; } }
  .dialog-with-footer .button-holder.dialog-footer .btn, .dialog-with-footer .sheet-footer.dialog-footer .btn {
    margin-left: 1rem;
    margin-right: 0; }

@media only screen and (min-width: 992px) {
  .dialog-with-footer .dialog-body,
  .dialog-with-footer .lfr-dynamic-uploader,
  .dialog-with-footer .lfr-form-content,
  .dialog-with-footer .portlet-configuration-body-content,
  .dialog-with-footer .roles-selector-body {
    padding-bottom: 3.75rem; } }

.dialog-with-footer .lfr-dynamic-uploader.hide-dialog-footer {
  bottom: 0; }
  .dialog-with-footer .lfr-dynamic-uploader.hide-dialog-footer + .dialog-footer {
    display: none; }

.dialog-with-footer .portlet-configuration-edit-permissions .portlet-configuration-body-content {
  display: flex;
  flex-direction: column;
  overflow: visible; }
  .dialog-with-footer .portlet-configuration-edit-permissions .portlet-configuration-body-content > form {
    flex-grow: 1;
    max-width: none;
    overflow: auto; }
  .dialog-with-footer .portlet-configuration-edit-permissions .portlet-configuration-body-content .table-responsive, .dialog-with-footer .portlet-configuration-edit-permissions .portlet-configuration-body-content .table-responsive-lg {
    overflow: visible; }

.dialog-with-footer .portlet-configuration-edit-templates .portlet-configuration-body-content {
  bottom: 0; }

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

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

.active-area {
  background: #FFC; }

.portlet-boundary.yui3-dd-dragging {
  opacity: 0.6; }
  .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: 12.5rem;
    width: 18.75rem; }
    .proxy.generic-portlet .portlet-title {
      padding: 0.625rem; }
  .proxy.not-intersecting .forbidden-action {
    background: url(../images/application/forbidden_action.png) no-repeat;
    display: block;
    height: 2rem;
    position: absolute;
    right: -0.9375rem;
    top: -0.9375rem;
    width: 2rem; }

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

.sortable-proxy {
  background: #727C81;
  margin-top: 0.0625rem; }

.sortable-layout-drag-target-indicator {
  margin: 0.125rem 0; }

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

.lfr-editable {
  outline: 0.0625rem dashed #68BB30;
  outline-offset: 0.125rem;
  position: relative; }
  .lfr-editable:after {
    background: #68BB30 url(../images/common/edit_white.png) no-repeat 50%;
    content: '';
    display: block;
    height: 1.25rem;
    position: absolute;
    right: 0.3125rem;
    top: 0.3125rem;
    width: 1.875rem; }
  .lfr-editable:focus:after {
    display: none; }
  .lfr-editable:focus:hover {
    background-color: transparent; }
  .lfr-editable:hover {
    background-color: rgba(255, 255, 255, 0.3);
    outline-color: #519226; }
    .lfr-editable:hover:after {
      background-color: #519226; }

.lfr-editable-notice-close {
  margin-left: 1em; }

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

.alloy-editor-container .alloy-editor {
  outline: 0; }
  .alloy-editor-container .alloy-editor.alloy-editor-placeholder {
    color: #2B4259; }
    .alloy-editor-container .alloy-editor.alloy-editor-placeholder.ae-placeholder:not(:focus) {
      border-left-color: #DBDDE1;
      color: #B0B4BB; }
    .alloy-editor-container .alloy-editor.alloy-editor-placeholder.readonly {
      color: #CCC; }

.alloy-editor-container .alloy-editor-icon {
  color: #869CAD; }

.has-error .alloy-editor-container .alloy-editor.alloy-editor-placeholder.ae-placeholder:not(:focus) {
  border-left-color: #CC6677; }

.cke_dialog .cke_dialog_ui_input_text {
  height: auto; }

.cke_editable_inline a {
  cursor: pointer; }

.cke_panel.cke_combopanel {
  width: 13.75rem; }

.cke_panel_block .cke_panel_grouptitle {
  font-size: 1.25rem;
  line-height: 1.25rem;
  margin-top: 0; }

.cke_panel_block .cke_panel_list {
  margin-left: 0; }
  .cke_panel_block .cke_panel_list .cke_panel_listItem {
    line-height: initial; }
    .cke_panel_block .cke_panel_list .cke_panel_listItem a:hover {
      text-decoration: none; }

/* ---------- CKEditor table ---------- */
.cke_show_border {
  width: 31.25rem; }
  .cke_show_border td {
    height: 0.9375rem; }

/* ---------- CKEditor image resizer ---------- */
.cke_widget_image .cke_image_resizer {
  bottom: -0.9375rem;
  height: 0.3125rem;
  outline-color: transparent;
  padding: 0.3125rem;
  right: -0.9375rem;
  width: 0.3125rem; }

.html-editor.portlet {
  background: #FFF;
  color: #000;
  line-height: 1;
  padding: 1em;
  text-align: start; }

.html-editor.portlet-message-boards {
  -ms-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
  word-wrap: break-word; }
  .html-editor.portlet-message-boards blockquote {
    background: #EEF0F2 url(../images/message_boards/quoteleft.png) no-repeat 0.3125rem 0.3125rem;
    border: 1px solid #777;
    padding: 0.3125rem 2.8125rem; }
    .html-editor.portlet-message-boards blockquote:after {
      background: url(../images/message_boards/quoteright.png) no-repeat 50%;
      content: '';
      display: block;
      float: right;
      height: 1.5rem;
      margin-right: -2.1875rem;
      margin-top: -1.5625rem;
      width: 1.9375rem;
      z-index: 999; }
    .html-editor.portlet-message-boards blockquote cite {
      display: block;
      font-weight: bold; }
  .html-editor.portlet-message-boards pre {
    background: #F9F9F9;
    border: 1px solid #777;
    padding: 0.5em; }

.lfr-source-editor {
  border-color: #CCC; }
  .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: "\f0d7"; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
          content: "\f0dA"; }
      .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 0.0625rem #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 .lfr-fullscreen-source-editor-content .panel-splitter {
  border-color: #CCC; }

.mce-content-body {
  text-align: start; }

.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 .image-viewer-base {
  outline: none; }

.lfr-item-viewer .item-preview:hover {
  cursor: pointer; }

.lfr-item-viewer .aspect-ratio a.item-preview {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.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 .progress-container {
  background-color: #FFF; }

.lfr-item-viewer.uploading > div:not(.progress-container) {
  opacity: 0.3; }

.image-viewer-caption {
  color: #777; }

.image-viewer-footer-control, .image-viewer-footer-control:focus, .image-viewer-footer-control:hover {
  color: #777; }

@media only screen and (min-width: 768px) {
  .image-viewer-sidenav-menu {
    background-color: transparent;
    border-left-width: 0; } }

.image-viewer-sidenav dd {
  color: #8B8B8B;
  margin-bottom: 1rem; }
  @media only screen and (min-width: 768px) {
    .image-viewer-sidenav dd {
      color: #777; } }

.image-viewer-sidenav .h5 {
  color: #869CAD;
  margin-bottom: 0.1875rem; }
  @media only screen and (min-width: 768px) {
    .image-viewer-sidenav .h5 {
      color: #FFF; } }

.image-viewer-sidenav .nav-tabs-default > li {
  padding-left: 1.25rem; }
  .image-viewer-sidenav .nav-tabs-default > li:first-child {
    padding-left: 0; }

.image-viewer-sidenav .nav-tabs-default > li:first-child > a {
  padding-left: 0; }

.image-viewer-sidenav .nav-tabs-default > li > a {
  border-color: transparent;
  color: #777;
  padding-left: 0;
  padding-right: 0; }

.image-viewer-sidenav .nav-tabs-default > .active > a, .image-viewer-sidenav .nav-tabs-default > .active > a:focus, .image-viewer-sidenav .nav-tabs-default > .active > a:hover {
  border-color: transparent;
  color: #777; }
  @media only screen and (min-width: 768px) {
    .image-viewer-sidenav .nav-tabs-default > .active > a, .image-viewer-sidenav .nav-tabs-default > .active > a:focus, .image-viewer-sidenav .nav-tabs-default > .active > a:hover {
      color: #FFF; } }

.image-viewer-sidenav .nav-tabs-default > .active > a:after {
  background-color: #65B6F0;
  bottom: -0.625rem;
  content: '';
  display: block;
  height: 0.125rem;
  left: 0;
  position: absolute;
  right: 0; }

.image-viewer-sidenav-body {
  padding-top: 0; }

.lfr-item-viewer .lfr-item-viewer-close {
  color: #FFF;
  opacity: 1; }
  .lfr-item-viewer .lfr-item-viewer-close, .lfr-item-viewer .lfr-item-viewer-close:focus, .lfr-item-viewer .lfr-item-viewer-close:hover {
    color: #FFF; }
  .lfr-item-viewer .lfr-item-viewer-close .icon-monospaced {
    color: #777; }

.lfr-item-viewer-icon-info {
  color: #FFF; }

.nav.list-group li > a:focus, .nav.list-group li > a:hover {
  background-color: #E5F5FC;
  color: #009AE5; }

.nav.list-group > .active {
  border-width: 0.0625rem 0 0 0; }
  .nav.list-group > .active > a, .nav.list-group > .active > a:focus, .nav.list-group > .active > a:hover {
    background-color: #60BFEF;
    border: 1px solid #60BFEF;
    color: #FFF; }

.nav.list-group .list-group-item {
  padding: 0; }
  .nav.list-group .list-group-item.nav-header {
    background-color: #F3F3F3;
    padding-left: 0.625rem;
    padding-right: 0.625rem; }

.lfr-page-templates li a {
  padding: 0; }
  .lfr-page-templates li a label {
    cursor: pointer;
    display: block;
    padding: 0.3125rem 0 0.3125rem 0.3125rem; }

.menu {
  position: absolute;
  width: auto; }
  .menu .notice-message {
    background-image: none;
    margin: 0.1875rem;
    padding: 0.375rem; }

.menu-content {
  background: #FFF;
  list-style: none;
  min-width: 9.375rem; }
  .menu-content li {
    margin: 0;
    padding: 0; }
    .menu-content li .disabled {
      color: #999; }

.menu-content {
  background: #CCC9C9 url(../images/application/menu_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #AEAFB1 #777879 #777879 #AEAFB1;
  padding: 0.125rem 0; }

.menugroup-content .menu-label {
  background: #D2D6DE;
  color: #5B677D;
  display: block;
  padding: 0.3125rem 0.1875rem;
  text-shadow: 0.0625rem 0.0625rem #FFF; }

.menugroup-content ul {
  display: block;
  min-width: 0; }

.menu-content li {
  border-bottom: 0.0625rem solid #BCBBBB;
  border-top: 0.0625rem solid #EEE;
  display: block;
  margin: 0;
  padding: 0; }
  .menu-content li.first {
    border-top-width: 0; }
  .menu-content li.last {
    border-bottom-width: 0; }

.menu-content li a, .menu-content li .disabled {
  color: #2C2F34;
  display: block;
  padding: 0.25rem 0.3125rem;
  text-decoration: none; }

.menu-content li a.focus, .lfr-menu-expanded li a:focus {
  background-color: #5B677D;
  color: #FFF;
  text-shadow: -0.0625rem -0.0625rem #2C2F34; }

.app-view-drop-active {
  background-color: #00A2EA;
  font-weight: bold; }
  .category-portlets .app-view-drop-active {
    background-color: #00A2EA;
    color: #FFF; }

.basecelleditor [class~="form-validator-message"] {
  clip: rect(auto auto auto auto);
  width: auto; }

.document-library-file-entry-cell-editor-hidden {
  display: none; }

.previous-level {
  display: inline-block;
  font-size: 1.3125rem;
  line-height: 1.3125rem;
  margin-right: 0.3125rem;
  text-decoration: none;
  vertical-align: middle; }

.has-control-menu .lfr-asset-anchor {
  height: 4.625rem;
  margin-top: -4.625rem; }

.lfr-asset-anchor {
  display: block;
  height: 0.625rem;
  margin-top: -0.625rem;
  position: relative;
  z-index: -1; }

.lfr-url-error {
  display: inline-block;
  white-space: normal;
  overflow-wrap: break-all;
  word-wrap: break-all;
  word-break: 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.card,
    .lfr-page-layouts input[type="radio"]:checked + .card-horizontal .card {
      background-color: #F7F8F9;
      cursor: default; }
    .lfr-page-layouts input[type="radio"]:checked + .card-horizontal::after {
      background-color: #0B5FFF;
      bottom: 0;
      content: "";
      height: 0.25rem;
      left: 0;
      position: absolute;
      right: 0;
      transition: height 0.15s ease-in-out; }
  .lfr-page-layouts .card-horizontal.card,
  .lfr-page-layouts .card-horizontal .card {
    border-width: 0.0625rem;
    box-shadow: none;
    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; }
    .lfr-page-layouts .card-horizontal.card:hover,
    .lfr-page-layouts .card-horizontal .card:hover {
      background-color: #F7F8F9;
      text-decoration: none; }
    .lfr-page-layouts .card-horizontal.card:focus,
    .lfr-page-layouts .card-horizontal .card:focus {
      background-color: #F7F8F9;
      box-shadow: 0 0 0 2px #FFF, 0 0 0 4px #719AFF; }
    .lfr-page-layouts .card-horizontal.card:active, .lfr-page-layouts .card-horizontal.card.active,
    .lfr-page-layouts .card-horizontal .card:active,
    .lfr-page-layouts .card-horizontal .card.active {
      background-color: #F1F2F5; }
  .lfr-page-layouts .card-horizontal::after {
    border-radius: 0 0 0 0;
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
    transition: height 0.15s ease-in-out; }
  .lfr-page-layouts .card-horizontal:hover::after, .lfr-page-layouts .card-horizontal.hover::after {
    background-color: #0B5FFF;
    height: 0.25rem; }
  .lfr-page-layouts .card-horizontal:focus::after, .lfr-page-layouts .card-horizontal.focus::after {
    background-color: #0B5FFF;
    height: 0.25rem; }
  .lfr-page-layouts .card-horizontal:active::after, .lfr-page-layouts .card-horizontal.active::after {
    background-color: #0B5FFF;
    height: 0.25rem; }

.dialog-iframe-popup:not(.article-preview) #main-content, .dialog-iframe-popup:not(.article-preview) #wrapper {
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch; }

.modal {
  display: block;
  margin: 0;
  overflow: hidden;
  position: fixed; }

.modal-body {
  overflow: auto; }
  .modal-body.dialog-iframe-bd {
    overflow: hidden;
    padding: 0; }

@media only screen and (min-width: 768px) {
  .modal-dialog {
    max-width: none; } }

.modal-dialog.modal-dialog-sm {
  max-width: 31.25rem; }

.modal-hidden {
  display: none; }

.modal-open .modal {
  overflow: hidden; }

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

.dragging .portlet-column.customizable {
  background-color: #CFFCCF;
  outline: 0.1875rem solid #5EAF3D; }

.customizable-layout-column-content {
  background-color: #C92C3C; }
  .customizable-layout-column-content.yui3-widget-content-expanded {
    margin: 0 0.9375rem; }

.layout-customizable-controls {
  background-color: rgba(201, 44, 60, 0.8); }

.customizable .customizable-layout-column-content {
  background-color: #5EAF3D; }

.customizable .layout-customizable-controls {
  background-color: rgba(94, 175, 61, 0.8); }

.layout-customizable-controls-container {
  margin: 0 0.9375rem;
  position: relative; }

.layout-customizable-controls {
  font-size: 1.5em;
  padding: 0.25rem 1rem;
  position: absolute;
  width: 100%;
  z-index: 15; }
  .layout-customizable-controls label {
    color: #FFF; }

.paginator-link {
  background: #EEE no-repeat scroll 50% 0.0625rem;
  border: 1px solid #F0F1F2;
  border-color: #F0F1F2 #B2B2B2 #949494 #F0F1F1;
  color: #1F1E1E;
  display: inline-block;
  height: 1.25rem;
  padding: 0;
  text-indent: -624.9375rem;
  width: 1.25rem; }

.paginator-page-link {
  height: auto;
  text-indent: 0; }

.paginator-current-page {
  background: #0083BD url(../images/application/paginator_link_current_bg.png) 0 0 repeat-x;
  border-color: #38B6EF #006D9E #006D9E #46B4E6;
  color: #FFF;
  text-shadow: -0.0625rem -0.0625rem #003C57; }

.paginator-first-link {
  background-image: url(../images/arrows/paging_first.png); }

.paginator-prev-link {
  background-image: url(../images/arrows/paging_previous.png); }

.paginator-last-link {
  background-image: url(../images/arrows/paging_last.png); }

.paginator-next-link {
  background-image: url(../images/arrows/paging_next.png); }

.paginator-current-page-report, .paginator-total {
  color: #555;
  font-size: 0.9em; }

.paginator-current-page-report {
  margin-left: 2em; }

.taglib-page-iterator .search-pages .page-links {
  padding: 0; }

.info-panel .panel-group {
  margin-left: -1rem;
  margin-right: -1rem; }

.lfr-panel-container {
  background: #FFF; }

.lfr-panel-content {
  padding: 0.3125rem 0.625rem; }

.lfr-panel-basic .lfr-panel-content {
  padding-left: 0.9375rem; }

.panel-hd {
  background: #C0C2C5 url(../images/application/panel_header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #C8C9CA #AEB2B8 #AEB2B8 #C8C9CA;
  padding-left: 0.625rem;
  text-shadow: 0.0625rem 0.0625rem #FFF; }

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

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

@media only screen and (min-width: 768px) {
  .sheet .display-style-icon .lfr-asset-item {
    width: 25%; } }

.splitter {
  border-radius: 0 0 0 0;
  color: #6B6C7E;
  padding: 0.625rem 0.9375rem;
  position: relative;
  z-index: 1; }
  .splitter.splitter-spaced {
    border-radius: 0;
    margin-bottom: 1.25rem; }

.table > tbody > tr.splitter {
  height: auto; }
  .table > tbody > tr.splitter > td {
    padding: 0; }

.lfr-nav.nav-tabs {
  margin-bottom: 1.25rem; }

.tab-active strong {
  font-weight: normal; }

.tab-back {
  float: right; }

.tab-back-content {
  border-width: 0;
  padding: 0.0625rem; }

.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em 1em;
  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 {
  line-height: 2.5em; }
  .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; }

.tagselector-content {
  border-width: 0;
  padding: 0; }
  .tagselector-content .textboxlistentry-holder {
    border-bottom: 0.125rem solid #869CAD;
    margin-bottom: 0.625rem;
    padding: 0; }

.categoriesselector-content .textboxlistentry-holder {
  background-color: transparent;
  border-width: 0;
  padding: 0; }

.lfr-portal-tooltip {
  display: inline-block; }
  .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; }

.tooltip {
  max-width: 12.5rem; }

.tree-node .icon-check {
  padding-right: 0.125rem; }
  .tree-node .icon-check:before {
    content: "\f096"; }

.tree-node .tree-node-checked .icon-check {
  padding-right: 0; }
  .tree-node .tree-node-checked .icon-check:before {
    content: "\f046"; }

.tree-node [class^="icon-"] {
  margin-right: 0.3125rem; }

.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: 0.625rem;
  padding-right: 0.375rem; }

.tree-node-content .tree-label {
  margin-left: 0.1875rem; }

.tree-node-content .tree-node-hidden-hitarea {
  visibility: hidden; }

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

.underlay {
  clear: both;
  top: 100%; }
  .underlay .yui3-widget-hd {
    height: 2.375rem; }

.underlay-hidden {
  display: none; }

.underlay-content {
  background: #F4F3F3 url(../images/common/message_panel_shadow.png) repeat-x 0 0;
  border: 0 solid #AEAFB1;
  border-width: 0 0.0625rem 0.0625rem; }

.underlay-close {
  position: absolute;
  right: 0.3125rem;
  top: 0.3125rem; }

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

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

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

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

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

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

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

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

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

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

/* ---------- Column widths ---------- */
.portlet-column-content.empty {
  padding: 3.125rem; }

/* ---------- Wrapper ---------- */
#wrapper {
  padding-bottom: 0;
  padding-top: 2em;
  position: relative; }

.modify-pages li {
  position: relative; }
  .modify-pages li.lfr-nav-hover .delete-tab {
    opacity: 1; }

.modify-pages .delete-tab {
  color: #444;
  cursor: pointer;
  display: block;
  font-size: 1.25rem;
  font-weight: bold;
  height: 1rem;
  line-height: 0.375rem;
  margin-top: -0.5rem;
  opacity: 0;
  overflow: hidden;
  padding: 0.1875rem 0;
  position: absolute;
  right: 0.0625rem;
  text-shadow: 0 0.0625rem #FFF;
  top: 50%; }
  .modify-pages .delete-tab:hover {
    color: #B50303; }

.modify-pages .drag-handle {
  cursor: move;
  left: 0.1875rem;
  margin-left: 0.9375rem;
  position: absolute;
  top: 0.9375rem; }

.controls-hidden .modify-pages .drag-handle {
  display: none; }

@media only screen and (min-width: 992px) {
  .touch .modify-pages .drag-handle {
    display: none; } }

.nav li .toolbar {
  margin-top: 0.3125rem; }

.navbar-nav .nav-item.hover:after {
  bottom: -0.3125rem;
  content: '';
  height: 0.3125rem;
  position: absolute;
  width: 100%; }

.navigation-pane .body-row {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .navigation-pane .body-row ul li a .icon {
    float: left;
    margin-right: 0.3125rem; }

.navigation-pane .lfr-component {
  margin-left: 0; }

.navigation-pane .navigation-entry {
  position: relative; }
  .navigation-pane .navigation-entry.folder.error {
    display: block;
    padding: 0.375rem 0.5rem; }
  .navigation-pane .navigation-entry .browse-folder, .navigation-pane .navigation-entry .nav-item-label {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle; }
  .navigation-pane .navigation-entry .nav-item-icon {
    vertical-align: middle; }
  .navigation-pane .navigation-entry .overlay.entry-action {
    bottom: 0;
    display: block;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0; }
    .navigation-pane .navigation-entry .overlay.entry-action .btn {
      border-width: 0;
      margin: 0;
      padding: 0.6875rem 0.875rem; }
      @media only screen and (min-width: 992px) {
        .navigation-pane .navigation-entry .overlay.entry-action .btn {
          padding: 0.6875rem; } }

.nav-menu ul {
  padding-left: 0.625rem; }

.nav-menu li a.ancestor {
  font-weight: bold; }

.nav-menu li a.selected {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

.nav-menu-style-arrows ul {
  list-style-image: url(../images/arrows/04_right.png); }

.portlet-navigation .nav-pills > li > a {
  margin-bottom: 0.125rem; }

.portlet-navigation .nav-pills > li > .dropdown-menu {
  margin-top: 0; }

.split-button-dropdowns {
  list-style: none;
  margin: 0;
  padding: 0; }
  .split-button-dropdowns > li {
    display: inline-block;
    padding-left: 0.125rem;
    padding-right: 0.125rem; }

.form-options {
  border: 1px solid #AAA;
  display: inline-block;
  vertical-align: middle; }
  .form-options input {
    border-width: 0;
    display: inline;
    float: left; }

.form-triggers {
  float: left; }

.form-trigger {
  background: #C4C4C4 url(../images/application/button_bg.png) repeat-x 0 0;
  border-left: 0.0625rem solid #BBB;
  display: inline-block;
  float: left; }
  .form-trigger img {
    background: no-repeat 50% 40%;
    height: 1.5625rem;
    padding: 0 0.1875rem;
    vertical-align: middle;
    width: 1rem; }
  .form-trigger:focus, .form-trigger:hover {
    background-color: #83B0CA;
    background-image: url(../images/application/button_bg_over.png); }

.trigger-selected {
  background-color: #EBEBEB;
  background-image: url(../images/application/button_bg_selected.png); }
  .trigger-selected:focus, .trigger-selected:hover {
    background-color: #B7DEF4;
    background-image: url(../images/application/button_bg_selected_over.png); }

.options-trigger img {
  background-image: url(../images/common/configuration.png); }

.save-trigger img {
  background-image: url(../images/common/check.png); }

/* ---------- Portlet topper ---------- */
/* ---------- Portlet decorator ---------- */
/* ---------- Portlet header ---------- */
body.portlet {
  border-width: 0; }

.portlet-icon-back {
  margin-top: -0.125rem; }

.portlet-topper {
  position: relative; }
  .portlet-topper .portlet-topper-toolbar .portlet-icon-back {
    background: url(../images/arrows/12_left.png) no-repeat 0 50%;
    padding: 0.3125rem 0.3125rem 0.3125rem 1.125rem; }
  .portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
    display: none; }

.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-content .portlet-title-text, .panel-page-body .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; }

.portlet-draggable .portlet-topper {
  cursor: move; }

@media only screen and (min-width: 768px) {
  .portlet .visible-interaction {
    display: none; } }

.portlet:hover .visible-interaction, .portlet.open .visible-interaction {
  display: block; }

@media only screen and (max-width: 1023px) {
  .controls-hidden .portlet .visible-interaction {
    display: none; } }

.lfr-status-alert-label, .lfr-status-error-label, .lfr-status-info-label, .lfr-status-progress-label, .lfr-status-success-label {
  background: none no-repeat 0 50%;
  padding: 0.1875rem 0.1875rem 0.1875rem 1.25rem; }

.lfr-status-alert-label {
  background-image: url(../images/messages/alert.png);
  color: #663; }

.lfr-status-error-label {
  background-image: url(../images/messages/error.png);
  color: #900; }

.lfr-status-help-label, .lfr-status-info-label, .lfr-status-progress-label {
  background-image: url(../images/messages/info.png);
  color: #34404F; }

.lfr-status-help-label {
  background-image: url(../images/portlet/help.png); }

.lfr-status-progress-label {
  background-image: url(../images/aui/loading_indicator.gif); }

.lfr-status-success-label {
  background-image: url(../images/messages/success.png);
  color: #384F34; }

.portlet-msg {
  background: #EEE none no-repeat 0.375rem 50%;
  border: 1px solid #555;
  color: #34404F;
  font-weight: bold;
  margin: 0.125rem auto 0.875rem;
  padding: 0.375rem 0.375rem 0.375rem 1.875rem;
  text-align: left; }

.lfr-message {
  position: relative; }
  .lfr-message .lfr-message-control {
    background-color: #333;
    display: inline-block; }
  .lfr-message .lfr-message-controls {
    display: none;
    left: 0.1875rem;
    margin: -0.5rem 0.5rem 0 0.1875rem;
    position: absolute;
    top: 50%;
    z-index: 10; }
  .lfr-message .lfr-message-close {
    background-image: url(../images/portlet/close_borderless.png);
    background-position: 0 0;
    background-repeat: no-repeat; }
  .lfr-message .lfr-message-close-all {
    color: #FFF;
    display: none;
    font-size: 0.8em;
    margin-left: 0.625rem;
    padding: 0.0625rem 0.625rem;
    text-shadow: 0.0625rem 0.0625rem 0 #000;
    vertical-align: top; }
    .lfr-message .lfr-message-close-all a {
      color: #FFF; }
  .lfr-message .lfr-message-controls-hover .lfr-message-close-all {
    display: inline-block; }
  .lfr-message.pending {
    background-image: url(../images/common/time.png); }

.lfr-message-content.alert {
  margin-bottom: 0; }

.lfr-message-close {
  cursor: pointer; }

/* ---------- Standard styles defined in the JSR 168 specification ---------- */
/* ---------- Fonts ---------- */
/* ---------- Sections ---------- */
.portlet-section-selected, .portlet-section-selected a {
  background: #727C81;
  color: #FFF;
  font-weight: bold;
  text-decoration: none; }

.portlet-section-selected a:hover, .portlet-section-selected a:focus {
  background-color: #727C81; }

/* ---------- Forms ---------- */
/* ---------- Icons ---------- */
/* ---------- Menus ---------- */
@media only screen and (min-width: 768px) {
  .portlet.open > .portlet-topper, .portlet:hover > .portlet-topper, .portlet.focus > .portlet-topper {
    opacity: 1;
    transform: translateY(-97%); } }

@media only screen and (min-width: 768px) {
  .portlet.open > .portlet-content-editable, .portlet:hover > .portlet-content-editable, .portlet.focus > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }

.portlet {
  margin-bottom: 0.625rem;
  position: relative; }
  .portlet > .portlet-content-editable {
    border-color: transparent; }
  .portlet > .portlet-topper {
    display: none; }
    @media only screen and (min-width: 768px) {
      .portlet > .portlet-topper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -moz-flex;
        display: flex;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        transition: opacity 0.25s, transform 0.25s;
        top: 0; } }

.portlet-content-editable {
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 0.0625rem 0.0625rem 0.0625rem 0.0625rem; }

/* ---------- Portlet topper ---------- */
.portlet-actions {
  float: right; }

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

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

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

.portlet-title-menu {
  box-flex: 0;
  -moz-flex: 0 1 auto;
  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: 0.0625rem 0.0625rem 0.0625rem 0.0625rem;
  color: #6B6C7E;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: flex;
  padding: 0.1875rem 0.75rem 0.1875rem 1.5rem;
  position: relative; }

.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: #6B6C7E; }
  .portlet-topper-toolbar > a:focus, .portlet-topper-toolbar > a:hover {
    text-decoration: none; }

@media only screen and (max-width: 1023px) {
  .lfr-configurator-visibility {
    opacity: 0.5; } }

@media only screen and (min-width: 768px) {
  .lfr-configurator-visibility .portlet:hover .portlet-topper, .lfr-configurator-visibility .portlet.focus .portlet-topper, .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5; }
  .lfr-configurator-visibility .portlet-content-editable {
    opacity: 0.5; } }

/* ---------- Portlet controls in mobile ---------- */
@media only screen and (max-width: 1023px) {
  .controls-visible .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }

@media only screen and (max-width: 1023px) {
  .controls-visible .portlet-topper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: flex; } }

.controls-visible .portlet-topper-toolbar {
  display: block; }

.lfr-configurator-visibility .portlet-borderless-bar {
  opacity: 0.6; }

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

.lfr-panel-page {
  width: 100%; }
  .lfr-panel-page .portlet-title {
    font-size: 0.8125rem; }
  .lfr-panel-page .lfr-add-content h2 span {
    background-color: #D3DADD; }

.main-content-body {
  margin-top: 1.25rem; }

.restricted, .restricted td {
  background: #FDD;
  border-width: 0; }

.restricted * {
  color: #727C81; }

.alt.restricted td {
  background-color: #FFC0C0; }

.hover.restricted td {
  background-color: #D3BDC0; }

.alt.restricted td.first, .restricted td.first {
  background-image: url(../images/messages/error.png);
  background-position: 0.3125rem 50%;
  background-repeat: no-repeat;
  padding-left: 1.75rem; }

.portlet-borderless .portlet-content {
  padding: 1rem; }

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

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

/* ---------- Dynamic data list display/Journal portlet ---------- */
.portlet-dynamic-data-lists-display .lfr-ddm-field-group, .portlet-dynamic-data-lists .lfr-ddm-field-group {
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
  padding: 1.75rem 1.5rem 1.75rem; }

/* ---------- Breadcrumb taglib ---------- */
.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;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    height: 0.625rem; }

/* ---------- Calendar taglib ---------- */
.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
  border-width: 0; }

.taglib-calendar tr td a {
  background-color: #F0F5F7;
  border: 1px solid #FFF;
  border-bottom-width: 0;
  border-left-width: 0;
  display: block;
  height: 0.9375rem;
  padding: 0.3125rem 0; }
  .taglib-calendar tr td a:hover {
    background-color: #727C81;
    color: #FFF; }

.taglib-calendar tr td.calendar-inactive {
  background-color: #FFF;
  color: #B5BFC4; }

.taglib-calendar tr th {
  border-bottom-color: #D7D7D7; }

.taglib-calendar table td {
  border-width: 0; }

.taglib-calendar .calendar-current-day, .taglib-calendar .calendar-current-day a {
  background-color: #FFF; }

.taglib-calendar .calendar-current-day a {
  border: 1px solid #727C81;
  color: #369;
  text-decoration: underline; }

/* ---------- Navbar form search ---------- */
.navbar form {
  margin: 0; }

.widget-toolbar .btn + .btn, .widget-toolbar .widget-group + .widget-group {
  margin-left: 1rem; }

.widget-mode-detail {
  padding-top: 1rem; }
  .widget-mode-detail .title {
    font-size: 2.25rem; }
  .widget-mode-detail .sub-title {
    font-size: 1.625rem;
    margin-bottom: 2rem; }
  .widget-mode-detail .widget-metadata {
    margin-bottom: 2rem; }
  .widget-mode-detail .widget-mode-detail-text {
    margin-top: 3rem; }
    .widget-mode-detail .widget-mode-detail-text img {
      max-width: 100%; }
    .widget-mode-detail .widget-mode-detail-text p {
      font-size: 1.125rem;
      line-height: 1.8; }

.widget-mode-card .card {
  display: flex;
  height: calc(100% - 1.5rem);
  margin-bottom: 1.5rem; }

.widget-mode-card .card-header {
  overflow: hidden;
  padding: 0; }

.widget-mode-card .card-title {
  position: relative; }

@media (min-width: 768px) {
  .widget-mode-card .visible-interaction {
    position: absolute;
    right: -0.5rem; } }

.widget-mode-simple .widget-topbar {
  margin-bottom: 0.5rem; }

.widget-mode-simple .widget-metadata {
  margin-bottom: 1.5rem; }

.widget-mode-simple .widget-toolbar {
  margin-top: 1.5rem; }

.widget-mode-simple .widget-content .cover-image {
  margin-bottom: 1.5rem; }

.menu-content, .underlay-content {
  box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5); }

.lfr-ddm-container .file-entry-upload-progress {
  border-radius: 0 0 0.25rem 0.25rem; }

.lfr-preview-file-image img {
  box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8); }

.lfr-preview-file-image-current-column {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8); }

.lfr-preview-file-image-current-column {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8); }

.portlet-document-library .lfr-ddm-small-image-preview, .portlet-dynamic-data-mapping .lfr-ddm-small-image-preview {
  box-shadow: 0 1px 3px #CCC; }

.portlet-document-library-upload-mask .overlaymask-content {
  border-radius: 0.3125rem; }

.overlaymask-content {
  background-color: #FFF; }

:not(.inline-item) > .loading-animation {
  margin-bottom: 1.25rem;
  margin-top: 1.25rem; }

.product-menu .loading-animation {
  margin-top: 10rem; }

.lfr-search-combobox-item {
  border-radius: 0.0625rem; }

.lfr-search-combobox .field-input-text {
  border-radius: 0.25rem 0.0625rem 0.0625rem 0.25rem; }

.lfr-search-combobox .button-input {
  border-radius: 0.0625rem 0.25rem 0.25rem 0.0625rem; }

.lfr-upload-container .progress-bar, .lfr-upload-container .progress, .lfr-editable:after {
  border-radius: 0.625rem; }

.portlet-language .portlet-body .current-language, .portlet-language .portlet-body .taglib-icon, .portlet-language .portlet-body .taglib-language-list-text {
  border-radius: 0.625rem; }

body > .lfr-menu-list ul, .active-area-proxy, .entry-display-style .entry-thumbnail, .lfr-api-results, .lfr-translation-manager, .lfr-translation-manager-translation, .lfr-upload-container .cancel-button .modify-pages .delete-tab, .portlet-image-gallery-display .image-thumbnail img, .rule-group-instance-container .rule-group-instance, .select-documents, .select-files, .taglib-ratings.stars:hover, .taglib-ratings.stars:hover .liferay-rating-vote > div, .taglib-ratings.stars .rating-focused > div, .tags-search-combobox .field-input-text {
  border-radius: 0.25rem; }

.entry-display-style, .lfr-search-combobox, .lfr-upload-container .upload-file, .lfr-upload-container .upload-target, .portlet-document-library .common-file-metadata-container.selected, .portlet-document-library-display .common-file-metadata-container.selected, .portlet-image-gallery-display .image-icon, .select-documents, .select-files {
  border-radius: 0.3125rem; }

.portlet-dynamic-data-list-display .lfr-ddm-container .lfr-ddm-repeatable-placeholder, .portlet-dynamic-data-lists .lfr-ddm-container .lfr-ddm-repeatable-placeholder {
  border-radius: 0.375rem; }

.menu-content {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

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

.underlay-content {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem; }

.input-localized .lfr-input-localized-state {
  border-radius: 0.1875rem; }

.input-localized .lfr-input-localized .lfr-input-localized-state {
  box-shadow: 0 0 3px #DDD; }
  .input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
    box-shadow: 0 0 3px #FF0047; }

.input-localized .palette-item-selected .lfr-input-localized-state {
  box-shadow: 0 0 3px #27C1F2; }

.lfr-content-preview-popup .lfr-content-preview-popup-content {
  border-radius: 0;
  box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25); }

.lfr-message .lfr-message-control {
  border-radius: 0.625rem; }

.lfr-token {
  border-radius: 0.5rem; }

.staging-tabview-list {
  border-radius: 0; }

.site-variations-tabview-list .tab-content, .staging-tabview-list .tab-active .tab-content, .tagselector-content .textboxlistentry-holder .lfr-tag-selector-input:focus {
  box-shadow: none; }

.rule-group-instance-container .rule-group-instance {
  box-shadow: 1px 1px 2px #999; }

.lfr-action-label {
  border-radius: 0.125rem; }

@keyframes progress-bar-stripes {
  from {
    background-position: 2.5rem 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: 2.5rem 2.5rem;
  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; }

.lfr-spa-loading .lfr-spa-loading-bar {
  animation: shift-rightwards 1s ease-in-out infinite;
  animation-delay: 0.4s; }

.lfr-spa-loading-bar {
  transform: translateX(100%); }

@keyframes shift-rightwards {
  0% {
    transform: translateX(-100%); }
  40% {
    transform: translateX(0%); }
  60% {
    transform: translateX(0%); }
  100% {
    transform: translateX(100%); } }

.mobile.touch body:first-of-type .portlet-content .lfr-icon-actions .lfr-icon-menu-text, .mobile.touch body:first-of-type .portlet-content .lfr-icon-actions .taglib-text {
  max-width: 12.5rem; }

.portlet-boundary.yui3-dd-dragging {
  transform: scale(0.8);
  transition: transform 0.3s ease; }
  @media (prefers-reduced-motion: reduce) {
    .portlet-boundary.yui3-dd-dragging {
      transition: none; } }

.portlet-document-library .entry-thumbnail .label, .portlet-document-library-display .workflow-status .label, .portlet-journal .entry-thumbnail .label {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

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

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

.upload-drop-active .lfr-upload-container .upload-target {
  animation: none; }

.upload-drop-active .portlet-document-library .document-container {
  box-shadow: inset 0 0 5px #B8C1D1; }

.upload-drop-intent .lfr-upload-container .upload-target {
  animation: lfr-drop-active 1s ease 0.2s infinite; }

.quick-access-nav a {
  box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup, .cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup:hover {
  box-shadow: initial; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button:hover {
  box-shadow: none; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:after {
  background-image: linear-gradient(#FFF, #E4E4E4);
  border-radius: 0.125rem; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:hover:after {
  background-image: linear-gradient(#F2F2F2, #CCC); }

/* ---------- Switches ---------- */
input.switch:focus ~ .switch-bar:before {
  box-shadow: 0 0 3px #00F; }

input.switch:empty ~ .switch-bar:after, input.switch:empty ~ .switch-bar:before, input.switch:empty ~ .switch-bar .switch-icon, input.switch:empty ~ .switch-bar .switch-toggle:after, input.switch:empty ~ .switch-bar .switch-toggle:before {
  transition: all 100ms ease-in; }

/* ---------- Image selector ---------- */
.taglib-image-selector .glyphicon-ok {
  transition: opacity 0.2s ease-in-out;
  border-radius: 1.875rem; }

.taglib-image-selector .progress-wrapper .progressbar {
  border-radius: 0; }

/* ---------- Drop here info ---------- */
.drop-here-info {
  transition: all 0.2s ease-in-out; }
  .drop-here-info .drop-icons {
    transition: all 0.2s ease-in-out; }
    .drop-here-info .drop-icons span {
      transition: all 0.3s ease-in-out;
      border-radius: 0.1875rem; }
    .drop-here-info .drop-icons span:nth-of-type(1) {
      box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.08);
      transform: rotate(25deg); }
    .drop-here-info .drop-icons span:nth-of-type(2) {
      box-shadow: 0 6px 0 -2px rgba(0, 0, 0, 0.15);
      transform: scale(0.8); }
    .drop-here-info .drop-icons span:nth-of-type(3) {
      box-shadow: -5px 4px 0 0 rgba(0, 0, 0, 0.08);
      transform: rotate(-25deg); }

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

/* These inject tags are used for dynamically creating imports for themelet styles, you can place them where ever you like in this file. */
/* inject:imports */
/* endinject */
/* This file allows you to override default styles in one central location for easier upgrade and maintenance. */
/* 1. Classic theme / Vendor */
#banner {
  position: relative; }
  #banner .portlet-topper {
    z-index: 1; }
  @media only screen and (min-width: 768px) {
    #banner .navbar-collapse {
      padding-right: 0.25rem; } }
  #banner .navbar-toggle {
    margin: 0.75rem 0 0.75rem 0.375rem; }
  #banner .site-name {
    color: #47647a;
    font-size: 150%;
    margin-left: 0.5rem;
    vertical-align: middle; }
    @media only screen and (min-width: 768px) {
      #banner .site-name {
        letter-spacing: 0.125rem;
        margin-left: 1.25rem; } }
  @media only screen and (max-width: 1023px) {
    #banner #navigationCollapse {
      font-size: 125%;
      margin-left: -0.9375rem;
      margin-right: -0.9375rem; } }
  #banner #navigationCollapse #navigation .input-container {
    position: relative; }
  #banner #navigationCollapse #navigation .portlet, #banner #navigationCollapse #navigation .portlet .portlet-body > .navbar {
    margin-bottom: 0; }
  #banner #navigationCollapse #navigation li.open > a:focus {
    outline: 0.3125rem auto -webkit-focus-ring-color;
    outline-offset: -0.125rem; }
  #banner #navigationCollapse .navbar-blank > li > a {
    color: #47647a; }
  #banner #navigationCollapse .navbar-blank > li:hover > a, #banner #navigationCollapse .navbar-blank > li.hover > a, #banner #navigationCollapse .navbar-blank > li.active > a, #banner #navigationCollapse .navbar-blank > li .dropdown-menu .active > a {
    color: #000; }
  @media only screen and (max-width: 1023px) {
    #banner #navigationCollapse .nav > li > a {
      border-bottom: 0.0625rem solid #E1E1E1; }
    #banner #navigationCollapse .nav > li:last-child > a {
      border-bottom-width: 0; } }
  @media only screen and (min-width: 768px) {
    #banner .navbar-form {
      margin-left: 1.875rem; } }
  @media only screen and (max-width: 1023px) {
    #banner .navbar-form .input-text-wrapper {
      display: block; } }
  #banner .navbar-form .form-control {
    background-color: transparent;
    border-bottom-width: 0.0625rem;
    border-color: #D6DCE2;
    margin-top: 0.125rem; }
    @media only screen and (max-width: 1023px) {
      #banner .navbar-form .form-control {
        border-width: 0; } }
  #banner .navbar-form .search-select {
    margin-right: 2.5rem;
    padding-right: 1.25rem; }
  #banner .navbar-form .search-input {
    font-size: 1rem;
    padding-right: 2rem; }
    @media only screen and (min-width: 768px) {
      #banner .navbar-form .search-input {
        height: auto;
        max-width: 12.5rem; } }
  #banner .navbar-form .field-wrapper {
    position: absolute;
    right: 0;
    top: 0; }
    #banner .navbar-form .field-wrapper a {
      color: #869cad; }
  @media only screen and (min-width: 768px) {
    #banner .user-personal-bar {
      position: absolute;
      right: 1.25rem;
      top: 0; } }
  #banner .user-personal-bar .panel-notifications-count {
    top: 50%;
    transform: translateY(-50%); }
    @media only screen and (min-width: 768px) {
      #banner .user-personal-bar .panel-notifications-count {
        right: -0.9375rem; } }
  #banner .user-personal-bar .sign-in > a, #banner .user-personal-bar .user-avatar-link {
    display: block; }
  #banner .user-personal-bar .sign-in > a {
    line-height: 1.75rem;
    padding: 0.9375rem 0.25rem; }
  #banner .user-personal-bar .user-avatar-image {
    display: inline-block;
    vertical-align: text-bottom;
    width: 2rem; }
  #banner .user-personal-bar .user-avatar-link {
    line-height: 0;
    padding: 1.125rem 0.25rem; }
    @media only screen and (min-width: 768px) {
      #banner .user-personal-bar .user-avatar-link {
        padding: 0.5rem 0 0.5rem 0.875rem; } }
  @media only screen and (max-width: 979px) {
    #banner .user-personal-bar .panel-notifications-count {
      left: 0.125rem;
      position: relative;
      top: 0.375rem; } }
  #banner .user-personal-bar .icon-user, #banner .user-personal-bar .user-full-name {
    display: none; }
  @media only screen and (max-width: 1023px) {
    #banner .navbar-nav {
      margin: 0 0; } }
  #banner .lfr-nav-item .lfr-nav-child-toggle {
    line-height: 1.75rem;
    margin-top: -0.875rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    position: absolute;
    right: 0.25rem;
    top: 50%; }
    @media only screen and (min-width: 768px) {
      #banner .lfr-nav-item .lfr-nav-child-toggle {
        padding: 0 0 0 0.5rem;
        position: relative; }
        #banner .lfr-nav-item .lfr-nav-child-toggle .lexicon-icon {
          width: 0.5rem; } }

.modify-pages .delete-tab {
  height: 1.25rem;
  top: 1.375rem; }

@media only screen and (max-width: 1023px) {
  .display-style-buttons > .dropdown > .dropdown-menu:after, .display-style-buttons > .dropdown > .dropdown-menu:before {
    border-width: 0; } }

@media only screen and (max-width: 1279px) {
  .overlay-focused:focus {
    outline: 0; } }

.slick-list, .slick-slider, .slick-track {
  position: relative;
  display: block; }

.slick-loading .slick-slide, .slick-loading .slick-track {
  visibility: hidden; }

.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: 0; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-list, .slick-slider .slick-track {
  transform: translate3d(0, 0, 0); }

.slick-track {
  top: 0;
  left: 0; }

.slick-track:after, .slick-track:before {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 0.0625rem; }

[dir=rtl] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.slick-dots, .slick-next, .slick-prev {
  position: absolute;
  display: block;
  padding: 0; }

.slick-dots li button:before, .slick-next:before, .slick-prev:before {
  font-family: slick;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-loading .slick-list {
  background: url(../css/vendor/ajax-loader.gif) center center no-repeat #fff; }

@font-face {
  font-family: slick;
  font-weight: 400;
  font-style: normal;
  src: url(../css/vendor/fonts/slick.eot);
  src: url(../css/vendor/fonts/slick.eot?#iefix) format("embedded-opentype"), url(../css/vendor/fonts/slick.woff) format("woff"), url(../css/vendor/fonts/slick.ttf) format("truetype"), url(../css/vendor/fonts/slick.svg#slick) format("svg"); }

.slick-next, .slick-prev {
  font-size: 0;
  line-height: 0;
  top: 50%;
  width: 1.25rem;
  height: 1.25rem;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0; }

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
  color: transparent;
  outline: 0;
  background: 0 0; }

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
  opacity: 1; }

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
  opacity: .25; }

.slick-next:before, .slick-prev:before {
  font-size: 1.25rem;
  line-height: 1;
  opacity: .75;
  color: #fff; }

.slick-prev {
  left: -1.5625rem; }

[dir=rtl] .slick-prev {
  right: -1.5625rem;
  left: auto; }

.slick-prev:before {
  content: '←'; }

.slick-next:before, [dir=rtl] .slick-prev:before {
  content: '→'; }

.slick-next {
  right: -1.5625rem; }

[dir=rtl] .slick-next {
  right: auto;
  left: -1.5625rem; }

[dir=rtl] .slick-next:before {
  content: '←'; }

.slick-dotted.slick-slider {
  margin-bottom: 1.875rem; }

.slick-dots {
  bottom: -1.5625rem;
  width: 100%;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 0.3125rem;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.3125rem;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0; }

.slick-dots li button:focus, .slick-dots li button:hover {
  outline: 0; }

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
  opacity: 1; }

.slick-dots li button:before {
  font-size: 0.375rem;
  line-height: 1.25rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  content: '•';
  text-align: center;
  opacity: .25;
  color: #000; }

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #000; }

/* 
2. Custom variables, fonts, mixins and other includes 
Don't include files that override liferay files like portlet/_variables_custom.scss
*/
/* 
USE EXISTING MIXINS for genereal stuff like browse vendor perfixes and media queries!

http://bourbon.io/docs/    A simple and lightweight mixin library for Sass
http://getbootstrap.com/css/   Media queries, hide, show, float, screen reader, keyboard nav., clearfix, ...
Liferay Mixins, ex. see /_custom_classic_theme.scss
*/
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);
  or object-fit and object-position:
  @include object-fit(cover, top);
*/
/* Serif Font Family */
/* Sans Serif Font Family */
/* stylelint-disable-next-line */
@font-face {
  font-family: "Replica-Bold";
  src: url("../fonts/lineto-replica-bold.eot");
  src: url("../fonts/lineto-replica-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-replica-bold.woff2") format("woff2"), url("../fonts/lineto-replica-bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "Replica-Bolditalic";
  src: url("../fonts/lineto-replica-boldItalic.eot");
  src: url("../fonts/lineto-replica-boldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-replica-bolditalic.woff2") format("woff2"), url("../fonts/lineto-replica-boldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: "Replica-Italic";
  src: url("../fonts/lineto-replica-italic.eot");
  src: url("../fonts/lineto-replica-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-replica-italic.woff2") format("woff2"), url("../fonts/lineto-replica-italic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "Replica-Regular";
  src: url("../fonts/lineto-replica-regular.eot");
  src: url("../fonts/lineto-replica-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-replica-regular.woff2") format("woff2"), url("../fonts/lineto-replica-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Catalog-Black";
  src: url("../fonts/Catalog-Black.eot");
  src: url("../fonts/Catalog-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Catalog-Black.woff2") format("woff2"), url("../fonts/Catalog-Black.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Catalog-Bold";
  src: url("../fonts/Catalog-Bold.eot");
  src: url("../fonts/Catalog-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Catalog-Bold.woff2") format("woff2"), url("../fonts/Catalog-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "Catalog-Italic";
  src: url("../fonts/Catalog-Italic.eot");
  src: url("../fonts/Catalog-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Catalog-Italic.woff2") format("woff2"), url("../fonts/Catalog-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "Catalog-Regular";
  src: url("../fonts/Catalog-Regular.eot");
  src: url("../fonts/Catalog-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Catalog-Regular.woff2") format("woff2"), url("../fonts/Catalog-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

.key-icon-flip-horizontal {
  transform: scale(-1, 1); }

@media (min-width: 1400px) {
  .key-menu-icon, .nav-icon {
    margin-right: 0.9375rem; }
  .key-pen-icon,
  .lightbox-option-list .key-trash-black-icon {
    margin-right: 0.4375rem; }
  .key-lock-icon {
    margin-right: 0.6875rem; } }

:not(a).key-letter-icon {
  display: inline-flex;
  align-self: center;
  margin-right: 0.6875rem; }

:not(a).key-mappin-small-icon, :not(a).key-phone-icon {
  margin-right: 0.6875rem; }

:not(a).key-arrow-small-icon {
  margin-right: 0.5rem; }

.key-slider-button-mouseover-right-icon, .key-slider .slick-arrow.slick-next:hover {
  background-position-y: 0.0625rem;
  background-position-x: 0.125rem; }

.key-slider-button-mouseover-left-icon, .key-slider .slick-arrow.slick-prev:hover {
  background-position-y: 0.0625rem;
  background-position-x: 0; }

.key-slider-button-inactive-right-icon, .key-slider .slick-arrow.slick-next.slick-disabled, .key-slider .slick-arrow.slick-next.slick-disabled:hover,
.key-slider-button-inactive-left-icon,
.key-slider .slick-arrow.slick-prev.slick-disabled,
.key-slider .slick-arrow.slick-prev.slick-disabled:hover {
  background-position-x: 0.0625rem;
  background-position-y: 0;
  cursor: default; }

.key-magnifier-white-icon {
  margin-right: 0.0625rem; }

/* Search nav bar*/
.search-form .key-magnifier-white-icon {
  display: flex;
  margin: 0 auto; }

/* Downloads */
.downloads .key-download-black-icon-container {
  margin-right: 0.625rem;
  margin-top: -0.3125rem; }

.overlay-icon .key-dossier-icon {
  margin-left: 1em; }

/* Table */
.table .key-arrow-big-icon {
  margin-left: 0.375rem; }

.table .key-mappin-small-icon,
.table .key-camera-icon,
.table .key-video-icon,
.table .key-infographic-icon {
  margin-right: 0.75rem; }

.table .type .key-camera-icon {
  margin-right: 0; }

/* Search Profile */
.search-profile .key-pen-icon,
.search-profile .key-trash-black-icon {
  margin-right: 0.625rem; }

/* Overlay Login */
.form-meta-options .key-question-icon {
  margin-right: 0.625rem; }

a[class$="-icon"]:not(.taglib-icon) {
  width: auto;
  height: auto;
  text-decoration: none;
  color: #000;
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  background-position: center left; }

/* 
USE EXISTING MIXINS for genereal stuff like browse vendor perfixes and media queries!

http://bourbon.io/docs/    A simple and lightweight mixin library for Sass
http://getbootstrap.com/css/   Media queries, hide, show, float, screen reader, keyboard nav., clearfix, ...
Liferay Mixins, ex. see /_custom_classic_theme.scss
*/
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);
  or object-fit and object-position:
  @include object-fit(cover, top);
*/
/* Serif Font Family */
/* Sans Serif Font Family */
/* SVGS */
/*
DO NOT MODIFY THIS FILE.
It's generated with the gulp task 'gulp-inline-svg'.
All svg's in the folder 'images/icons' will be recognized in the gulp build task and added to this file automatically.
If you want to modify the structure of this file, you can edit the template 'svg-icons-template.mustache'
*/
.key-addtolightbox-white-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3E%3Cpath%20fill='%23FFF'%20fill-rule='evenodd'%20d='M14%200c1.1%200%202%20.9%202%201.999V14c0%201.1-.9%202-2%202H1.999C.9%2016%200%2015.1%200%2014.001V2C0%20.9.9%200%202%200h12zm-1%209.002V7H9V3.002H7V7H3v2.003h4v4.001h2V9.002h4z'/%3E%3C/svg%3E");
  width: 1rem;
  height: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-addtolightbox-white-icon {
  padding-left: 1.6875rem;
  background-size: 1rem 1rem; }

.key-addtolightbox-white-icon-container {
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  align-self: center; }

.key-addtolightbox-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3E%3Cpath%20fill-rule='evenodd'%20d='M14%200c1.1%200%202%20.9%202%201.999V14c0%201.1-.9%202-2%202H1.999C.9%2016%200%2015.1%200%2014.001V2C0%20.9.9%200%202%200h12zm-1%209.002V7H9V3.002H7V7H3v2.003h4v4.001h2V9.002h4z'/%3E%3C/svg%3E");
  width: 1rem;
  height: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-addtolightbox-icon {
  padding-left: 1.6875rem;
  background-size: 1rem 1rem; }

.key-addtolightbox-icon-container {
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  align-self: center; }

.key-arrow-big-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EF13D4D3B-3882-45A3-8582-C8CB4DB96C15%3C/title%3E%3Cg%20fill='none'%20fill-rule='evenodd'%3E%3Cpath%20d='M0%206.941a6.942%206.942%200%201%200%2013.884%200A6.942%206.942%200%200%200%200%206.941z'%20fill='%23000'/%3E%3Cpath%20fill='%23FFF'%20d='M6.986%2011.542l-1.31-1.31L8.142%207.77H2.37V6.087h5.77L5.677%203.623l1.309-1.31%204.613%204.615z'/%3E%3C/g%3E%3C/svg%3E");
  width: 0.875rem;
  height: 0.875rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-arrow-big-icon {
  padding-left: 1.5625rem;
  background-size: 0.875rem 0.875rem; }

.key-arrow-big-icon-container {
  width: 0.875rem;
  height: 0.875rem;
  display: inline-flex;
  align-self: center; }

.key-arrow-external-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20class='arrow-icon'%20width='11.057'%20height='9.909'%20viewBox='0%200%2011.057384%209.9093731'%3E%3Cpath%20class='arrow-icon--arrow'%20d='M5.938.398l4.556%204.557L5.938%209.51M0%204.955h10.494'%20stroke-width='1.126'%20stroke-miterlimit='10'%20fill='none'%20stroke='%23000'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 0.6875rem;
  height: 0.5625rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-arrow-external-icon {
  padding-left: 1.375rem;
  background-size: 0.6875rem 0.5625rem; }

.key-arrow-external-icon-container {
  width: 0.6875rem;
  height: 0.5625rem;
  display: inline-flex;
  align-self: center; }

.key-arrow-small-white-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='12'%20height='13'%20viewBox='0%200%2012%2013'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EDD3F12B3-5795-49A9-ACFA-14961869B89F%3C/title%3E%3Cg%20fill='none'%20fill-rule='evenodd'%3E%3Cpath%20d='M0%206.45a5.95%205.95%200%201%200%2011.9%200%205.95%205.95%200%200%200-11.9%200z'%20fill='%23FFF'/%3E%3Cpath%20fill='%23000'%20d='M5.988%2010.393L4.866%209.27l2.112-2.112H2.033V5.717h4.945L4.866%203.605l1.122-1.122%203.954%203.955z'/%3E%3C/g%3E%3C/svg%3E");
  width: 0.75rem;
  height: 0.8125rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-arrow-small-white-icon {
  padding-left: 1.4375rem;
  background-size: 0.75rem 0.8125rem; }

.key-arrow-small-white-icon-container {
  width: 0.75rem;
  height: 0.8125rem;
  display: inline-flex;
  align-self: center; }

.key-arrow-small-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E537DD00B-5B1B-4D29-9F94-725636CC5F48%3C/title%3E%3Cg%20fill='none'%20fill-rule='evenodd'%3E%3Cpath%20d='M0%205.95a5.95%205.95%200%201%200%2011.9%200%205.95%205.95%200%200%200-11.9%200z'%20fill='%23000'/%3E%3Cpath%20fill='%23FFF'%20d='M5.988%209.893L4.866%208.77l2.112-2.112H2.033V5.217h4.945L4.866%203.105l1.122-1.122%203.954%203.955z'/%3E%3C/g%3E%3C/svg%3E");
  width: 0.75rem;
  height: 0.75rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-arrow-small-icon {
  padding-left: 1.4375rem;
  background-size: 0.75rem 0.75rem; }

.key-arrow-small-icon-container {
  width: 0.75rem;
  height: 0.75rem;
  display: inline-flex;
  align-self: center; }

.key-audio-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2018.861%2016'%3E%3Cpath%20d='M6.605%2016h5.356v-2.163H6.605zm0-3.459h5.356v-2.163H6.605zM0%2016h5.258v-2.163H0zm0-3.46h5.258v-2.163H0zm6.605-3.458h5.356V6.919H6.605zM13.308%2016h5.553v-2.163h-5.553zm0-3.46h5.553v-2.163h-5.553zm0-3.458h5.553V6.919h-5.553zm-6.703-3.46h5.356V3.46H6.605zm0-3.459h5.356V0H6.605z'%20fill='%231d1d1b'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 0;
  height: 0;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-audio-icon {
  padding-left: 0.6875rem;
  background-size: 0 0; }

.key-audio-icon-container {
  width: 0;
  height: 0;
  display: inline-flex;
  align-self: center; }

.key-calendar-empty-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='13'%20height='14'%20viewBox='0%200%2013%2014'%3E%3Cpath%20fill-rule='evenodd'%20d='M12.845%202.687l.015%2010.917-.919.005H.92L0%2013.606V2.665l1.837.022v.46a1.378%201.378%200%201%200%202.757%200v-.46h3.675v.46a1.378%201.378%200%201%200%202.754%200v-.46h1.822zM1.45%2012.284h9.96V5.75H1.45v6.533zm8.18-8.41a.902.902%200%200%201-.904-.903V1.465a.903.903%200%201%201%201.809%200v1.506c0%20.5-.405.903-.906.903zm-6.43%200a.902.902%200%200%201-.903-.903V1.465a.903.903%200%201%201%201.809%200v1.506c0%20.5-.405.903-.906.903z'/%3E%3C/svg%3E");
  width: 0.8125rem;
  height: 0.875rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-calendar-empty-icon {
  padding-left: 1.5rem;
  background-size: 0.8125rem 0.875rem; }

.key-calendar-empty-icon-container {
  width: 0.8125rem;
  height: 0.875rem;
  display: inline-flex;
  align-self: center; }

.key-calendar-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2014.999%2018.0005'%3E%3Cdefs%3E%3Cpath%20id='a'%20d='M.759%200h1.646v3.369H.759z'/%3E%3Cpath%20id='b'%20d='M0%2018h14.999V0H0z'/%3E%3C/defs%3E%3Cg%20fill='none'%20fill-rule='evenodd'%3E%3Cpath%20d='M4.557%203.37a.824.824%200%200%200%20.823-.824V.825a.823.823%200%201%200-1.646%200v1.723c0%20.452.37.823.823.823M10.417%203.37a.826.826%200%200%200%20.823-.825V.826a.825.825%200%200%200-1.649%200v1.723c0%20.452.37.823.826.823'%20fill='%231d1d1b'/%3E%3Cpath%20d='M1.757%2016.244h11.486V6.076H1.757zm4.371-14.56h-.172v.862a1.373%201.373%200%200%201-2.747%200v-.862H0V18h14.999V1.684h-3.211v.862a1.373%201.373%200%200%201-2.745%200v-.862z'%20fill='%231d1d1b'/%3E%3Cpath%20d='M3.072%209.17H5V7.242H3.072zm3.404%200h1.928V7.242H6.476zm3.403%200h1.928V7.242H9.879zm-6.807%203.016H5v-1.928H3.072zm3.404%200h1.928v-1.928H6.476zm-3.404%202.99H5v-1.928H3.072zm3.404%200h1.928v-1.928H6.476zm3.403-2.99h1.928v-1.928H9.879z'%20fill='%231d1d1b'/%3E%3C/g%3E%3C/svg%3E");
  width: 0;
  height: 0;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-calendar-icon {
  padding-left: 0.6875rem;
  background-size: 0 0; }

.key-calendar-icon-container {
  width: 0;
  height: 0;
  display: inline-flex;
  align-self: center; }

.key-camera-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2017.65%2013.678017'%3E%3Cdefs%3E%3Cpath%20id='a'%20d='M0%20.322h17.651V14H0z'/%3E%3C/defs%3E%3Cg%20fill='none'%20fill-rule='evenodd'%3E%3Cpath%20d='M15.973%2011.488l-3.846-3.914a.117.117%200%200%200-.158-.006L9.301%209.875%205.891%205.75a.117.117%200%200%200-.18.004l-4.033%205.317V1.648h14.295zM17.371%200H.28A.278.278%200%200%200%200%20.274v13.13c0%20.151.126.274.28.274h17.09c.155%200%20.28-.123.28-.275V.274A.277.277%200%200%200%2017.37%200z'%20fill='%231d1d1b'/%3E%3Cpath%20d='M12.5%205.678a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203'%20fill='%231d1d1b'/%3E%3C/g%3E%3C/svg%3E");
  width: 0;
  height: 0;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-camera-icon {
  padding-left: 0.6875rem;
  background-size: 0 0; }

.key-camera-icon-container {
  width: 0;
  height: 0;
  display: inline-flex;
  align-self: center; }

.key-cancel-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E191C3730-1F0E-49B6-AC35-8D9074542E38%3C/title%3E%3Cpath%20d='M7.041%205.884l4.727-4.727L10.61%200%205.884%204.726%201.157%200%200%201.157l4.726%204.727L0%2010.61l1.158%201.157%204.726-4.726%204.726%204.726%201.158-1.157L7.04%205.884z'%20fill='%23000'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 0.75rem;
  height: 0.75rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-cancel-icon {
  padding-left: 1.4375rem;
  background-size: 0.75rem 0.75rem; }

.key-cancel-icon-container {
  width: 0.75rem;
  height: 0.75rem;
  display: inline-flex;
  align-self: center; }

.key-check-mouseover-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14'%20height='13'%20viewBox='0%200%2014%2013'%3E%3Cpath%20fill='%23888'%20fill-rule='evenodd'%20d='M14%200L5.725%207.796%200%204.103l6.17%208.744z'/%3E%3C/svg%3E");
  width: 0.875rem;
  height: 0.8125rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-check-mouseover-icon {
  padding-left: 1.5625rem;
  background-size: 0.875rem 0.8125rem; }

.key-check-mouseover-icon-container {
  width: 0.875rem;
  height: 0.8125rem;
  display: inline-flex;
  align-self: center; }

.key-check-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='22'%20height='18'%20viewBox='0%200%2022%2018'%3E%3Cpath%20fill='%231D1D1B'%20fill-rule='evenodd'%20d='M15.803%200L6.005%209.795%202.197%205.988%200%208.185l6.005%206.005L18%202.197z'/%3E%3C/svg%3E");
  width: 1.375rem;
  height: 1.125rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-check-icon {
  padding-left: 2.0625rem;
  background-size: 1.375rem 1.125rem; }

.key-check-icon-container {
  width: 1.375rem;
  height: 1.125rem;
  display: inline-flex;
  align-self: center; }

.key-clock-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E814D2F89-590E-4AA2-B255-46FEF12A5BB3%3C/title%3E%3Cg%20fill='%23000'%20fill-rule='evenodd'%3E%3Cpath%20d='M7.474%2013.357A5.89%205.89%200%200%201%201.59%207.474%205.89%205.89%200%200%201%207.474%201.59a5.89%205.89%200%200%201%205.884%205.884%205.89%205.89%200%200%201-5.884%205.883M7.474%200C3.353%200%200%203.353%200%207.474c0%204.12%203.353%207.473%207.474%207.473%204.12%200%207.473-3.352%207.473-7.473S11.595%200%207.474%200'/%3E%3Cpath%20d='M11.369%207.243H8.01V3.205a.615.615%200%201%200-1.23%200v4.653c0%20.34.275.616.615.616h3.974a.615.615%200%201%200%200-1.23'/%3E%3C/g%3E%3C/svg%3E");
  width: 0.9375rem;
  height: 0.9375rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-clock-icon {
  padding-left: 1.625rem;
  background-size: 0.9375rem 0.9375rem; }

.key-clock-icon-container {
  width: 0.9375rem;
  height: 0.9375rem;
  display: inline-flex;
  align-self: center; }

.key-close-small-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='10'%20viewBox='0%200%2010%2010'%3E%3Cg%20fill-rule='evenodd'%3E%3Cpath%20d='M9.029%200L0%209.007l.985.982L10.013.982z'/%3E%3Cpath%20d='M.983%200L0%20.983l9.018%209.019.983-.985z'/%3E%3C/g%3E%3C/svg%3E");
  width: 0.625rem;
  height: 0.625rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-close-small-icon {
  padding-left: 1.3125rem;
  background-size: 0.625rem 0.625rem; }

.key-close-small-icon-container {
  width: 0.625rem;
  height: 0.625rem;
  display: inline-flex;
  align-self: center; }

.key-close-white-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%3E%3Cpath%20fill='%23FFF'%20fill-rule='evenodd'%20d='M8.802%207.355l5.908-5.908L13.263%200%207.355%205.908%201.447%200%200%201.447l5.908%205.908L0%2013.263l1.447%201.446%205.908-5.907%205.908%205.907%201.447-1.446-5.908-5.908z'/%3E%3C/svg%3E");
  width: 0.9375rem;
  height: 0.9375rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-close-white-icon {
  padding-left: 1.625rem;
  background-size: 0.9375rem 0.9375rem; }

.key-close-white-icon-container {
  width: 0.9375rem;
  height: 0.9375rem;
  display: inline-flex;
  align-self: center; }

.key-close-icon, .open > .dropdown-toggle > .collapse-toggle > .nav-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%3E%3Cpath%20fill-rule='evenodd'%20d='M8.802%207.355l5.908-5.908L13.263%200%207.355%205.908%201.447%200%200%201.447l5.908%205.908L0%2013.263l1.447%201.446%205.908-5.907%205.908%205.907%201.447-1.446-5.908-5.908z'/%3E%3C/svg%3E");
  width: 0.9375rem;
  height: 0.9375rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-close-icon, .open > .dropdown-toggle > .collapse-toggle > a.nav-icon {
  padding-left: 1.625rem;
  background-size: 0.9375rem 0.9375rem; }

.key-close-icon-container {
  width: 0.9375rem;
  height: 0.9375rem;
  display: inline-flex;
  align-self: center; }

.key-closelayer-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EA4664205-7B34-45A6-8BEC-909FAB1F3D92%3C/title%3E%3Cpath%20d='M8.802%207.355l5.908-5.908L13.263%200%207.355%205.908%201.447%200%200%201.447l5.908%205.908L0%2013.263l1.447%201.446%205.908-5.907%205.908%205.907%201.447-1.446-5.908-5.908z'%20fill='%23000'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 0.9375rem;
  height: 0.9375rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-closelayer-icon {
  padding-left: 1.625rem;
  background-size: 0.9375rem 0.9375rem; }

.key-closelayer-icon-container {
  width: 0.9375rem;
  height: 0.9375rem;
  display: inline-flex;
  align-self: center; }

.key-dienstleistungen-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='27'%20height='24'%20viewBox='0%200%2027%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E8116A3BC-0135-48B8-B4B3-0E5EBFB3DB4C%3C/title%3E%3Cg%20fill='%23000'%20fill-rule='evenodd'%3E%3Cpath%20d='M8.992%2012.342c.015-.285.036-.57.072-.86.069-.684.214-1.373.363-2.042.094-.334.195-.664.3-.986.133-.314.262-.628.392-.934.295-.594.623-1.153%201.02-1.621.092-.12.185-.237.274-.355.105-.102.207-.205.307-.306.21-.192.392-.4.602-.55.42-.314.793-.612%201.169-.795.364-.204.676-.384.958-.485.55-.22.865-.334.865-.334s-.267.212-.735.558c-.24.159-.494.411-.802.668-.314.245-.602.596-.941.93-.174.171-.304.387-.465.586-.08.098-.162.2-.242.306-.07.115-.138.229-.206.347-.303.448-.53.978-.765%201.513-.093.28-.19.566-.29.851-.07.302-.143.603-.228.9-.12.62-.242%201.253-.294%201.9-.037.237-.053.473-.077.71%205.11.003%209.068.003%2014.602.003.017-.244.03-.489.03-.737%200-4.7-3.398-8.572-7.767-9.086.278-.265.46-.644.46-1.063%200-.808-.646-1.46-1.446-1.46-.802%200-1.448.652-1.448%201.46%200%20.42.178.798.46%201.063-4.37.514-7.77%204.386-7.77%209.086%200%20.245.012.49.029.733h1.573zM5.798%2014.728h20.7v-1.843h-20.7zM18%2016.035c-1.052.515-4.72%201.847-4.72%201.847l-4.337-.273s2.482-.693%203.44-.913c.966-.216.546-1.313.013-1.313-.53%200-5.172.196-5.172.196l-3.08%201.117.817%205.205s.63-1.096%201.265-1.096c.635%200%206.137.146%206.88%200%20.75-.147%205.3-3.286%205.843-3.652.546-.368.105-1.635-.95-1.118M0%2017.254V24l4.722-.888-1.18-6.485z'/%3E%3C/g%3E%3C/svg%3E");
  width: 1.6875rem;
  height: 1.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-dienstleistungen-icon {
  padding-left: 2.375rem;
  background-size: 1.6875rem 1.5rem; }

.key-dienstleistungen-icon-container {
  width: 1.6875rem;
  height: 1.5rem;
  display: inline-flex;
  align-self: center; }

.key-dossier-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='16'%20height='24'%20viewBox='0%200%2016%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EAAAE0E20-0379-44C0-8DE8-4F1A08DD89F5%3C/title%3E%3Cpath%20d='M0%200v23.48c0%20.289.212.52.471.52a.45.45%200%200%200%20.32-.135L8%2018.868l7.278%205.043a.43.43%200%200%200%20.478.015.536.536%200%200%200%20.244-.455V0H0z'%20fill='%23F1F1F1'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 1rem;
  height: 1.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-dossier-icon {
  padding-left: 1.6875rem;
  background-size: 1rem 1.5rem; }

.key-dossier-icon-container {
  width: 1rem;
  height: 1.5rem;
  display: inline-flex;
  align-self: center; }

.key-download-black-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='19'%20height='18'%20viewBox='0%200%2019%2018'%3E%3Cpath%20fill-rule='evenodd'%20d='M12.917%207.434c.044%200%20.103.03.133.09a.18.18%200%200%201-.03.166l-3.24%204.076a.133.133%200%200%201-.118.06c-.044%200-.088-.03-.118-.06L6.304%207.69c-.03-.045-.044-.12-.015-.166.03-.06.074-.09.133-.09H8V1.977c0-.075-.074-.166%200-.166h3.125c.088%200%200%20.076%200%20.166v5.547l1.792-.09zm5.877%205.585l-.032-.129c.177.15.238.491.238.748v3.471c0%20.499-.324.891-.81.891H.957C.471%2018%200%2017.608%200%2017.11v-3.472c0-.287.162-.544.353-.71l2.46-2.415c.339-.332.737-.513%201.105-.513H6.79c.162%200%20.272.272.272.438%200%20.166-.11.39-.272.39H4.172c-.295%200-.57.083-.703.203l-1.75%201.686h5.424a.3.3%200%200%201%20.295.302c0%201.253%201.001%202.264%202.21%202.264%201.207%200%202.209-1.026%202.209-2.264a.3.3%200%200%201%20.294-.302h5.208l-1.656-1.686c-.132-.12-.179-.203-.474-.203h-2.866c-.162%200-.316-.224-.316-.39S12.2%2010%2012.363%2010h2.866c.383%200%20.766.196%201.105.528l2.46%202.49z'/%3E%3C/svg%3E");
  width: 1.1875rem;
  height: 1.125rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-download-black-icon {
  padding-left: 1.875rem;
  background-size: 1.1875rem 1.125rem; }

.key-download-black-icon-container {
  width: 1.1875rem;
  height: 1.125rem;
  display: inline-flex;
  align-self: center; }

.key-download-white-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='19'%20height='18'%20viewBox='0%200%2019%2018'%3E%3Cpath%20fill='%23FFF'%20fill-rule='evenodd'%20d='M12.917%207.434c.044%200%20.103.03.133.09a.18.18%200%200%201-.03.166l-3.24%204.076a.133.133%200%200%201-.118.06c-.044%200-.088-.03-.118-.06L6.304%207.69c-.03-.045-.044-.12-.015-.166.03-.06.074-.09.133-.09H8V1.977c0-.075-.074-.166%200-.166h3.125c.088%200%200%20.076%200%20.166v5.547l1.792-.09zm5.877%205.585l-.032-.129c.177.15.238.491.238.748v3.471c0%20.499-.324.891-.81.891H.957C.471%2018%200%2017.608%200%2017.11v-3.472c0-.287.162-.544.353-.71l2.46-2.415c.339-.332.737-.513%201.105-.513H6.79c.162%200%20.272.272.272.438%200%20.166-.11.39-.272.39H4.172c-.295%200-.57.083-.703.203l-1.75%201.686h5.424a.3.3%200%200%201%20.295.302c0%201.253%201.001%202.264%202.21%202.264%201.207%200%202.209-1.026%202.209-2.264a.3.3%200%200%201%20.294-.302h5.208l-1.656-1.686c-.132-.12-.179-.203-.474-.203h-2.866c-.162%200-.316-.224-.316-.39S12.2%2010%2012.363%2010h2.866c.383%200%20.766.196%201.105.528l2.46%202.49z'/%3E%3C/svg%3E");
  width: 1.1875rem;
  height: 1.125rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-download-white-icon {
  padding-left: 1.875rem;
  background-size: 1.1875rem 1.125rem; }

.key-download-white-icon-container {
  width: 1.1875rem;
  height: 1.125rem;
  display: inline-flex;
  align-self: center; }

.key-facebook-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='12'%20height='21'%20viewBox='0%200%2012%2021'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E0057F9D0-5792-4235-B54B-84B5B6AF36E8%3C/title%3E%3Cpath%20d='M10.692.004L8.208%200c-2.79%200-4.594%202.029-4.594%205.168v2.383H1.116c-.215%200-.39.191-.39.428v3.453c0%20.236.175.428.39.428h2.498v8.712c0%20.236.175.428.39.428h3.258c.216%200%20.391-.192.391-.428V11.86h2.92c.217%200%20.39-.192.39-.428l.003-3.453a.454.454%200%200%200-.115-.303.373.373%200%200%200-.276-.125H7.653v-2.02c0-.97.212-1.464%201.365-1.464h1.673c.216%200%20.39-.193.39-.428V.433c0-.237-.174-.428-.389-.429'%20fill='%23F1F1F1'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 0.75rem;
  height: 1.3125rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-facebook-icon {
  padding-left: 1.4375rem;
  background-size: 0.75rem 1.3125rem; }

.key-facebook-icon-container {
  width: 0.75rem;
  height: 1.3125rem;
  display: inline-flex;
  align-self: center; }

.key-grid-mosaic-active-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='17'%20height='15'%20viewBox='0%200%2017%2015'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E5B2E7388-BE63-4D48-8F44-C5409C91D3F1%3C/title%3E%3Cpath%20d='M0%206.413h4.57V.11H0zm6.842%200h10.15V.11H6.842zM0%2014.91h10.15V8.608H0zm12.36%200h4.57V8.608h-4.57z'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 1.0625rem;
  height: 0.9375rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-grid-mosaic-active-icon {
  padding-left: 1.75rem;
  background-size: 1.0625rem 0.9375rem; }

.key-grid-mosaic-active-icon-container {
  width: 1.0625rem;
  height: 0.9375rem;
  display: inline-flex;
  align-self: center; }

.key-grid-mosaic-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='17'%20height='15'%20viewBox='0%200%2017%2015'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E5B2E7388-BE63-4D48-8F44-C5409C91D3F1%3C/title%3E%3Cpath%20d='M0%206.413h4.57V.11H0zm6.842%200h10.15V.11H6.842zM0%2014.91h10.15V8.608H0zm12.36%200h4.57V8.608h-4.57z'%20fill='%23BBB'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 1.0625rem;
  height: 0.9375rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-grid-mosaic-icon {
  padding-left: 1.75rem;
  background-size: 1.0625rem 0.9375rem; }

.key-grid-mosaic-icon-container {
  width: 1.0625rem;
  height: 0.9375rem;
  display: inline-flex;
  align-self: center; }

.key-grid-normal-active-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='17'%20height='15'%20viewBox='0%200%2017%2015'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EC0372316-87BD-4CA0-AC86-0F6966E924AF%3C/title%3E%3Cpath%20d='M0%203.761h4.375V.001H0zm0%205.631h4.375V5.631H0zm.03%205.598h4.375v-3.761H.03zM6.227%203.761h4.376V.001H6.227zm0%205.631h4.376v-3.76H6.227zm.031%205.598h4.375v-3.761H6.258zM12.35%203.761h4.374V.001H12.35zm0%205.631h4.374V5.631H12.35zm.03%205.598h4.374v-3.761H12.38z'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 1.0625rem;
  height: 0.9375rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-grid-normal-active-icon {
  padding-left: 1.75rem;
  background-size: 1.0625rem 0.9375rem; }

.key-grid-normal-active-icon-container {
  width: 1.0625rem;
  height: 0.9375rem;
  display: inline-flex;
  align-self: center; }

.key-grid-normal-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='17'%20height='15'%20viewBox='0%200%2017%2015'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EC0372316-87BD-4CA0-AC86-0F6966E924AF%3C/title%3E%3Cpath%20d='M0%203.761h4.375V.001H0zm0%205.631h4.375V5.631H0zm.03%205.598h4.375v-3.761H.03zM6.227%203.761h4.376V.001H6.227zm0%205.631h4.376v-3.76H6.227zm.031%205.598h4.375v-3.761H6.258zM12.35%203.761h4.374V.001H12.35zm0%205.631h4.374V5.631H12.35zm.03%205.598h4.374v-3.761H12.38z'%20fill='%23BBB'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 1.0625rem;
  height: 0.9375rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-grid-normal-icon {
  padding-left: 1.75rem;
  background-size: 1.0625rem 0.9375rem; }

.key-grid-normal-icon-container {
  width: 1.0625rem;
  height: 0.9375rem;
  display: inline-flex;
  align-self: center; }

.key-heart-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='18'%20height='15'%20viewBox='0%200%2018%2015'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E56B8AA46-5B60-4626-ACE7-813C76E03581%3C/title%3E%3Cpath%20d='M8.488%2015l-1.147-1.138C3.083%2010.112.3%207.583.3%204.482.3%201.959%202.267%200%204.801%200c1.396%200%202.787.653%203.687%201.712A4.929%204.929%200%200%201%2012.175%200c2.534%200%204.501%201.959%204.501%204.482%200%203.101-2.783%205.63-7.04%209.38L8.487%2015z'%20fill='%23000'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 1.125rem;
  height: 0.9375rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-heart-icon {
  padding-left: 1.8125rem;
  background-size: 1.125rem 0.9375rem; }

.key-heart-icon-container {
  width: 1.125rem;
  height: 0.9375rem;
  display: inline-flex;
  align-self: center; }

.key-home-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='15'%20height='13'%20viewBox='0%200%2015%2013'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EA4D5693C-9C27-443C-8AA9-EC6D331D3585%3C/title%3E%3Cg%20fill='%23000'%20fill-rule='evenodd'%3E%3Cpath%20d='M1.964%2012.476s-.013.324.302.324l3.64-.006.006-2.983s-.051-.491.428-.491h1.51c.564%200%20.529.49.529.49l-.006%202.976h3.563c.401%200%20.385-.404.385-.404v-5.5L7.296%202.413%201.964%206.882v5.594z'/%3E%3Cpath%20d='M0%206.465s.452.834%201.44%200l5.902-4.993%205.532%204.964c1.141.823%201.572%200%201.572%200L7.342%200%200%206.465zM12.738%201.461h-1.422l.006%201.727%201.416%201.203z'/%3E%3C/g%3E%3C/svg%3E");
  width: 0.9375rem;
  height: 0.8125rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-home-icon {
  padding-left: 1.625rem;
  background-size: 0.9375rem 0.8125rem; }

.key-home-icon-container {
  width: 0.9375rem;
  height: 0.8125rem;
  display: inline-flex;
  align-self: center; }

.key-info-black-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%3E%3Cpath%20fill-rule='evenodd'%20d='M7%204.626a1.187%201.187%200%201%201%200-2.374%201.187%201.187%200%200%201%200%202.374zm1.167%206.707a.478.478%200%200%201-.478.478H6.377a.478.478%200%200%201-.478-.478V6.01c0-.264.214-.478.478-.478h1.312c.264%200%20.478.214.478.478v5.323zM7%200a7%207%200%201%200%200%2014A7%207%200%200%200%207%200z'/%3E%3C/svg%3E");
  width: 0.875rem;
  height: 0.875rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-info-black-icon {
  padding-left: 1.5625rem;
  background-size: 0.875rem 0.875rem; }

.key-info-black-icon-container {
  width: 0.875rem;
  height: 0.875rem;
  display: inline-flex;
  align-self: center; }

.key-info-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%3E%3Cpath%20fill='%23D0D0D0'%20fill-rule='evenodd'%20d='M6%203.965A1.017%201.017%200%201%201%206%201.93a1.017%201.017%200%200%201%200%202.035zm1%205.749a.41.41%200%200%201-.41.41H5.466a.41.41%200%200%201-.41-.41V5.15a.41.41%200%200%201%20.41-.41H6.59a.41.41%200%200%201%20.41.41v4.563zM6%200a6%206%200%201%200%200%2012A6%206%200%200%200%206%200z'/%3E%3C/svg%3E");
  width: 0.75rem;
  height: 0.75rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-info-icon {
  padding-left: 1.4375rem;
  background-size: 0.75rem 0.75rem; }

.key-info-icon-container {
  width: 0.75rem;
  height: 0.75rem;
  display: inline-flex;
  align-self: center; }

.key-infographic-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox='0%200%2017%2017'%20xmlns='http://www.w3.org/2000/svg'%20fill-rule='evenodd'%20clip-rule='evenodd'%20stroke-linejoin='round'%20stroke-miterlimit='1.414'%3E%3Cpath%20d='M0%200v17h17v-1.943H1.943V0H0z'/%3E%3Cpath%20d='M16.093%203.021l-3.97%204.48-2.133-.532-2.669%202.207-4.186-2.463v7.075h12.958V3.021z'/%3E%3C/svg%3E");
  width: 1.0625rem;
  height: 1.0625rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-infographic-icon {
  padding-left: 1.75rem;
  background-size: 1.0625rem 1.0625rem; }

.key-infographic-icon-container {
  width: 1.0625rem;
  height: 1.0625rem;
  display: inline-flex;
  align-self: center; }

.key-letter-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='17'%20height='12'%20viewBox='0%200%2017%2012'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EED18D891-33C4-4C4B-B04C-E6B0B20D3150%3C/title%3E%3Cg%20fill='%23000'%20fill-rule='evenodd'%3E%3Cpath%20d='M0%209.18l4.454-2.919L0%202.893zM12.546%206.261L17%209.181V2.893zM8.5%209.321L5.54%207.083%200%2010.714V12h17v-1.286l-5.54-3.631z'/%3E%3Cpath%20d='M0%200v1.286l8.5%206.428L17%201.286V0z'/%3E%3C/g%3E%3C/svg%3E");
  width: 1.0625rem;
  height: 0.75rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-letter-icon {
  padding-left: 1.75rem;
  background-size: 1.0625rem 0.75rem; }

.key-letter-icon-container {
  width: 1.0625rem;
  height: 0.75rem;
  display: inline-flex;
  align-self: center; }

.key-lightboxen-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='18'%20height='17'%20viewBox='0%200%2018%2017'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E977818C9-23C3-4CF6-ADFE-066AA0347950%3C/title%3E%3Cpath%20d='M14.72%207.635h-3.393v3.393H9.63V7.635H6.238V5.936H9.63v-3.39h1.696v3.391h3.394v1.698zM15.568%200H5.39a1.7%201.7%200%200%200-1.695%201.695v10.18a1.7%201.7%200%200%200%201.695%201.695h10.178c.933%200%201.697-.763%201.697-1.695V1.695A1.7%201.7%200%200%200%2015.568%200zM1.996%203.394H.3V15.27c0%20.931.763%201.695%201.696%201.695h11.875V15.27H1.996V3.394z'%20fill='%23000'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 1.125rem;
  height: 1.0625rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-lightboxen-icon {
  padding-left: 1.8125rem;
  background-size: 1.125rem 1.0625rem; }

.key-lightboxen-icon-container {
  width: 1.125rem;
  height: 1.0625rem;
  display: inline-flex;
  align-self: center; }

.key-lock-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='14'%20height='18'%20viewBox='0%200%2014%2018'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EC81E8DE0-FF80-4F57-B50E-E1EEE7BE4FEE%3C/title%3E%3Cpath%20d='M10.175%207.258H3.638v-1.64c0-1.805%201.468-3.298%203.269-3.298%201.8%200%203.268%201.493%203.268%203.299v1.639zm-2.158%205.346v2.484a.53.53%200%200%201-.523.525H6.32a.53.53%200%200%201-.523-.525v-2.484a1.479%201.479%200%200%201-.437-1.063c0-.788.61-1.465%201.383-1.496a5.26%205.26%200%200%201%20.329%200c.774.031%201.383.708%201.383%201.496%200%20.416-.16.791-.437%201.063zm4.816-5.346h-.35v-1.64c0-3.03-2.406-5.563-5.412-5.617a12.555%2012.555%200%200%200-.329%200C3.736.055%201.33%202.587%201.33%205.62v1.639H.98c-.54%200-.98.557-.98%201.244v8.22c0%20.688.44%201.25.98%201.25h11.853c.54%200%20.98-.562.98-1.25v-8.22c0-.687-.44-1.244-.98-1.244z'%20fill='%23000'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 0.875rem;
  height: 1.125rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-lock-icon {
  padding-left: 1.5625rem;
  background-size: 0.875rem 1.125rem; }

.key-lock-icon-container {
  width: 0.875rem;
  height: 1.125rem;
  display: inline-flex;
  align-self: center; }

.key-loesungen-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='26'%20height='23'%20viewBox='0%200%2026%2023'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EC0336A77-48A6-4F5F-A36F-F6DE0F5FDFCF%3C/title%3E%3Cg%20fill='%23000'%20fill-rule='evenodd'%3E%3Cpath%20d='M22.169%2013.608c-.472-.19-1.362-.596-2.275-1.016-.31-.144-.587-.525-.624-.85l-.1-.945c.7-.616%201.329-1.474%201.435-2.43h.16c.246%200%20.478-.176.515-.392l.25-1.45c.03-.308-.276-.495-.526-.495.007-.031.011-.064.015-.09a4.16%204.16%200%200%200%20.063-.503c.017-.133.032-.269.034-.41.028-.682-.094-1.282-.298-1.615a3.843%203.843%200%200%200-.948-1.31c-1.21-1.083-2.609-1.504-3.804-.635-.565-.092-1.201.064-1.775.421.362.23.718.492%201.066.804a6.25%206.25%200%200%201%201.5%202.04c.52.934.558%202.112.534%202.717-.002.11-.01.218-.018.324a2.1%202.1%200%200%201%20.506%201.595l-.006.06-.01.058-.298%201.73a2.199%202.199%200%200%201-1.062%201.512c-.276.773-.74%201.523-1.367%202.207l.013.124c.846.39%201.94.89%202.478%201.107.146.06.305.12.472.185.658.256%201.53.596%202.362%201.091h5.446v-.579c0-1.996-2.433-2.724-3.738-3.255'/%3E%3Cpath%20d='M15.71%207.903c.018-.158.036-.32.04-.49.033-.816-.113-1.534-.357-1.934a4.565%204.565%200%200%200-1.135-1.568%206.113%206.113%200%200%200-1.123-.794%202.909%202.909%200%200%200-.267.727c-.092.296-.149.656-.164%201.042-.018.435.027.83.112%201.15a.499.499%200%200%200-.478.493l.247%201.445c.037.217.27.393.52.393h.14c.224%201.032.806%201.882%201.447%202.476l-.097.913c-.034.326-.314.706-.62.85-.885.408-1.755.8-2.275%201.006-1.228.478-3.74%201.255-3.74%203.251v.58h8.474c-.584-.256-1.355-.609-2.147-.974-.37-.172-.703-.627-.747-1.017l-.12-1.13c.838-.74%201.59-1.766%201.72-2.911h.188c.295%200%20.575-.21.618-.47l.3-1.734c.036-.37-.332-.593-.63-.593.007-.038.014-.076.018-.107.04-.208.062-.407.076-.604'/%3E%3Cpath%20d='M0%2021.583v.694h21.487v-.694c0-2.39-2.916-3.261-4.478-3.896-.563-.228-1.63-.713-2.722-1.218-.371-.171-.703-.628-.747-1.017l-.12-1.131c.838-.738%201.59-1.766%201.718-2.91h.19c.295%200%20.575-.21.619-.469l.298-1.734c.037-.37-.33-.594-.63-.594a1.09%201.09%200%200%200%20.019-.107c.04-.207.062-.406.076-.603.019-.16.036-.32.04-.491.032-.816-.113-1.534-.357-1.934a4.569%204.569%200%200%200-1.135-1.569c-.912-.816-1.914-1.317-2.887-1.317-.574%200-1.136.172-1.667.558a2.673%202.673%200%200%200-.41-.033c-.875%200-1.835.423-2.556%201.223a3.646%203.646%200%200%200-.863%201.656c-.11.354-.178.786-.197%201.248-.022.521.033.994.135%201.376-.283.017-.571.237-.571.59l.294%201.731c.044.258.324.47.623.47h.168c.268%201.237.964%202.254%201.732%202.965l-.117%201.091c-.04.39-.374.846-.742%201.02-1.06.488-2.1.958-2.722%201.202C3.006%2018.264%200%2019.193%200%2021.583'/%3E%3C/g%3E%3C/svg%3E");
  width: 1.625rem;
  height: 1.4375rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-loesungen-icon {
  padding-left: 2.3125rem;
  background-size: 1.625rem 1.4375rem; }

.key-loesungen-icon-container {
  width: 1.625rem;
  height: 1.4375rem;
  display: inline-flex;
  align-self: center; }

.key-logout-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='17'%20height='18'%20viewBox='0%200%2017%2018'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E7C0D05EA-75B4-48C3-A17C-FF6E16098BE9%3C/title%3E%3Cg%20fill='%23000'%20fill-rule='evenodd'%3E%3Cpath%20d='M8.318%209.645c.375%200%20.7-.137.974-.41.274-.272.412-.595.412-.968v-6.89A1.32%201.32%200%200%200%209.292.41%201.335%201.335%200%200%200%208.318%200c-.376%200-.7.137-.975.409a1.32%201.32%200%200%200-.412.969v6.889c0%20.373.137.696.412.968.274.273.599.41.975.41'/%3E%3Cpath%20d='M15.763%205.952a8.118%208.118%200%200%200-2.453-2.906%201.349%201.349%200%200%200-1.029-.269c-.383.05-.686.23-.91.538-.23.301-.319.64-.264%201.017.054.377.232.68.536.91a5.5%205.5%200%200%201%201.64%201.948c.386.768.58%201.586.58%202.454%200%20.747-.147%201.458-.44%202.137a5.544%205.544%200%200%201-1.185%201.76%205.602%205.602%200%200%201-1.77%201.178%205.434%205.434%200%200%201-2.15.436%205.435%205.435%200%200%201-2.15-.436%205.59%205.59%200%200%201-1.77-1.178%205.544%205.544%200%200%201-1.186-1.76%205.335%205.335%200%200%201-.44-2.137c0-.868.194-1.686.58-2.454a5.51%205.51%200%200%201%201.64-1.948c.304-.23.483-.533.537-.91a1.302%201.302%200%200%200-.266-1.017%201.28%201.28%200%200%200-.904-.538c-.379-.05-.724.04-1.034.27A8.12%208.12%200%200%200%20.872%205.951%208.108%208.108%200%200%200%200%209.644c0%201.12.22%202.189.66%203.208a8.35%208.35%200%200%200%201.777%202.637%208.404%208.404%200%200%200%202.653%201.765c1.025.438%202.1.656%203.228.656a8.13%208.13%200%200%200%203.227-.656%208.394%208.394%200%200%200%202.653-1.765%208.332%208.332%200%200%200%201.776-2.637c.44-1.02.66-2.088.66-3.208a8.1%208.1%200%200%200-.871-3.692'/%3E%3C/g%3E%3C/svg%3E");
  width: 1.0625rem;
  height: 1.125rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-logout-icon {
  padding-left: 1.75rem;
  background-size: 1.0625rem 1.125rem; }

.key-logout-icon-container {
  width: 1.0625rem;
  height: 1.125rem;
  display: inline-flex;
  align-self: center; }

.key-magnifier-white-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='17'%20height='18'%20viewBox='0%200%2017%2018'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E90DEF292-43AC-43BC-B1C1-ED9F6658D2AC%3C/title%3E%3Cpath%20d='M6.948%202.604a4.35%204.35%200%200%201%204.346%204.345%204.35%204.35%200%200%201-4.346%204.345A4.35%204.35%200%200%201%202.604%206.95a4.35%204.35%200%200%201%204.344-4.345m5.687%208.351c.847-.944%201.263-2.52%201.263-4.007%200-3.83-3.117-6.948-6.95-6.948A6.956%206.956%200%200%200%200%206.948c0%203.833%203.117%206.95%206.948%206.95%201.439%200%202.665-.355%203.681-1.094l4.119%204.313c.172.18%201.305.618%201.988-.052.357-.35.347-1.303%200-1.664l-4.101-4.446z'%20fill='%23FFF'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 1.0625rem;
  height: 1.125rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-magnifier-white-icon {
  padding-left: 1.75rem;
  background-size: 1.0625rem 1.125rem; }

.key-magnifier-white-icon-container {
  width: 1.0625rem;
  height: 1.125rem;
  display: inline-flex;
  align-self: center; }

.key-magnifier-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='17'%20height='18'%20viewBox='0%200%2017%2018'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E00F6E66B-06F9-4DC3-8808-5D75BD6EE014%3C/title%3E%3Cpath%20d='M6.948%202.604a4.35%204.35%200%200%201%204.346%204.345%204.35%204.35%200%200%201-4.346%204.345A4.35%204.35%200%200%201%202.604%206.95a4.35%204.35%200%200%201%204.344-4.345m5.687%208.351c.847-.944%201.263-2.52%201.263-4.007%200-3.83-3.117-6.948-6.95-6.948A6.956%206.956%200%200%200%200%206.948c0%203.833%203.117%206.95%206.948%206.95%201.439%200%202.665-.355%203.681-1.094l4.119%204.313c.172.18%201.305.618%201.988-.052.357-.35.347-1.303%200-1.664l-4.101-4.446z'%20fill='%23000'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 1.0625rem;
  height: 1.125rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-magnifier-icon {
  padding-left: 1.75rem;
  background-size: 1.0625rem 1.125rem; }

.key-magnifier-icon-container {
  width: 1.0625rem;
  height: 1.125rem;
  display: inline-flex;
  align-self: center; }

.key-mappin-small-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='12'%20height='18'%20viewBox='0%200%2012%2018'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E00AD4D82-9723-485A-AC3D-5A699295DE54%3C/title%3E%3Cpath%20d='M5.974%209.27a3.44%203.44%200%200%201-3.436-3.447A3.438%203.438%200%200%201%205.974%202.38a3.44%203.44%200%200%201%203.437%203.443%203.443%203.443%200%200%201-3.437%203.448M1.082%202.554A5.934%205.934%200%200%200%200%205.978c0%201.689%201.654%204.715%201.654%204.715l4.127%206.845%204.306-6.764S12%207.888%2012%205.978C12.003%202.677%209.315%200%206%200a6.001%206.001%200%200%200-4.918%202.554z'%20fill='%23000'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 0.75rem;
  height: 1.125rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-mappin-small-icon {
  padding-left: 1.4375rem;
  background-size: 0.75rem 1.125rem; }

.key-mappin-small-icon-container {
  width: 0.75rem;
  height: 1.125rem;
  display: inline-flex;
  align-self: center; }

.key-mappin-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='21'%20height='31'%20viewBox='0%200%2021%2031'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EAECB88F3-DEA6-4744-9AEA-E7B3DE6CF4D2%3C/title%3E%3Cpath%20d='M10.454%2016.224c-3.321%200-6.013-2.699-6.013-6.034a6.017%206.017%200%200%201%206.013-6.026%206.02%206.02%200%200%201%206.015%206.026c0%203.335-2.696%206.034-6.015%206.034M1.893%204.469A10.384%2010.384%200%200%200%200%2010.46c0%202.956%202.894%208.252%202.894%208.252L10.116%2031l7.536-12.145S21%2013.805%2021%2010.46C21.004%204.685%2016.301%200%2010.502%200%206.94%200%203.792%201.767%201.893%204.469z'%20fill='%23000'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 1.3125rem;
  height: 1.9375rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-mappin-icon {
  padding-left: 2rem;
  background-size: 1.3125rem 1.9375rem; }

.key-mappin-icon-container {
  width: 1.3125rem;
  height: 1.9375rem;
  display: inline-flex;
  align-self: center; }

.key-menu-icon, .nav-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='20'%20height='15'%20viewBox='0%200%2020%2015'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E477095B0-64B4-4DF9-BD2E-576E96FC03D4%3C/title%3E%3Cg%20fill='%23000'%20fill-rule='evenodd'%3E%3Cpath%20d='M19.999.75c0-.45-.333-.75-.834-.75H.835C.332%200%200%20.3%200%20.75v1.498C0%202.7.333%203%20.834%203h18.33c.502%200%20.835-.3.835-.75V.75zM19.999%206.75c0-.45-.333-.752-.834-.752H.835C.332%205.998%200%206.3%200%206.75v1.502C0%208.7.333%209%20.834%209h18.33c.502%200%20.835-.3.835-.75V6.749zM19.999%2012.752c0-.451-.333-.751-.834-.751H.835c-.502%200-.835.3-.835.75v1.498C0%2014.7.333%2015%20.834%2015h18.33c.502%200%20.835-.3.835-.75v-1.498z'/%3E%3C/g%3E%3C/svg%3E");
  width: 1.25rem;
  height: 0.9375rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-menu-icon, a.nav-icon {
  padding-left: 1.9375rem;
  background-size: 1.25rem 0.9375rem; }

.key-menu-icon-container {
  width: 1.25rem;
  height: 0.9375rem;
  display: inline-flex;
  align-self: center; }

.key-move-white-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='19'%20height='17'%20viewBox='0%200%2019%2017'%3E%3Cpath%20d='M4.946%200L0%204.204%204.946%208.16V5.934h12.363V2.473H4.946zm8.345%2011.127H.927v3.462h12.364v2.225l4.945-3.955-4.945-4.204z'%20fill='%23FFF'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 1.1875rem;
  height: 1.0625rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-move-white-icon {
  padding-left: 1.875rem;
  background-size: 1.1875rem 1.0625rem; }

.key-move-white-icon-container {
  width: 1.1875rem;
  height: 1.0625rem;
  display: inline-flex;
  align-self: center; }

.key-move-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='19'%20height='17'%20viewBox='0%200%2019%2017'%3E%3Cpath%20d='M4.946%200L0%204.204%204.946%208.16V5.934h12.363V2.473H4.946zm8.345%2011.127H.927v3.462h12.364v2.225l4.945-3.955-4.945-4.204z'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 1.1875rem;
  height: 1.0625rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-move-icon {
  padding-left: 1.875rem;
  background-size: 1.1875rem 1.0625rem; }

.key-move-icon-container {
  width: 1.1875rem;
  height: 1.0625rem;
  display: inline-flex;
  align-self: center; }

.key-newlightbox-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%3E%3Cdefs%3E%3Cpath%20id='a'%20d='M.056%206.658H6.58V.129H.056z'/%3E%3C/defs%3E%3Cg%20fill='none'%20fill-rule='evenodd'%3E%3Cpath%20fill='%231D1C1B'%20d='M.01%2017.429a.411.411%200%200%200%20.498.49l4.028-.978-3.613-3.614-.913%204.102zM17.408%202.326L15.796.714a1.6%201.6%200%200%200-2.26%200L11.99%202.258l3.615%203.615%201.802-1.801a1.233%201.233%200%200%200%200-1.746zm-6.358.872l3.615%203.615-9.15%209.15-3.613-3.615%209.148-9.15z'/%3E%3Cg%20transform='translate(10.85%2011.272)'%3E%3Cmask%20id='b'%20fill='%23fff'%3E%3Cuse%20xlink:href='%23a'/%3E%3C/mask%3E%3Cpath%20fill='%231D1C1B'%20d='M4.217%202.492H6.58v1.802H4.217v2.364H2.415V4.294H.055V2.492H2.42V.13h1.8v2.363z'%20mask='url(%23b)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 1.125rem;
  height: 1.125rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-newlightbox-icon {
  padding-left: 1.8125rem;
  background-size: 1.125rem 1.125rem; }

.key-newlightbox-icon-container {
  width: 1.125rem;
  height: 1.125rem;
  display: inline-flex;
  align-self: center; }

.key-pause-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='16'%20viewBox='0%200%2015%2016'%3E%3Cpath%20d='M0%200h4.941v16H0zm9.706%200h4.941v16H9.706z'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 0.9375rem;
  height: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-pause-icon {
  padding-left: 1.625rem;
  background-size: 0.9375rem 1rem; }

.key-pause-icon-container {
  width: 0.9375rem;
  height: 1rem;
  display: inline-flex;
  align-self: center; }

.key-pen-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='19'%20height='18'%20viewBox='0%200%2019%2018'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E0F59E10E-C023-4ADD-A222-5EE2216EC606%3C/title%3E%3Cpath%20d='M.01%2017.49a.419.419%200%200%200%20.507.498l4.1-.994-3.678-3.68L.01%2017.49zM17.72%202.116L16.077.476a1.629%201.629%200%200%200-2.3%200l-1.572%201.571%203.68%203.68%201.833-1.834a1.255%201.255%200%200%200%200-1.777zm-6.472.888l3.68%203.68-9.315%209.313-3.677-3.68%209.312-9.313z'%20fill='%23000'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 1.1875rem;
  height: 1.125rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-pen-icon {
  padding-left: 1.875rem;
  background-size: 1.1875rem 1.125rem; }

.key-pen-icon-container {
  width: 1.1875rem;
  height: 1.125rem;
  display: inline-flex;
  align-self: center; }

.key-phone-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EB25972F6-B1B3-4728-BB3F-3143F48CDF2B%3C/title%3E%3Cpath%20d='M15.268%2012.565L12.49%209.788a.556.556%200%200%200-.776%200l-.608.61-.567.564a1.243%201.243%200%200%201-.223.187l3.562%203.567c.46-.464.92-.919%201.38-1.38a.54.54%200%200%200%20.009-.77m-7.49-1.082a33.43%2033.43%200%200%201-3.264-3.267c-.412-.473-.49-1.166-.277-1.742L.58%202.815c-.852.875-.745%203.044.187%204.95.403.825.921%201.572%201.455%202.278a20.82%2020.82%200%200%200%203.73%203.74c.709.537%201.454%201.054%202.276%201.45%201.906.935%204.075%201.037%204.95.185L9.524%2011.76c-.58.215-1.273.135-1.745-.277M4.843%205.676L1.282%202.114C1.74%201.654%202.2%201.189%202.66.73a.553.553%200%200%201%20.773-.005l2.772%202.777a.551.551%200%200%201%200%20.778L5.03%205.453c-.07.067-.132.143-.187.223'%20fill='%23000'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 1rem;
  height: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-phone-icon {
  padding-left: 1.6875rem;
  background-size: 1rem 1rem; }

.key-phone-icon-container {
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  align-self: center; }

.key-pin-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EEEE6AC90-A3B6-430F-9733-F0E469C41E88%3C/title%3E%3Cg%20fill='%23000'%20fill-rule='evenodd'%3E%3Cpath%20d='M.387%2015.303l.155.192%205.478-4.78-.812-.816zM12.04%200L6.856%204.663l4.326%204.345%204.645-5.202zM5.427%204.487c-1.474-.313-2.845-.055-3.75.855l8.827%208.862c.903-.907%201.163-2.284.852-3.763l-5.93-5.954z'/%3E%3C/g%3E%3C/svg%3E");
  width: 1rem;
  height: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-pin-icon {
  padding-left: 1.6875rem;
  background-size: 1rem 1rem; }

.key-pin-icon-container {
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  align-self: center; }

.key-pinterest-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='17'%20height='22'%20viewBox='0%200%2017%2022'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EB88CF08C-8E7C-4864-AF97-63D1C7534DBD%3C/title%3E%3Cpath%20d='M14.07%202.226C12.656.84%2010.696.074%208.554.074c-3.272%200-5.284%201.37-6.396%202.518C.786%204.008%200%205.887%200%207.75c0%202.338.958%204.132%202.562%204.8a.832.832%200%200%200%20.322.067c.338%200%20.606-.226.7-.588.053-.208.179-.721.233-.944.117-.44.023-.652-.232-.958-.464-.56-.68-1.223-.68-2.085%200-2.562%201.868-5.284%205.331-5.284%202.747%200%204.454%201.594%204.454%204.16%200%201.62-.342%203.12-.962%204.223-.431.767-1.19%201.682-2.354%201.682-.503%200-.955-.211-1.24-.58-.27-.347-.359-.797-.25-1.265.122-.53.289-1.082.45-1.615.295-.975.574-1.896.574-2.63%200-1.257-.757-2.101-1.883-2.101-1.43%200-2.552%201.484-2.552%203.378%200%20.929.242%201.624.352%201.89L3.37%2016.19c-.118.51-.825%204.54.346%204.862%201.317.361%202.493-3.564%202.613-4.008.097-.36.437-1.724.645-2.563.635.625%201.658%201.047%202.654%201.047%201.877%200%203.564-.862%204.753-2.428%201.152-1.518%201.786-3.634%201.786-5.959%200-1.817-.764-3.608-2.096-4.914'%20fill='%23F1F1F1'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 1.0625rem;
  height: 1.375rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-pinterest-icon {
  padding-left: 1.75rem;
  background-size: 1.0625rem 1.375rem; }

.key-pinterest-icon-container {
  width: 1.0625rem;
  height: 1.375rem;
  display: inline-flex;
  align-self: center; }

.key-play-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='16'%20viewBox='0%200%2015%2016'%3E%3Cpath%20fill-rule='evenodd'%20d='M14.3%208L1.5%2016V0z'/%3E%3C/svg%3E");
  width: 0.9375rem;
  height: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-play-icon {
  padding-left: 1.625rem;
  background-size: 0.9375rem 1rem; }

.key-play-icon-container {
  width: 0.9375rem;
  height: 1rem;
  display: inline-flex;
  align-self: center; }

.key-printer-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='17'%20height='17'%20viewBox='0%200%2017%2017'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E64157FA9-BAA4-4E06-BCE0-22B938A5442F%3C/title%3E%3Cg%20fill-rule='evenodd'%3E%3Cpath%20d='M4.357%201.09h8.39v2.097h1.049V1.09A1.05%201.05%200%200%200%2012.747.041h-8.39c-.58%200-1.049.47-1.049%201.049v2.097h1.049V1.09zm10.488%206.293a1.048%201.048%200%201%201-.002-2.097%201.048%201.048%200%200%201%20.002%202.097zm-10.488%208.39h8.39V9.48h-8.39v6.293zM15.893%204.236H1.211c-.58%200-1.05.47-1.05%201.049v6.293c0%20.58.47%201.048%201.05%201.048h2.097v3.147c0%20.58.47%201.049%201.049%201.049h8.39c.58%200%201.049-.47%201.049-1.05v-3.146h2.097c.58%200%201.05-.469%201.05-1.048V5.285a1.05%201.05%200%200%200-1.05-1.049z'/%3E%3Cpath%20d='M5.5%2014.049h5V13h-5zm0-2h6V11h-6z'/%3E%3C/g%3E%3C/svg%3E");
  width: 1.0625rem;
  height: 1.0625rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-printer-icon {
  padding-left: 1.75rem;
  background-size: 1.0625rem 1.0625rem; }

.key-printer-icon-container {
  width: 1.0625rem;
  height: 1.0625rem;
  display: inline-flex;
  align-self: center; }

.key-produkte-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='29'%20height='26'%20viewBox='0%200%2029%2026'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E4CB8B251-1F60-4899-8067-496147F7C17D%3C/title%3E%3Cg%20fill='%23000'%20fill-rule='evenodd'%3E%3Cpath%20d='M28.341%207.763L12.161.038a.378.378%200%200%200-.504.176l-3.52%207.365h1.918l2.584-5.412%2014.027%206.699-4.385%209.178-2.472-1.178v4.853l1.52.726a.38.38%200%200%200%20.504-.18l6.684-13.997a.378.378%200%200%200-.176-.505z'/%3E%3Cpath%20d='M1.73%2020.36h15.544V10.187H1.731v10.175zM.38%208.472a.38.38%200%200%200-.38.376v16.476c0%20.21.173.38.38.38H18.31c.207%200%20.375-.17.375-.38V8.847a.374.374%200%200%200-.375-.376H.38z'/%3E%3C/g%3E%3C/svg%3E");
  width: 1.8125rem;
  height: 1.625rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-produkte-icon {
  padding-left: 2.5rem;
  background-size: 1.8125rem 1.625rem; }

.key-produkte-icon-container {
  width: 1.8125rem;
  height: 1.625rem;
  display: inline-flex;
  align-self: center; }

.key-question-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%3E%3Cpath%20fill-rule='evenodd'%20d='M9.39%206.291c-.14.199-.448.446-.836.748l-.427.295c-.235.182-.377.354-.43.523-.04.132-.062.168-.065.437l-.001.07H6l.004-.139c.02-.567.035-.901.27-1.177.369-.432%201.182-.957%201.217-.979a1.29%201.29%200%200%200%20.288-.294c.171-.237.247-.422.247-.604%200-.254-.076-.489-.224-.697-.143-.202-.414-.303-.807-.303-.39%200-.656.123-.815.377-.164.26-.248.534-.248.814v.07H4.251l.003-.073c.044-1.03.41-1.772%201.092-2.205.428-.276.96-.415%201.583-.415.813%200%201.5.197%202.04.587.548.396.826.987.826%201.76%200%20.431-.136.837-.405%201.205m-2.504%204.97l-.039-.001c-.595-.017-1.015-.456-.998-1.043a.995.995%200%200%201%201.022-.995l.035.001c.611.018%201.027.453%201.01%201.056-.018.578-.441.982-1.03.982M6.906%200a7%207%200%201%200%20.187%2013.998A7%207%200%200%200%206.906.001'/%3E%3C/svg%3E");
  width: 0.875rem;
  height: 0.875rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-question-icon {
  padding-left: 1.5625rem;
  background-size: 0.875rem 0.875rem; }

.key-question-icon-container {
  width: 0.875rem;
  height: 0.875rem;
  display: inline-flex;
  align-self: center; }

.key-reset-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E54AE54EA-6FEA-4675-AC41-C1593AA93C41%3C/title%3E%3Cg%20fill='none'%20fill-rule='evenodd'%3E%3Ccircle%20fill='%23000'%20cx='7'%20cy='7'%20r='7'/%3E%3Cpath%20fill='%23FFF'%20d='M9.92%203L7.001%205.92%204.081%203%203%204.08l2.92%202.919-2.92%202.92L4.081%2011%207%208.078%209.921%2011%2011%209.92%208.08%206.998%2011%204.079z'/%3E%3C/g%3E%3C/svg%3E");
  width: 0.875rem;
  height: 0.875rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-reset-icon {
  padding-left: 1.5625rem;
  background-size: 0.875rem 0.875rem; }

.key-reset-icon-container {
  width: 0.875rem;
  height: 0.875rem;
  display: inline-flex;
  align-self: center; }

.key-sendtofriend-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='18'%20height='16'%20viewBox='0%200%2018%2016'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E6FCE1771-721D-481E-8A45-7AD542F4082B%3C/title%3E%3Cpath%20d='M12.666.19a.62.62%200%200%200-.452-.19.62.62%200%200%200-.452.19.615.615%200%200%200-.19.45V3.2h-2.25c-4.775%200-7.705%201.344-8.79%204.03C.178%208.123%200%209.234%200%2010.56c0%201.107.425%202.61%201.276%204.51l.105.24.135.3c.04.087.085.16.132.22.08.113.174.17.28.17.101%200%20.18-.033.237-.1a.373.373%200%200%200%20.085-.25c0-.06-.008-.148-.025-.265a2.021%202.021%200%200%201-.025-.235c-.034-.453-.051-.863-.051-1.23%200-.673.06-1.276.176-1.81.117-.533.28-.994.487-1.385.208-.39.476-.727.804-1.01a4.734%204.734%200%200%201%201.06-.695%205.77%205.77%200%200%201%201.335-.425A12.754%2012.754%200%200%201%207.56%208.38c.518-.04%201.106-.06%201.762-.06h2.25v2.56c0%20.174.064.324.191.45.127.127.278.19.452.19a.619.619%200%200%200%20.452-.19l5.143-5.12A.613.613%200%200%200%2018%205.76a.615.615%200%200%200-.19-.45L12.665.19z'%20fill='%23000'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 1.125rem;
  height: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-sendtofriend-icon {
  padding-left: 1.8125rem;
  background-size: 1.125rem 1rem; }

.key-sendtofriend-icon-container {
  width: 1.125rem;
  height: 1rem;
  display: inline-flex;
  align-self: center; }

.key-shoppingcart-white-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='22'%20height='18'%20viewBox='0%200%2022%2018'%3E%3Cpath%20fill='%23FFF'%20fill-rule='evenodd'%20d='M15.1%2013.968a.781.781%200%201%201-1.563%200V9.657a.781.781%200%201%201%201.562%200v4.311zm-3.23%200a.781.781%200%201%201-1.562%200V9.657a.781.781%200%201%201%201.562%200v4.311zm-3.229%200a.78.78%200%201%201-1.56%200V9.657a.781.781%200%201%201%201.56%200v4.311zm-1.56-10.6c0-.274.23-.502.502-.502h7.01a.49.49%200%200%201%20.48.502V5.59H7.08V3.368zM17.162%205.59V3.368c0-1.43-1.14-2.594-2.57-2.594H7.584A2.597%202.597%200%200%200%204.99%203.368V5.59H2.283c-.625%200-1.13.504-1.13%201.128v2.455c0%20.623.505%201.127%201.13%201.127h.335l1.234%206.775A1.13%201.13%200%200%200%204.96%2018h12.255c.545%200%201.01-.39%201.109-.925l1.233-6.775h.313c.622%200%201.129-.504%201.129-1.127V6.718c0-.624-.507-1.128-1.13-1.128h-2.708z'/%3E%3C/svg%3E");
  width: 1.375rem;
  height: 1.125rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-shoppingcart-white-icon {
  padding-left: 2.0625rem;
  background-size: 1.375rem 1.125rem; }

.key-shoppingcart-white-icon-container {
  width: 1.375rem;
  height: 1.125rem;
  display: inline-flex;
  align-self: center; }

.key-shoppingcart-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='22'%20height='18'%20viewBox='0%200%2022%2018'%3E%3Cpath%20fill-rule='evenodd'%20d='M15.1%2013.968a.781.781%200%201%201-1.563%200V9.657a.781.781%200%201%201%201.562%200v4.311zm-3.23%200a.781.781%200%201%201-1.562%200V9.657a.781.781%200%201%201%201.562%200v4.311zm-3.229%200a.78.78%200%201%201-1.56%200V9.657a.781.781%200%201%201%201.56%200v4.311zm-1.56-10.6c0-.274.23-.502.502-.502h7.01a.49.49%200%200%201%20.48.502V5.59H7.08V3.368zM17.162%205.59V3.368c0-1.43-1.14-2.594-2.57-2.594H7.584A2.597%202.597%200%200%200%204.99%203.368V5.59H2.283c-.625%200-1.13.504-1.13%201.128v2.455c0%20.623.505%201.127%201.13%201.127h.335l1.234%206.775A1.13%201.13%200%200%200%204.96%2018h12.255c.545%200%201.01-.39%201.109-.925l1.233-6.775h.313c.622%200%201.129-.504%201.129-1.127V6.718c0-.624-.507-1.128-1.13-1.128h-2.708z'/%3E%3C/svg%3E");
  width: 1.375rem;
  height: 1.125rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-shoppingcart-icon {
  padding-left: 2.0625rem;
  background-size: 1.375rem 1.125rem; }

.key-shoppingcart-icon-container {
  width: 1.375rem;
  height: 1.125rem;
  display: inline-flex;
  align-self: center; }

.key-slider-button-default-left-icon, .key-slider .slick-arrow.slick-prev, .key-slider .slick-arrow.slick-prev:focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EAD8C00F3-90A2-4858-83DE-2B31B97E2EA5%3C/title%3E%3Cdefs%3E%3Ccircle%20id='b'%20cx='21'%20cy='21'%20r='21'/%3E%3Cfilter%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%20filterUnits='objectBoundingBox'%20id='a'%3E%3CfeOffset%20dy='1'%20in='SourceAlpha'%20result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur%20stdDeviation='1.5'%20in='shadowOffsetOuter1'%20result='shadowBlurOuter1'/%3E%3CfeColorMatrix%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200'%20in='shadowBlurOuter1'/%3E%3C/filter%3E%3C/defs%3E%3Cg%20fill='none'%20fill-rule='evenodd'%3E%3Cg%20transform='translate(3%202)'%3E%3Cuse%20fill='%23000'%20filter='url(%23a)'%20xlink:href='%23b'/%3E%3Cuse%20fill='%23FFF'%20xlink:href='%23b'/%3E%3C/g%3E%3Cpath%20d='M17%2023.05s9.403%207.642%2011.327%208.95l1.062-.86-5.993-8.09%205.993-8.19-1.062-.86C26.737%2015.095%2017%2023.05%2017%2023.05z'%20fill='%23000'/%3E%3C/g%3E%3C/svg%3E");
  width: 3rem;
  height: 3rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-slider-button-default-left-icon, .key-slider a.slick-arrow.slick-prev, .key-slider a.slick-arrow.slick-prev:focus {
  padding-left: 3.6875rem;
  background-size: 3rem 3rem; }

.key-slider-button-default-left-icon-container {
  width: 3rem;
  height: 3rem;
  display: inline-flex;
  align-self: center; }

.key-slider-button-default-right-icon, .key-slider .slick-arrow.slick-next, .key-slider .slick-arrow.slick-next:focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EF42CA89E-9AB6-48CA-AC16-4528129F572F%3C/title%3E%3Cdefs%3E%3Ccircle%20id='b'%20cx='21'%20cy='21'%20r='21'/%3E%3Cfilter%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%20filterUnits='objectBoundingBox'%20id='a'%3E%3CfeOffset%20dy='1'%20in='SourceAlpha'%20result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur%20stdDeviation='1.5'%20in='shadowOffsetOuter1'%20result='shadowBlurOuter1'/%3E%3CfeColorMatrix%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200'%20in='shadowBlurOuter1'/%3E%3C/filter%3E%3C/defs%3E%3Cg%20fill='none'%20fill-rule='evenodd'%3E%3Cg%20transform='translate(3%202)'%3E%3Cuse%20fill='%23000'%20filter='url(%23a)'%20xlink:href='%23b'/%3E%3Cuse%20fill='%23FFF'%20xlink:href='%23b'/%3E%3C/g%3E%3Cpath%20d='M31.39%2023.05S21.985%2030.692%2020.062%2032L19%2031.14l5.993-8.09L19%2014.86l1.063-.86c1.59%201.095%2011.326%209.05%2011.326%209.05z'%20fill='%23000'/%3E%3C/g%3E%3C/svg%3E");
  width: 3rem;
  height: 3rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-slider-button-default-right-icon, .key-slider a.slick-arrow.slick-next, .key-slider a.slick-arrow.slick-next:focus {
  padding-left: 3.6875rem;
  background-size: 3rem 3rem; }

.key-slider-button-default-right-icon-container {
  width: 3rem;
  height: 3rem;
  display: inline-flex;
  align-self: center; }


.key-slider-button-inactive-left-icon,
.key-slider .slick-arrow.slick-prev.slick-disabled,
.key-slider .slick-arrow.slick-prev.slick-disabled:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E6245D8D7-C743-4A18-8DC3-5201D8B2E471%3C/title%3E%3Cdefs%3E%3Ccircle%20id='b'%20cx='21'%20cy='21'%20r='21'/%3E%3Cfilter%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%20filterUnits='objectBoundingBox'%20id='a'%3E%3CfeOffset%20dx='1'%20dy='1'%20in='SourceAlpha'%20result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur%20stdDeviation='1.5'%20in='shadowOffsetOuter1'%20result='shadowBlurOuter1'/%3E%3CfeColorMatrix%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200'%20in='shadowBlurOuter1'/%3E%3C/filter%3E%3C/defs%3E%3Cg%20fill='none'%20fill-rule='evenodd'%20opacity='.4'%3E%3Cg%20transform='translate(2%202)'%3E%3Cuse%20fill='%23000'%20filter='url(%23a)'%20xlink:href='%23b'/%3E%3Cuse%20fill='%23FFF'%20xlink:href='%23b'/%3E%3C/g%3E%3Cpath%20d='M16%2023.05s9.403%207.642%2011.327%208.95l1.062-.86-5.993-8.09%205.993-8.19-1.062-.86C25.737%2015.095%2016%2023.05%2016%2023.05z'%20fill='%23888'/%3E%3C/g%3E%3C/svg%3E");
  width: 3rem;
  height: 3rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-slider-button-inactive-left-icon, .key-slider a.slick-arrow.slick-prev.slick-disabled, .key-slider a.slick-arrow.slick-prev.slick-disabled:hover {
  padding-left: 3.6875rem;
  background-size: 3rem 3rem; }

.key-slider-button-inactive-left-icon-container {
  width: 3rem;
  height: 3rem;
  display: inline-flex;
  align-self: center; }

.key-slider-button-inactive-right-icon, .key-slider .slick-arrow.slick-next.slick-disabled, .key-slider .slick-arrow.slick-next.slick-disabled:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E71A79206-59AA-4072-B357-DF54DBB9F119%3C/title%3E%3Cdefs%3E%3Ccircle%20id='b'%20cx='21'%20cy='21'%20r='21'/%3E%3Cfilter%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%20filterUnits='objectBoundingBox'%20id='a'%3E%3CfeOffset%20dx='1'%20dy='1'%20in='SourceAlpha'%20result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur%20stdDeviation='1.5'%20in='shadowOffsetOuter1'%20result='shadowBlurOuter1'/%3E%3CfeColorMatrix%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200'%20in='shadowBlurOuter1'/%3E%3C/filter%3E%3C/defs%3E%3Cg%20fill='none'%20fill-rule='evenodd'%20opacity='.4'%3E%3Cg%20transform='translate(2%202)'%3E%3Cuse%20fill='%23000'%20filter='url(%23a)'%20xlink:href='%23b'/%3E%3Cuse%20fill='%23FFF'%20xlink:href='%23b'/%3E%3C/g%3E%3Cpath%20d='M30.39%2023.05S20.985%2030.692%2019.062%2032L18%2031.14l5.993-8.09L18%2014.86l1.063-.86c1.59%201.095%2011.326%209.05%2011.326%209.05z'%20fill='%23888'/%3E%3C/g%3E%3C/svg%3E");
  width: 3rem;
  height: 3rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-slider-button-inactive-right-icon, .key-slider a.slick-arrow.slick-next.slick-disabled, .key-slider a.slick-arrow.slick-next.slick-disabled:hover {
  padding-left: 3.6875rem;
  background-size: 3rem 3rem; }

.key-slider-button-inactive-right-icon-container {
  width: 3rem;
  height: 3rem;
  display: inline-flex;
  align-self: center; }

.key-slider-button-mouseover-left-icon, .key-slider .slick-arrow.slick-prev:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EFB2C3E75-FC35-4861-95F7-92CD4641BA56%3C/title%3E%3Cdefs%3E%3Ccircle%20id='b'%20cx='21'%20cy='21'%20r='21'/%3E%3Cfilter%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%20filterUnits='objectBoundingBox'%20id='a'%3E%3CfeOffset%20dx='1'%20dy='2'%20in='SourceAlpha'%20result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur%20stdDeviation='2'%20in='shadowOffsetOuter1'%20result='shadowBlurOuter1'/%3E%3CfeColorMatrix%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.395748415%200'%20in='shadowBlurOuter1'/%3E%3C/filter%3E%3C/defs%3E%3Cg%20fill='none'%20fill-rule='evenodd'%3E%3Cg%20transform='translate(3%202)'%3E%3Cuse%20fill='%23000'%20filter='url(%23a)'%20xlink:href='%23b'/%3E%3Cuse%20fill='%23FFF'%20xlink:href='%23b'/%3E%3C/g%3E%3Cpath%20d='M17%2023.05s9.403%207.642%2011.327%208.95l1.062-.86-5.993-8.09%205.993-8.19-1.062-.86C26.737%2015.095%2017%2023.05%2017%2023.05z'%20fill='%23000'/%3E%3C/g%3E%3C/svg%3E");
  width: 3.125rem;
  height: 3.125rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-slider-button-mouseover-left-icon, .key-slider a.slick-arrow.slick-prev:hover {
  padding-left: 3.8125rem;
  background-size: 3.125rem 3.125rem; }

.key-slider-button-mouseover-left-icon-container {
  width: 3.125rem;
  height: 3.125rem;
  display: inline-flex;
  align-self: center; }

.key-slider-button-mouseover-right-icon, .key-slider .slick-arrow.slick-next:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EDA358110-D8B7-47EA-97EA-3CEEEC2D4B24%3C/title%3E%3Cdefs%3E%3Ccircle%20id='b'%20cx='21'%20cy='21'%20r='21'/%3E%3Cfilter%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%20filterUnits='objectBoundingBox'%20id='a'%3E%3CfeOffset%20dx='1'%20dy='2'%20in='SourceAlpha'%20result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur%20stdDeviation='2'%20in='shadowOffsetOuter1'%20result='shadowBlurOuter1'/%3E%3CfeColorMatrix%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.395748415%200'%20in='shadowBlurOuter1'/%3E%3C/filter%3E%3C/defs%3E%3Cg%20fill='none'%20fill-rule='evenodd'%3E%3Cg%20transform='translate(3%202)'%3E%3Cuse%20fill='%23000'%20filter='url(%23a)'%20xlink:href='%23b'/%3E%3Cuse%20fill='%23FFF'%20xlink:href='%23b'/%3E%3C/g%3E%3Cpath%20d='M31.39%2023.05S21.985%2030.692%2020.062%2032L19%2031.14l5.993-8.09L19%2014.86l1.063-.86c1.59%201.095%2011.326%209.05%2011.326%209.05z'%20fill='%23000'/%3E%3C/g%3E%3C/svg%3E");
  width: 3.125rem;
  height: 3.125rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-slider-button-mouseover-right-icon, .key-slider a.slick-arrow.slick-next:hover {
  padding-left: 3.8125rem;
  background-size: 3.125rem 3.125rem; }

.key-slider-button-mouseover-right-icon-container {
  width: 3.125rem;
  height: 3.125rem;
  display: inline-flex;
  align-self: center; }

.key-slideshow-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='23'%20height='15'%20viewBox='0%200%2023%2015'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E75E17C13-53EB-4A31-8AAB-369F60AFFC79%3C/title%3E%3Cg%20fill='%23000'%20fill-rule='evenodd'%3E%3Cpath%20d='M2.476%2013.538h.922V1.23h-.922zM18.813%2013.538h.923V1.23h-.923zM21.29%2012.308h.922V2.46h-.923zM0%2012.308h.922V2.46H0zM4.952%2014.768h12.307V0H4.952z'/%3E%3C/g%3E%3C/svg%3E");
  width: 1.4375rem;
  height: 0.9375rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-slideshow-icon {
  padding-left: 2.125rem;
  background-size: 1.4375rem 0.9375rem; }

.key-slideshow-icon-container {
  width: 1.4375rem;
  height: 0.9375rem;
  display: inline-flex;
  align-self: center; }

.key-suchkriterien-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='18'%20height='17'%20viewBox='0%200%2018%2017'%3E%3Cg%20fill='%23FFF'%20fill-rule='evenodd'%3E%3Cpath%20d='M16.82%203.31H1.03C.48%203.31%200%202.894%200%202.417c0-.477.48-.895%201.03-.895h15.79c.55%200%201.03.418%201.03.895%200%20.477-.48.895-1.03.895m0%206.083H1.03C.48%209.395%200%208.977%200%208.5c0-.477.48-.895%201.03-.895h15.79c.55%200%201.03.418%201.03.895%200%20.477-.48.895-1.03.895m0%206.084H1.03c-.55%200-1.03-.418-1.03-.895%200-.477.48-.895%201.03-.895h15.79c.55%200%201.03.418%201.03.895%200%20.477-.48.895-1.03.895'/%3E%3Cpath%20d='M7.552%202.32a2.327%202.327%200%200%201-2.334%202.321%202.327%202.327%200%200%201-2.334-2.32A2.327%202.327%200%200%201%205.218%200a2.327%202.327%200%200%201%202.334%202.32m7.415%206.143a2.328%202.328%200%200%201-2.335%202.32%202.327%202.327%200%200%201-2.334-2.32%202.327%202.327%200%200%201%202.334-2.32%202.327%202.327%200%200%201%202.335%202.32m-7.415%206.143a2.327%202.327%200%200%201-2.334%202.32%202.327%202.327%200%200%201-2.334-2.32%202.327%202.327%200%200%201%202.334-2.32%202.327%202.327%200%200%201%202.334%202.32'/%3E%3C/g%3E%3C/svg%3E");
  width: 1.125rem;
  height: 1.0625rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-suchkriterien-icon {
  padding-left: 1.8125rem;
  background-size: 1.125rem 1.0625rem; }

.key-suchkriterien-icon-container {
  width: 1.125rem;
  height: 1.0625rem;
  display: inline-flex;
  align-self: center; }

.key-suchprofil-active-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='43'%20height='22'%20viewBox='0%200%2043%2022'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EB826833C-2769-48E0-8C42-0269D3AF2B5C%3C/title%3E%3Cg%20fill='none'%20fill-rule='evenodd'%3E%3Cpath%20fill='%23000'%20d='M0%200h43v22H0z'/%3E%3Ctext%20font-family='Replica-Bold'%20font-size='11'%20font-weight='bold'%20letter-spacing='.3'%20fill='%23FFF'%3E%3Ctspan%20x='23'%20y='15'%3ES%3C/tspan%3E%20%3Ctspan%20x='30.56'%20y='15'%3EP%3C/tspan%3E%3C/text%3E%3Cg%20fill='%23FFF'%3E%3Cpath%20d='M5.314%2017.433l.127.157%204.45-3.885-.66-.662zM14.782%205l-4.21%203.789%203.515%203.53%203.773-4.227zM9.41%208.646c-1.198-.255-2.312-.045-3.047.694l7.172%207.2c.733-.736.944-1.855.692-3.056L9.409%208.646z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 2.6875rem;
  height: 1.375rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-suchprofil-active-icon {
  padding-left: 3.375rem;
  background-size: 2.6875rem 1.375rem; }

.key-suchprofil-active-icon-container {
  width: 2.6875rem;
  height: 1.375rem;
  display: inline-flex;
  align-self: center; }

.key-suchprofil-inactive-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='43'%20height='22'%20viewBox='0%200%2043%2022'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E2DD6D477-6D12-49D4-9665-70A15556793E%3C/title%3E%3Cg%20fill='none'%20fill-rule='evenodd'%3E%3Cpath%20fill='%23FFF'%20d='M0%200h43v22H0z'/%3E%3Ctext%20font-family='Replica-Bold'%20font-size='11'%20font-weight='bold'%20letter-spacing='.3'%20fill='%23000'%3E%3Ctspan%20x='23'%20y='15'%3ES%3C/tspan%3E%20%3Ctspan%20x='30.56'%20y='15'%3EP%3C/tspan%3E%3C/text%3E%3Cg%20fill='%23000'%3E%3Cpath%20d='M5.314%2017.433l.127.157%204.45-3.885-.66-.662zM14.782%205l-4.21%203.789%203.515%203.53%203.773-4.227zM9.41%208.646c-1.198-.255-2.312-.045-3.047.694l7.172%207.2c.733-.736.944-1.855.692-3.056L9.409%208.646z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 2.6875rem;
  height: 1.375rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-suchprofil-inactive-icon {
  padding-left: 3.375rem;
  background-size: 2.6875rem 1.375rem; }

.key-suchprofil-inactive-icon-container {
  width: 2.6875rem;
  height: 1.375rem;
  display: inline-flex;
  align-self: center; }

.key-text-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2017.645%2013.999'%3E%3Cpath%20d='M0%2010.076h13.972v-2.23H0zm0-7.847h12.704V0H0zm0%203.924h16.605V3.922H0zm0%207.846h17.645v-2.23H0z'%20fill='%231d1d1b'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 0;
  height: 0;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-text-icon {
  padding-left: 0.6875rem;
  background-size: 0 0; }

.key-text-icon-container {
  width: 0;
  height: 0;
  display: inline-flex;
  align-self: center; }

.key-trash-black-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14'%20height='16'%20viewBox='0%200%2014%2016'%3E%3Cpath%20d='M12.864.508h-3.96A.566.566%200%200%200%208.34%200H5.091a.566.566%200%200%200-.564.508H.567A.565.565%200%200%200%200%201.072v1.072c0%20.311.254.564.567.564h12.297a.565.565%200%200%200%20.567-.564V1.072a.565.565%200%200%200-.567-.564M9.343%2012.52a.623.623%200%201%201-1.25%200V6.354c0-.344.28-.622.626-.622.345%200%20.624.279.624.622v6.166zm-4.006%200a.623.623%200%201%201-1.25%200V6.354c0-.344.28-.622.626-.622.345%200%20.624.279.624.622v6.166zM1.188%203.792V15.42c0%20.312.254.565.567.565h9.921a.565.565%200%200%200%20.567-.565V3.792H1.188z'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 0.875rem;
  height: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-trash-black-icon {
  padding-left: 1.5625rem;
  background-size: 0.875rem 1rem; }

.key-trash-black-icon-container {
  width: 0.875rem;
  height: 1rem;
  display: inline-flex;
  align-self: center; }

.key-triangledown-white-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='10'%20height='10'%20viewBox='0%200%2010%2010'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EDEE65F09-033C-431B-B53C-1ABAD833BAF8%3C/title%3E%3Cpath%20d='M0%202h10L4.95%208z'%20fill='%23FFF'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 0.625rem;
  height: 0.625rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-triangledown-white-icon {
  padding-left: 1.3125rem;
  background-size: 0.625rem 0.625rem; }

.key-triangledown-white-icon-container {
  width: 0.625rem;
  height: 0.625rem;
  display: inline-flex;
  align-self: center; }

.key-triangledown-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='10'%20height='10'%20viewBox='0%200%2010%2010'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E008853AB-E3BC-498B-8160-2B8266DF2A09%3C/title%3E%3Cpath%20d='M0%202h10L4.95%208z'%20fill='%23000'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 0.625rem;
  height: 0.625rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-triangledown-icon {
  padding-left: 1.3125rem;
  background-size: 0.625rem 0.625rem; }

.key-triangledown-icon-container {
  width: 0.625rem;
  height: 0.625rem;
  display: inline-flex;
  align-self: center; }

.key-triangleleft-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='10'%20height='10'%20viewBox='0%200%2010%2010'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E6045DA1C-6D19-403D-B6C8-710EA48C2891%3C/title%3E%3Cpath%20d='M2.913%209.947l.175-9.999%205.91%205.154z'%20fill='%23000'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 0.625rem;
  height: 0.625rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-triangleleft-icon {
  padding-left: 1.3125rem;
  background-size: 0.625rem 0.625rem; }

.key-triangleleft-icon-container {
  width: 0.625rem;
  height: 0.625rem;
  display: inline-flex;
  align-self: center; }

.key-triangleright-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='10'%20height='10'%20viewBox='0%200%2010%2010'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E6045DA1C-6D19-403D-B6C8-710EA48C2891%3C/title%3E%3Cpath%20d='M2.913%209.947l.175-9.999%205.91%205.154z'%20fill='%23000'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 0.625rem;
  height: 0.625rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-triangleright-icon {
  padding-left: 1.3125rem;
  background-size: 0.625rem 0.625rem; }

.key-triangleright-icon-container {
  width: 0.625rem;
  height: 0.625rem;
  display: inline-flex;
  align-self: center; }

.key-user-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='19'%20height='17'%20viewBox='0%200%2019%2017'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E9E3D1671-4681-48A5-8192-D6F924ACCEA2%3C/title%3E%3Cpath%20d='M18.557%2017v-.598c0-2.064-2.518-2.818-3.867-3.366-.487-.197-1.408-.616-2.351-1.051-.32-.149-.607-.542-.645-.879l-.104-.976c.724-.638%201.374-1.525%201.484-2.514h.164c.255%200%20.496-.181.534-.405l.258-1.498c.032-.319-.286-.512-.544-.512a4.346%204.346%200%200%200%20.081-.614c.017-.137.032-.277.035-.423.028-.705-.097-1.325-.308-1.67a3.95%203.95%200%200%200-.98-1.355C11.062.019%209.616-.416%208.38.483%207.54.346%206.542.709%205.819%201.51a3.15%203.15%200%200%200-.745%201.43c-.095.306-.154.679-.17%201.077-.019.45.028.858.116%201.189a.514.514%200%200%200-.493.51L4.78%207.21c.038.224.28.405.538.405h.145c.232%201.07.833%201.947%201.496%202.561l-.1.944c-.035.337-.324.73-.642.88-.915.421-1.813.827-2.351%201.038C2.597%2013.534%200%2014.338%200%2016.402V17h18.557z'%20fill='%23000'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 1.1875rem;
  height: 1.0625rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-user-icon {
  padding-left: 1.875rem;
  background-size: 1.1875rem 1.0625rem; }

.key-user-icon-container {
  width: 1.1875rem;
  height: 1.0625rem;
  display: inline-flex;
  align-self: center; }

.key-video-white-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox='0%200%2022%2013'%20xmlns='http://www.w3.org/2000/svg'%20fill-rule='evenodd'%20clip-rule='evenodd'%20stroke-linejoin='round'%20stroke-miterlimit='1.414'%3E%3Cpath%20d='M15.5%2010.67a.706.706%200%200%200-.703-.703H9.172a.706.706%200%200%200-.703.703c0%20.386.317.703.703.703h5.625a.706.706%200%200%200%20.703-.703zm1.406-6.634v7.337c0%20.777-.629%201.406-1.406%201.406H5.656a1.411%201.411%200%200%201-1.405-1.405V5.442h7.03a2.83%202.83%200%200%200%202.813-2.813H15.5c.777%200%201.406.63%201.406%201.407zM0%204.805l2.336-1.602V1.602L0%200v4.805zm11.557-.33c.777%200%201.405-.629%201.405-1.406V1.663c0-.777-.628-1.406-1.405-1.406H4.526c-.778%200-1.406.629-1.406%201.406V3.07c0%20.777.629%201.406%201.406%201.406h7.03l.001-.001zM22%202.63v10.15l-4.218-2.812V5.442L22%202.629v.001z'%20fill='%23fff'/%3E%3C/svg%3E");
  width: 1.375rem;
  height: 0.8125rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-video-white-icon {
  padding-left: 2.0625rem;
  background-size: 1.375rem 0.8125rem; }

.key-video-white-icon-container {
  width: 1.375rem;
  height: 0.8125rem;
  display: inline-flex;
  align-self: center; }

.key-video-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2015%2016'%3E%3Ctitle%3E447FB903-ED97-42DB-B4C5-9898E3E3427B%3C/title%3E%3Cdefs%3E%3Cpath%20id='a'%20d='M0%2016V0h15v16z'/%3E%3C/defs%3E%3Cg%20fill='none'%20fill-rule='evenodd'%3E%3Cpath%20d='M13.559%203.85c0%20.189-.15.342-.334.342h-.722a.337.337%200%200%201-.333-.341v-.738c0-.189.149-.341.333-.341h.722c.184%200%20.334.152.334.34zm0%203.06c0%20.188-.15.34-.334.34h-.722a.337.337%200%200%201-.333-.34v-.738c0-.188.149-.34.333-.34h.722c.184%200%20.334.152.334.34zm0%203.059c0%20.188-.15.34-.334.34h-.722a.337.337%200%200%201-.333-.34V9.23c0-.187.149-.34.333-.34h.722c.184%200%20.334.153.334.34zm0%203.059c0%20.188-.15.34-.334.34h-.722a.337.337%200%200%201-.333-.34v-.738c0-.189.149-.34.333-.34h.722c.184%200%20.334.151.334.34zm-2.83-8.492c0%20.188-.15.34-.333.34H4.603a.337.337%200%200%201-.332-.34V1.8c0-.188.149-.34.332-.34h5.793c.184%200%20.333.152.333.34zm0%204.832c0%20.188-.15.34-.333.34H4.603a.337.337%200%200%201-.332-.34V6.633c0-.189.149-.341.332-.341h5.793c.184%200%20.333.152.333.34zm0%204.832c0%20.189-.15.341-.333.341H4.603a.337.337%200%200%201-.332-.34v-2.736c0-.188.149-.34.332-.34h5.793c.184%200%20.333.152.333.34zM2.804%203.85c0%20.189-.149.342-.333.342h-.723a.338.338%200%200%201-.333-.341v-.738c0-.189.15-.341.333-.341h.723c.184%200%20.333.152.333.34zm0%203.06c0%20.188-.149.34-.333.34h-.723a.338.338%200%200%201-.333-.34v-.738c0-.188.15-.34.333-.34h.723c.184%200%20.333.152.333.34zm0%203.059c0%20.188-.149.34-.333.34h-.723a.338.338%200%200%201-.333-.34V9.23c0-.187.15-.34.333-.34h.723c.184%200%20.333.153.333.34zm0%203.059c0%20.188-.149.34-.333.34h-.723a.337.337%200%200%201-.333-.34v-.738c0-.189.15-.34.333-.34h.723c.184%200%20.333.151.333.34zM14.667%200h-.775a.338.338%200%200%200-.333.34v.425c0%20.187-.15.34-.334.34h-.722a.337.337%200%200%201-.333-.34V.34c0-.188-.15-.341-.333-.341h-8.7a.337.337%200%200%200-.333.34v.425c0%20.187-.149.34-.333.34h-.723a.337.337%200%200%201-.333-.34V.34c0-.188-.15-.341-.333-.341h-.75A.337.337%200%200%200%200%20.34v15.32c0%20.188.15.34.333.34h.749a.337.337%200%200%200%20.333-.34v-.312c0-.187.15-.34.333-.34h.723c.184%200%20.333.153.333.34v.312c0%20.188.15.34.333.34h8.7a.337.337%200%200%200%20.333-.34v-.312c0-.187.149-.34.333-.34h.722c.184%200%20.334.153.334.34v.312c0%20.188.15.34.333.34h.775a.337.337%200%200%200%20.333-.34V.34c0-.187-.15-.34-.333-.34z'%20fill='%231d1d1b'/%3E%3C/g%3E%3C/svg%3E");
  width: 0.9375rem;
  height: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-video-icon {
  padding-left: 1.625rem;
  background-size: 0.9375rem 1rem; }

.key-video-icon-container {
  width: 0.9375rem;
  height: 1rem;
  display: inline-flex;
  align-self: center; }

.key-warenkorb-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='22'%20height='18'%20viewBox='0%200%2022%2018'%3E%3Cg%20fill='%23FFF'%20fill-rule='evenodd'%3E%3Cpath%20d='M17.048%207.157h-2.06v2.06h-1.366v-2.06h-2.06V5.79h2.06V3.73h1.366v2.06h2.06v1.367zM21.28%202.43H6.967c-.467%200-.732.361-.592.807l2.264%206.631c.11.358.506.647.88.647h9.383c.374%200%20.77-.29.881-.647l1.972-6.79c.112-.358-.102-.648-.476-.648zM10.758%2016.013a1.673%201.673%200%201%201-3.346-.001%201.673%201.673%200%200%201%203.346%200m7.079.021a1.674%201.674%200%201%201-3.347.002%201.674%201.674%200%200%201%203.347-.002'/%3E%3Cpath%20d='M18.174%2011.744H7.914L3.997.474H.947a.947.947%200%201%200%200%201.894H2.65l3.916%2011.27h11.608a.948.948%200%200%200%200-1.894'/%3E%3C/g%3E%3C/svg%3E");
  width: 1.375rem;
  height: 1.125rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-warenkorb-icon {
  padding-left: 2.0625rem;
  background-size: 1.375rem 1.125rem; }

.key-warenkorb-icon-container {
  width: 1.375rem;
  height: 1.125rem;
  display: inline-flex;
  align-self: center; }

.key-youtube-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='19'%20height='22'%20viewBox='0%200%2019%2022'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3E4C5E03DC-5A94-4BAE-BB89-2E9AF56A93B1%3C/title%3E%3Cpath%20d='M4.384%208.613h1.322l.001-4.635L7.27.008H5.823l-.83%202.949L4.15%200H2.719l1.662%203.98.003%204.633zM8.26%206.988c0%20.343.252.622.559.622.305%200%20.555-.28.555-.622V3.772c0-.342-.25-.621-.555-.621-.307%200-.559.28-.559.62v3.217zm-1.097-2.4c0-.58.049-1.032.143-1.36.095-.325.267-.586.515-.784.247-.198.564-.297.95-.297.324%200%20.602.065.834.191.234.127.413.291.538.495.127.205.213.415.26.63.046.218.07.546.07.989V5.98c0%20.56-.023.973-.065%201.234a1.958%201.958%200%200%201-.277.734c-.14.227-.32.395-.54.503-.22.11-.473.162-.76.162-.319%200-.588-.044-.81-.139a1.105%201.105%200%200%201-.516-.418%201.884%201.884%200%200%201-.264-.677c-.053-.265-.078-.663-.078-1.191v-1.6zm4.248%203.414a.864.864%200%200%200%20.302.386.86.86%200%200%200%20.515.145.79.79%200%200%200%20.481-.152c.139-.102.257-.254.352-.457l-.023.5h1.401V2.381h-1.102v4.703a.463.463%200%200%201-.461.463.462.462%200%200%201-.459-.463V2.381h-1.151v4.076c0%20.52.01.866.025%201.041.015.174.055.341.12.504zm4.835%209.832l-.943.006a3.914%203.914%200%200%200-.002.13v.533a.518.518%200%200%201-.516.517h-.184a.518.518%200%200%201-.516-.517v-1.404h2.159v-.823c0-.602-.015-1.204-.064-1.549-.155-1.088-1.662-1.261-2.423-.704a1.436%201.436%200%200%200-.528.721c-.107.313-.16.74-.16%201.285v1.81c0%203.012%203.607%202.586%203.177-.005zm-3.935.404l-.002-3.04c-.001-1.156-.856-1.849-2.016-.913l.006-2.259-1.256.003-.006%207.795%201.033-.015.094-.486c1.32%201.228%202.15.387%202.147-1.085zm-4.022-4.18H7.032v3.65c0%20.528.032.791%200%20.884-.103.283-.562.584-.742.031-.03-.096-.004-.389-.004-.89l-.004-3.675h-1.25l.003%203.617c.001.554-.013.968.005%201.156.03.332.018.718.322.94.566.412%201.65-.063%201.921-.654l-.002.755%201.01.001v-5.815H8.29zm-4.52%205.816V13.04h1.507v-1.012l-4.02-.006v.995l1.255.004v6.853H3.77zm14.312-7.192v6.488c0%201.556-1.332%202.83-2.959%202.83H2.958C1.33%2022%200%2020.726%200%2019.17v-6.488c0-1.557%201.33-2.83%202.958-2.83h12.165c1.627%200%202.959%201.273%202.959%202.83zm-7.254%201.907c-.302%200-.549.207-.549.458v3.41c0%20.252.247.457.549.457.304%200%20.55-.205.55-.457v-3.41c0-.251-.246-.458-.55-.458zm4.467%201.503h-1.191l.006-.7c0-.312.252-.568.56-.568h.077c.308%200%20.561.256.561.567l-.013.7z'%20fill='%23F1F1F1'%20fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 1.1875rem;
  height: 1.375rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center; }

a.key-youtube-icon {
  padding-left: 1.875rem;
  background-size: 1.1875rem 1.375rem; }

.key-youtube-icon-container {
  width: 1.1875rem;
  height: 1.375rem;
  display: inline-flex;
  align-self: center; }

/* 3. General styles sheets */
.portlet-asset-publisher .asset-title {
  display: none !important; }

.portlet-asset-publisher .header-title,
.portlet-asset-publisher .header-back-to,
.portlet-asset-publisher .portlet-icon-back {
  display: none; }

.portlet-asset-publisher .h2 {
  position: absolute;
  right: 0;
  top: 0; }

.lfr-spa-loading-bar {
  background: #000; }

.dropdown,
.dropdown-toggle,
.collapse-toggle {
  display: flex;
  align-items: center; }

.portlet-barebone {
  margin-bottom: 0; }

.portlet {
  margin-bottom: 0; }

.portlet-content {
  padding: 0; }

.dropdown-menu {
  font-size: 0.875rem;
  min-width: 0;
  max-height: none;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0; }

.dropdown-full .dropdown-menu {
  padding-top: 0;
  padding-bottom: 0; }

/*Nested Portlets*/
.portlet-title-text {
  display: block;
  font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
  font-size: 2.1875rem;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  max-width: 100%;
  margin-bottom: 3.75rem;
  margin-top: 4.0625rem; }

/*Liferay Map*/
.lfr-map {
  min-height: 0;
  padding-bottom: 100%;
  height: auto; }
  @media (min-width: 482px) {
    .lfr-map {
      padding-bottom: 0;
      height: 30.125rem; } }
  .lfr-map .home-button {
    width: auto;
    border-color: #888;
    height: 2.3125rem;
    border-radius: 0; }
    .lfr-map .home-button > .glyphicon {
      color: #888; }
  .map .lfr-map img.gm-fullscreen-control {
    max-width: none; }
  .lfr-map label {
    color: #444; }
  .lfr-map .search-controls {
    display: none; }

#content form label,
.modal form label {
  font-weight: normal; }

#content form input,
.modal form input {
  transition: none; }

.modal-body,
.modal-header {
  background: #fff; }

.modal-body {
  overflow: hidden;
  padding: 0; }

/* Hover effect on user menu items */
.my-account-link:hover {
  color: #444; }

.lfr-pagination-buttons.pager li {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.05rem;
  line-height: 1; }
  .lfr-pagination-buttons.pager li.disabled a {
    opacity: 1; }
    .lfr-pagination-buttons.pager li.disabled a, .lfr-pagination-buttons.pager li.disabled a:hover, .lfr-pagination-buttons.pager li.disabled a:focus {
      background: #d0d0d0;
      color: #fff; }
  .lfr-pagination-buttons.pager li a {
    line-height: 1;
    background: #000;
    padding: 0.3333em 1.3333em;
    text-transform: uppercase;
    margin: 0.3125rem;
    border-radius: 0; }
    .lfr-pagination-buttons.pager li a, .lfr-pagination-buttons.pager li a:hover {
      color: #fff;
      outline: none; }
    .lfr-pagination-buttons.pager li a:hover {
      background: #444; }

.portlet-forms {
  margin: 3.125rem 0; }
  .portlet-forms .lfr-ddm-form-content {
    margin-bottom: 1.875rem;
    border-bottom: 0.0625rem solid #d0d0d0; }
  .portlet-forms .lfr-ddm-form-container .lfr-ddm-form-pagination-controls {
    padding: 0; }
  .portlet-forms .lfr-ddm-form-page {
    padding: 0; }
  .portlet-forms .ddl-form-builder-app .lfr-ddm-form-page > .row {
    margin-left: -11px;
    margin-right: -11px; }
  .portlet-forms .container-fluid-1280 {
    margin: 0;
    max-width: none;
    padding: 0; }
  .portlet-forms .ddl-form-name {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: 0.05rem;
    color: #000;
    margin-top: 0;
    margin-bottom: 1.3888em; }
  .portlet-forms .lfr-ddm-form-field-container {
    padding: 0; }

.content .form-control {
  border: solid #888 1px;
  padding: 0.375rem 0.625rem;
  max-width: 100%;
  background: none;
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.4375rem;
  letter-spacing: 0.03125rem; }
  @media (min-width: 1400px) {
    .content .form-control {
      font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 0.875rem;
      line-height: 1.25rem;
      letter-spacing: 0.04375rem; } }

.content .control-label {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem;
  color: #000;
  margin-bottom: 0.3125rem; }

.content .form-builder-select-field {
  width: 100%; }

.content .lfr-ddm-form-container {
  margin: auto; }

.content .ddm-page-container-layout {
  border-bottom: 0.0625rem solid #888;
  margin-bottom: 0.3125rem; }

.portlet > .portlet-content-wrapper > .portlet-content-editable {
  border-color: transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.portlet:hover > .portlet-content-wrapper > .portlet-content-editable {
  border-color: #869cad;
  border-radius: 0 0 0.125rem 0.125rem;
  border-style: solid;
  border-width: 0.0625rem; }

.dropdown-menu > li > .social-bookmark {
  color: #444; }
  .dropdown-menu > li > .social-bookmark:hover, .dropdown-menu > li > .social-bookmark:focus {
    color: #000;
    background: #fff; }

.taglib-social-bookmarks .lexicon-icon-share-alt {
  height: 2.5rem;
  width: 2.5rem; }

§ .edit-icon-top-right {
  position: relative; }

.edit-icon-top-right .edit-icon {
  position: absolute;
  top: 0.3125rem;
  right: 0.3125rem; }

/* Portlet Divider */
hr.portlet-divider {
  margin-bottom: 0;
  border: none;
  height: 0.0625rem;
  background: #d0d0d0;
  display: block; }

.content {
  /* removes last portlet-divider on page */ }
  .content .portlet-column-only > .portlet-dropzone > .portlet-boundary:last-child hr.portlet-divider {
    display: none; }
  .content .portlet-nested-portlets .portlet-content .portlet-content {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0; }
    .content .portlet-nested-portlets .portlet-content .portlet-content hr.portlet-divider {
      display: none; }
  .content .portlet-boundary:last-child hr.portlet-divider {
    display: none; }

#wrapper {
  max-width: 87.5rem;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  padding-top: 0; }

.map {
  position: relative; }

.map-meta-info {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem; }

@media (min-width: 1024px) {
  .map-meta-info {
    position: absolute;
    bottom: 2.5rem;
    left: 2.5rem;
    background-color: #fff;
    opacity: 0.9;
    width: 16.25rem;
    padding: 1.25rem 1.875rem; } }

.logo img {
  max-height: 1.75rem;
  width: auto;
  margin-top: 0.4375rem; }

.wrapper > .navigation-backdrop {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 990;
  height: 100vh;
  background: rgba(0, 0, 0, 0.2); }

.slick-dots {
  bottom: 0; }

.slick-dotted.slick-slider {
  margin-bottom: 0;
  padding-bottom: 2.5rem; }

.slick-dots li {
  margin-left: 0.375rem;
  margin-right: 0.375rem; }

.slick-dots li.slick-active button:before {
  opacity: 1;
  background: #000; }

.slick-dots li button:before {
  opacity: 1;
  width: 0.5rem;
  height: 0.5rem;
  content: " ";
  background: #e2e2e2;
  border-radius: 100%; }

@media (max-width: 1023px) {
  .header,
  .content,
  .footer-upper,
  .footer-under,
  .content .full-content-spacing,
  .content .outer-spacing,
  .content .keyviz .key-slider,
  .keyviz .content .key-slider {
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
  @media (max-width: 1023px) and (min-width: 375px) {
    .header,
    .content,
    .footer-upper,
    .footer-under,
    .content .full-content-spacing,
    .content .outer-spacing,
    .content .keyviz .key-slider,
    .keyviz .content .key-slider {
      padding-left: calc(0.61728vw + 1.10532rem); } }
  @media (max-width: 1023px) and (min-width: 1023px) {
    .header,
    .content,
    .footer-upper,
    .footer-under,
    .content .full-content-spacing,
    .content .outer-spacing,
    .content .keyviz .key-slider,
    .keyviz .content .key-slider {
      padding-left: 1.5rem; } }
  @media (max-width: 1023px) and (min-width: 375px) {
    .header,
    .content,
    .footer-upper,
    .footer-under,
    .content .full-content-spacing,
    .content .outer-spacing,
    .content .keyviz .key-slider,
    .keyviz .content .key-slider {
      padding-right: calc(0.61728vw + 1.10532rem); } }
  @media (max-width: 1023px) and (min-width: 1023px) {
    .header,
    .content,
    .footer-upper,
    .footer-under,
    .content .full-content-spacing,
    .content .outer-spacing,
    .content .keyviz .key-slider,
    .keyviz .content .key-slider {
      padding-right: 1.5rem; } }

@media (max-width: 1023px) {
  .invert-outer-spacing, .keyviz .slick-list {
    margin-left: -1.25rem;
    margin-right: -1.25rem; } }
  @media (max-width: 1023px) and (min-width: 375px) {
    .invert-outer-spacing, .keyviz .slick-list {
      margin-left: calc(-0.61728vw + -1.10532rem); } }
  @media (max-width: 1023px) and (min-width: 1023px) {
    .invert-outer-spacing, .keyviz .slick-list {
      margin-left: -1.5rem; } }
  @media (max-width: 1023px) and (min-width: 375px) {
    .invert-outer-spacing, .keyviz .slick-list {
      margin-right: calc(-0.61728vw + -1.10532rem); } }
  @media (max-width: 1023px) and (min-width: 1023px) {
    .invert-outer-spacing, .keyviz .slick-list {
      margin-right: -1.5rem; } }

@media (max-width: 1023px) {
  .content .invert-full-content-spacing {
    margin-left: -1.25rem;
    margin-right: -1.25rem; } }
  @media (max-width: 1023px) and (min-width: 375px) {
    .content .invert-full-content-spacing {
      margin-left: calc(-0.61728vw + -1.10532rem); } }
  @media (max-width: 1023px) and (min-width: 1023px) {
    .content .invert-full-content-spacing {
      margin-left: -1.5rem; } }
  @media (max-width: 1023px) and (min-width: 375px) {
    .content .invert-full-content-spacing {
      margin-right: calc(-0.61728vw + -1.10532rem); } }
  @media (max-width: 1023px) and (min-width: 1023px) {
    .content .invert-full-content-spacing {
      margin-right: -1.5rem; } }

@media (min-width: 1024px) {
  .header,
  .content,
  .footer-upper,
  .footer-under,
  .content .outer-spacing,
  .content .keyviz .key-slider,
  .keyviz .content .key-slider {
    padding-left: 1.5rem;
    padding-right: 1.5rem; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .header,
    .content,
    .footer-upper,
    .footer-under,
    .content .outer-spacing,
    .content .keyviz .key-slider,
    .keyviz .content .key-slider {
      padding-left: calc(0.53191vw + 1.15957rem); } }
  @media (min-width: 1024px) and (min-width: 1400px) {
    .header,
    .content,
    .footer-upper,
    .footer-under,
    .content .outer-spacing,
    .content .keyviz .key-slider,
    .keyviz .content .key-slider {
      padding-left: 1.625rem; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .header,
    .content,
    .footer-upper,
    .footer-under,
    .content .outer-spacing,
    .content .keyviz .key-slider,
    .keyviz .content .key-slider {
      padding-right: calc(0.53191vw + 1.15957rem); } }
  @media (min-width: 1024px) and (min-width: 1400px) {
    .header,
    .content,
    .footer-upper,
    .footer-under,
    .content .outer-spacing,
    .content .keyviz .key-slider,
    .keyviz .content .key-slider {
      padding-right: 1.625rem; } }

@media (min-width: 1024px) {
  .invert-outer-spacing, .keyviz .slick-list {
    margin-left: -1.5rem;
    margin-right: -1.5rem; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .invert-outer-spacing, .keyviz .slick-list {
      margin-left: calc(-0.53191vw + -1.15957rem); } }
  @media (min-width: 1024px) and (min-width: 1400px) {
    .invert-outer-spacing, .keyviz .slick-list {
      margin-left: -1.625rem; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .invert-outer-spacing, .keyviz .slick-list {
      margin-right: calc(-0.53191vw + -1.15957rem); } }
  @media (min-width: 1024px) and (min-width: 1400px) {
    .invert-outer-spacing, .keyviz .slick-list {
      margin-right: -1.625rem; } }

@media (min-width: 1024px) {
  .inner-content {
    padding-left: 2.5rem;
    padding-right: 2.5rem; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .inner-content {
      padding-left: calc(1.32979vw + 1.64894rem); } }
  @media (min-width: 1024px) and (min-width: 1400px) {
    .inner-content {
      padding-left: 2.8125rem; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .inner-content {
      padding-right: calc(1.32979vw + 1.64894rem); } }
  @media (min-width: 1024px) and (min-width: 1400px) {
    .inner-content {
      padding-right: 2.8125rem; } }

@media (min-width: 1024px) {
  .invert-inner-content-spacing {
    margin-left: -2.5rem;
    margin-right: -2.5rem; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .invert-inner-content-spacing {
      margin-left: calc(-1.32979vw + -1.64894rem); } }
  @media (min-width: 1024px) and (min-width: 1400px) {
    .invert-inner-content-spacing {
      margin-left: -2.8125rem; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .invert-inner-content-spacing {
      margin-right: calc(-1.32979vw + -1.64894rem); } }
  @media (min-width: 1024px) and (min-width: 1400px) {
    .invert-inner-content-spacing {
      margin-right: -2.8125rem; } }

@media (min-width: 1024px) {
  .content .full-content-spacing {
    padding-left: 4rem;
    padding-right: 4rem; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .content .full-content-spacing {
      padding-left: calc(1.8617vw + 2.80851rem); } }
  @media (min-width: 1024px) and (min-width: 1400px) {
    .content .full-content-spacing {
      padding-left: 4.4375rem; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .content .full-content-spacing {
      padding-right: calc(1.8617vw + 2.80851rem); } }
  @media (min-width: 1024px) and (min-width: 1400px) {
    .content .full-content-spacing {
      padding-right: 4.4375rem; } }

@media (min-width: 1024px) {
  .content .invert-full-content-spacing {
    margin-left: -4rem;
    margin-right: -4rem; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .content .invert-full-content-spacing {
      margin-left: calc(-1.8617vw + -2.80851rem); } }
  @media (min-width: 1024px) and (min-width: 1400px) {
    .content .invert-full-content-spacing {
      margin-left: -4.4375rem; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .content .invert-full-content-spacing {
      margin-right: calc(-1.8617vw + -2.80851rem); } }
  @media (min-width: 1024px) and (min-width: 1400px) {
    .content .invert-full-content-spacing {
      margin-right: -4.4375rem; } }

/* CONTENT WIDTHS */
.content-width-full-width, .content-width-full-width-container > .portlet > .portlet-content-wrapper > .portlet-content > .portlet-content-inner > .portlet-content-container,
.content-width-large,
.content-width-large-container > .portlet > .portlet-content-wrapper > .portlet-content > .portlet-content-inner > .portlet-content-container,
.content-width-medium,
.content-width-medium-container > .portlet > .portlet-content-wrapper > .portlet-content > .portlet-content-inner > .portlet-content-container,
.content-width-small,
.content .lfr-ddm-form-container,
.content-width-small-container > .portlet > .portlet-content-wrapper > .portlet-content > .portlet-content-inner > .portlet-content-container {
  margin: auto; }

.content-width-full-width, .content-width-full-width-container > .portlet > .portlet-content-wrapper > .portlet-content > .portlet-content-inner > .portlet-content-container {
  width: 100%; }

@media screen and (min-width: 1280px) {
  .content-width-large, .content-width-large-container > .portlet > .portlet-content-wrapper > .portlet-content > .portlet-content-inner > .portlet-content-container {
    width: 83.33333%; }
  .content-width-medium, .content-width-medium-container > .portlet > .portlet-content-wrapper > .portlet-content > .portlet-content-inner > .portlet-content-container {
    width: 66.66667%; }
  .invert-content-width-medium {
    margin-left: -25%;
    margin-right: -25%; }
  
  .content-width-small,
  .content .lfr-ddm-form-container, .content-width-small-container > .portlet > .portlet-content-wrapper > .portlet-content > .portlet-content-inner > .portlet-content-container {
    width: 50%; } }

@media screen and (max-width: 1279px) {
  .content-width-large, .content-width-large-container > .portlet > .portlet-content-wrapper > .portlet-content > .portlet-content-inner > .portlet-content-container {
    width: 83.33333%; }
  .content-width-medium, .content-width-medium-container > .portlet > .portlet-content-wrapper > .portlet-content > .portlet-content-inner > .portlet-content-container {
    width: 83.33333%; }
  .invert-content-width-medium {
    margin-left: -10%;
    margin-right: -10%; }
  
  .content-width-small,
  .content .lfr-ddm-form-container, .content-width-small-container > .portlet > .portlet-content-wrapper > .portlet-content > .portlet-content-inner > .portlet-content-container {
    width: 66.66667%; } }

@media screen and (max-width: 1023px) {
  .content-width-large, .content-width-large-container > .portlet > .portlet-content-wrapper > .portlet-content > .portlet-content-inner > .portlet-content-container,
  .content-width-medium,
  .content-width-medium-container > .portlet > .portlet-content-wrapper > .portlet-content > .portlet-content-inner > .portlet-content-container,
  .content-width-small,
  .content .lfr-ddm-form-container,
  .content-width-small-container > .portlet > .portlet-content-wrapper > .portlet-content > .portlet-content-inner > .portlet-content-container {
    width: 100%; }
  .invert-content-width-medium {
    margin-left: auto;
    margin-right: auto; } }

/* Spacing between the portlets */
hr.portlet-divider {
  margin-top: 2.8125rem; }

.content *:not(.keystone-naked-portlet) > .portlet .portlet-content-wrapper,
.page-maximized .content .portlet-content-wrapper,
.portlet-default-top-spacing {
  padding-top: 2.1875rem; }

@media screen and (min-width: 1024px) {
  hr.portlet-divider {
    margin-top: 5rem; }
  .content *:not(.keystone-naked-portlet) > .portlet .portlet-content-wrapper,
  .page-maximized .content .portlet-content-wrapper,
  .portlet-default-top-spacing {
    padding-top: 4.375rem; } }

@media screen and (min-width: 1280px) {
  hr.portlet-divider {
    margin-top: 5.625rem; }
  .content *:not(.keystone-naked-portlet) > .portlet .portlet-content-wrapper,
  .page-maximized .content .portlet-content-wrapper,
  .portlet-default-top-spacing {
    padding-top: 5rem; } }

.content .portlet-nested-portlets .portlet .portlet-content-wrapper {
  padding-top: 0; }
  .content .portlet-nested-portlets .portlet .portlet-content-wrapper *:not(.keystone-naked-portlet) > .portlet .portlet-content-wrapper {
    padding-top: 2.1875rem; }
  @media screen and (min-width: 1024px) {
    .content .portlet-nested-portlets .portlet .portlet-content-wrapper *:not(.keystone-naked-portlet) > .portlet .portlet-content-wrapper {
      padding-top: 4.375rem; } }
  @media screen and (min-width: 1280px) {
    .content .portlet-nested-portlets .portlet .portlet-content-wrapper *:not(.keystone-naked-portlet) > .portlet .portlet-content-wrapper {
      padding-top: 5rem; } }

.content,
.portlet-default-bottom-spacing {
  padding-bottom: 2.8125rem; }
  @media screen and (min-width: 1024px) {
    .content,
    .portlet-default-bottom-spacing {
      padding-bottom: 5rem; } }
  @media screen and (min-width: 1280px) {
    .content,
    .portlet-default-bottom-spacing {
      padding-bottom: 5.625rem; } }

p {
  margin: 0; }

*:focus,
a:focus {
  outline: none; }

ul {
  padding-left: 0.9375rem; }

.journal-content-article li {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* stylelint-disable-line */
  background: url("/o/keystone-sda-theme/images/icons/triangledown.svg") no-repeat right center;
  padding-right: 1.15625rem;
  padding-left: 0.625rem;
  cursor: pointer; }
  select::-ms-expand {
    display: none; }

a {
  text-decoration: underline;
  color: #444; }

.product-menu a, .portal-popup a {
  text-decoration: none; }

/* Darken Effect */
.darken {
  background: rgba(0, 0, 0, 0.1); }

.more-darken {
  background: rgba(0, 0, 0, 0.2); }

/* Darken Hover Effect */
@media screen and (min-width: 1024px) {
  .light-darken-hover-trigger:hover .image-effect-target {
    background: rgba(0, 0, 0, 0.2);
    opacity: 1; }
  .darken-hover-trigger:hover .image-effect-target {
    background: rgba(0, 0, 0, 0.4);
    opacity: 1; } }

.image-effect-container {
  position: relative; }

.image-metadata-creator {
  font-weight: bold;
  text-align: right; }

.image-effect-target {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.content .portlet-boundary:first-child .portlet {
  margin-bottom: 0; }
  .content .portlet-boundary:first-child .portlet:hover .portlet-topper {
    z-index: 1000; }

.content .portlet-boundary:first-child .portlet-content-wrapper {
  border-top: solid #d0d0d0 0.0625rem; }
  .content .portlet-boundary:first-child .portlet-content-wrapper .journal-content-article > .invert-full-content-spacing {
    padding-top: 0;
    margin-top: -0.0625rem;
    border-top: 0.0625rem solid #fff; }

.content .portlet-boundary .portlet-content-wrapper .journal-content-article > .invert-full-content-spacing {
  padding-top: 2.1875rem; }
  @media (min-width: 1024px) {
    .content .portlet-boundary .portlet-content-wrapper .journal-content-article > .invert-full-content-spacing {
      padding-top: 0;
      margin-top: -0.0625rem;
      border-top: 0.0625rem solid #fff; } }

.layout-type-asset_display .header {
  border-bottom: solid #d0d0d0 0.0625rem;
  margin-bottom: 2.1875rem; }
  @media screen and (min-width: 1024px) {
    .layout-type-asset_display .header {
      margin-bottom: 4.375rem; } }
  @media screen and (min-width: 1280px) {
    .layout-type-asset_display .header {
      margin-bottom: 5rem; } }

/* stylelint-disable */
html.ie11 h2,
html.ie11 span {
  max-width: 100%; }

/* stylelint-enable */
.applications-menu-nav-header {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  margin-bottom: 0; }

.applications-menu-nav-link {
  text-decoration: none; }

/* 4. Site specific style sheets */
.header {
  display: flex;
  align-items: center;
  background-color: #fff; }

.header .navbar,
.footer .navbar {
  display: flex;
  align-items: center; }

.header-navigation-dropdown-menu {
  display: none;
  max-width: none;
  z-index: 988; }

@media (min-width: 1400px) {
  .signed-out .navigation {
    margin-right: -0.125rem; } }

.navigation {
  display: flex;
  margin-left: auto;
  height: 3.75rem;
  align-items: center; }
  .navigation .dropdown-toggle {
    position: relative;
    height: 100%; }
  .navigation .portlet {
    margin-bottom: 0; }
    .navigation .portlet:hover .portlet-topper {
      transform: translateY(0); }
  .navigation .header-navigation-dropdown-menu {
    position: static; }

.dropdown-toggle:hover {
  text-decoration: underline; }

.nav {
  flex-direction: row; }
  .nav a {
    color: #000; }
  .nav__item {
    white-space: nowrap; }
  .nav__link--main {
    color: #000; }
  .nav__link--child {
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.04375rem; }
  .nav .delete-tab {
    display: none; }
  .nav .dropdown-menu > .active > a,
  .nav .dropdown-menu > .active > a:hover {
    background: none; }

.header-navigation .dropdown-menu > li > a {
  outline: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.4375rem;
  letter-spacing: 0.03125rem; }
  .header-navigation .dropdown-menu > li > a:hover, .header-navigation .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #8b8b8b;
    background: none;
    box-shadow: none;
    font-weight: normal; }

.header-navigation .nav .dropdown-menu > li.selected > a {
  color: #8b8b8b; }

.header-navigation .selected .nav__link--main {
  color: #8b8b8b; }

.header .nav__link--main {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.4375rem;
  letter-spacing: 0.0625rem; }

.header .dropdown-menu > li > a {
  padding: 0.46875rem 0;
  color: #000; }

.toggle-link-holder {
  position: relative; }

.show > a > .triangle,
.open > .toggle-link-holder > .triangle {
  display: block; }

.open > .child-menu-wrapper > .child-menu {
  display: block; }

.triangle {
  border-left: 0.625rem solid transparent;
  border-right: 0.625rem solid transparent;
  border-bottom: 0.625rem solid #d0d0d0;
  position: absolute;
  top: 1.75rem;
  left: 0;
  z-index: 1010;
  display: none; }
  .triangle .inner-triangle {
    border-left: 0.5625rem solid transparent;
    border-right: 0.5625rem solid transparent;
    border-bottom: 0.5625rem solid #fff;
    position: absolute;
    bottom: -0.625rem;
    left: -0.5625rem; }

.navbar {
  border-width: 0; }

@media (min-width: 1024px) {
  .header-navigation .dropdown-menu > li > a {
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.04375rem; }
  .header-navigation .vertical-separator {
    margin-left: 2.34375rem;
    margin-right: 0;
    width: 0.125rem;
    background: #000;
    height: 1.625rem; }
  .header-navigation .nav__child-menu {
    padding-left: 1.8125rem;
    padding-right: 1.8125rem; }
  .header-navigation .nav__item--main {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .header-navigation .nav__item--main {
      padding-left: calc(0.79787vw + 0.48936rem); } }
  @media (min-width: 1024px) and (min-width: 1400px) {
    .header-navigation .nav__item--main {
      padding-left: 1.1875rem; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .header-navigation .nav__item--main {
      padding-right: calc(0.79787vw + 0.48936rem); } }
  @media (min-width: 1024px) and (min-width: 1400px) {
    .header-navigation .nav__item--main {
      padding-right: 1.1875rem; } }

@media (min-width: 1024px) {
    .header-navigation .nav__item--main:hover .nav__link--main, .header-navigation .nav__item--main:focus .nav__link--main {
      color: #8b8b8b; }
  .navigation {
    height: 5rem; }
  .header .nav__link--main {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.0625rem;
    cursor: pointer; }
  .nav .delete-tab {
    top: 0;
    position: absolute;
    right: 0;
    padding: 0 0.625rem;
    cursor: pointer; }
  .dropup,
  .dropdown {
    position: relative; }
  .lfr-nav-child-toggle-styling {
    display: none; }
  #wrapper .dropdown-menu > .active > a {
    background-color: transparent; }
  #wrapper .navbar-nav > li > a {
    padding: 0.46875rem 0; }
  #wrapper .dropdown-menu > li > a {
    padding-left: 0;
    padding-right: 0; }
  .lfr-nav-deletable:hover .delete-tab {
    display: block; }
  .navigation .dropdown-menu {
    top: 4.0625rem;
    left: 1rem; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .navigation .dropdown-menu {
      left: calc(0.79787vw + 0.48936rem); } }
  @media (min-width: 1024px) and (min-width: 1400px) {
    .navigation .dropdown-menu {
      left: 1.1875rem; } }

@media (min-width: 1024px) {
    .navigation .dropdown-menu.child-menu {
      padding-top: 0.65625rem;
      padding-bottom: 0.96875rem; }
  .triangle {
    top: 1.9375rem;
    left: 50%;
    transform: translateX(-50%); }
  .nav--horizontal {
    margin-left: -1rem;
    margin-right: -1rem; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .nav--horizontal {
      margin-left: calc(-0.79787vw + -0.48936rem); } }
  @media (min-width: 1024px) and (min-width: 1400px) {
    .nav--horizontal {
      margin-left: -1.1875rem; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .nav--horizontal {
      margin-right: calc(-0.79787vw + -0.48936rem); } }
  @media (min-width: 1024px) and (min-width: 1400px) {
    .nav--horizontal {
      margin-right: -1.1875rem; } }

@media (min-width: 1024px) {
  .header-navigation-dropdown-menu {
    display: flex;
    border: none;
    box-shadow: none;
    position: static;
    overflow: visible;
    padding-bottom: 0;
    align-items: center; } }

@media screen and (max-width: 1023px) {
  /* stylelint-disable-next-line */
  .open > div > .nav__child-menu {
    display: flex;
    flex-direction: column; }
  .header-site-navigation .nav__item--main .child-menu-wrapper .child-menu {
    margin-top: -0.375rem; }
  .nav__child-menu {
    display: none; }
  .nav__item--main {
    flex-direction: column; }
  .nav__link--main,
  .lfr-nav-child-toggle-styling {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem; }
  .nav--horizontal {
    flex-direction: column;
    width: 100%; }
  .container-fluid-mobile {
    max-height: none; }
  .toggle-link-holder {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%; }
  .lfr-nav-child-toggle-styling {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    height: 100%;
    left: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  #banner #navigationCollapse .nav > li > a {
    border-bottom: none; }
  .navbar-nav {
    padding-top: 0.5625rem;
    padding-bottom: 0.5625rem; }
  .dropup,
  .dropdown {
    position: static; }
  .navigation .dropdown-menu {
    width: 100%;
    padding-bottom: 0;
    padding-top: 0;
    max-width: none;
    box-shadow: none;
    position: static;
    overflow-x: hidden; }
    .navigation .dropdown-menu.child-menu {
      border: none; }
  .dropdown-menu .portlet-navigation > .portlet {
    margin-bottom: 0; }
  #banner #navigationCollapse {
    margin-left: 0;
    margin-right: 0; }
  .navbar-collapse {
    padding-left: 0;
    padding-right: 0; }
  .drag-handle {
    display: none; }
  .navbar {
    border-bottom: 0; }
  .navbar-nav .open .dropdown-menu > li > a {
    padding: 0.5625rem 0;
    margin-left: 1.4375rem; }
  /* stylelint-disable-next-line */
  .toggle-link-holder > .lfr-nav-child-toggle-styling > span {
    display: flex;
    align-items: center; }
  .nav__item.selected .lexicon-icon {
    color: #8b8b8b; }
  /* stylelint-disable-next-line */
  .toggle-link-holder > .lfr-nav-child-toggle-styling > span > .lexicon-icon-caret-bottom {
    transform: rotate(-90deg);
    transition: 0.3s; }
  /* stylelint-disable-next-line */
  .open > .toggle-link-holder > .lfr-nav-child-toggle-styling > span > .lexicon-icon-caret-bottom {
    transform: rotate(0deg); }
  .open > .child-menu-wrapper {
    padding-bottom: 0.9375rem; }
  .child-menu-wrapper {
    width: 100%; }
  .dropdown-menu--main {
    margin-top: 1.375rem;
    margin-left: 0.3125rem;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); }
  .language-dropdown {
    flex-direction: row; } }

@media (min-width: 1024px) {
  .navbar-nav {
    float: none; } }

@media (max-width: 1023px) {
  .footer-upper {
    display: none; } }

#footer {
  position: relative;
  z-index: 100;
  padding: 0; }

.footer-upper {
  background-color: #f1f1f1;
  padding-top: 2.0625rem;
  padding-bottom: 2.4375rem; }
  .footer-upper .external-icon {
    margin-right: 0.3125rem; }
  .footer-upper .navbar {
    justify-content: center; }
  .footer-upper .child-menu {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    flex-direction: column; }
  .footer-upper .nav__link {
    text-decoration: none; }
    .footer-upper .nav__link--main {
      font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.0625rem;
      padding-bottom: 0.875rem;
      display: inline-flex; }
    .footer-upper .nav__link--child {
      padding: 0.3625rem 0;
      color: #444;
      display: flex;
      align-items: center; }
      .footer-upper .nav__link--child:hover {
        color: #000; }
  .footer-upper .nav__item--main {
    padding-left: 2.8125rem;
    padding-right: 2.8125rem; }
    @media (min-width: 1024px) {
      .footer-upper .nav__item--main {
        padding-left: calc(3.98936vw + 0.25931rem); } }
    @media (min-width: 1400px) {
      .footer-upper .nav__item--main {
        padding-left: 3.75rem; } }
    @media (min-width: 1024px) {
      .footer-upper .nav__item--main {
        padding-right: calc(3.98936vw + 0.25931rem); } }
    @media (min-width: 1400px) {
      .footer-upper .nav__item--main {
        padding-right: 3.75rem; } }
  .footer-upper .nav--horizontal {
    justify-content: space-between; }

.footer-under {
  background-color: #444;
  letter-spacing: 0.04375rem; }
  .footer-under-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; }
    .footer-under-inner .language-entry-short-text {
      text-transform: uppercase; }
    .footer-under-inner,
    .footer-under-inner a {
      color: #d0d0d0; }
    .footer-under-inner .entry {
      padding-top: 0.78125rem;
      padding-bottom: 0.78125rem;
      font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 0.875rem;
      line-height: 1.25rem;
      letter-spacing: 0.04375rem; }
  .footer-under .link-to-page {
    margin-right: 2.4375rem;
    text-decoration: none;
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.04375rem; }
    .footer-under .link-to-page:hover {
      text-decoration: underline; }
    .footer-under .link-to-page:last-child {
      margin-right: 0; }
  .footer-under .language-entry-short-text {
    text-decoration: none;
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.04375rem; }
  .footer-under .vertical-separator {
    background-color: #d0d0d0;
    height: 0.625rem;
    width: 0.0625rem;
    display: inline-flex; }
  .footer-under span.language-entry-short-text,
  .footer-under .language-entry-short-text:hover {
    color: #fff; }

.key-icon-link:active, .key-icon-link:hover, .key-icon-link:focus {
  text-decoration: none; }

@media (min-width: 1024px) {
  .footer-under-inner {
    height: 3.125rem; }
  .link-container {
    order: 20; }
  .copyright {
    order: 10; }
  .language-container {
    order: 30; } }

@media (max-width: 1023px) {
  .link-container {
    width: 100%; } }

.language-entry-short-text {
  padding: 0 0.5em; }

.language-entries {
  margin-left: -0.5em;
  margin-right: -0.5em; }

/* Elements */
.center-content {
  align-items: center;
  display: flex;
  flex-direction: column; }

/* Button (This style works with all three cases that can be used. Input, anchor or button) */
.key-button, .portlet-forms .btn, .content .lfr-ddm-form-container .lfr-ddm-form-submit, .ost-jobs .action {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.03125rem;
  background-color: #000;
  display: inline-block;
  padding: 0.5rem 1.0625rem;
  color: #fff;
  border: 0;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center; }
  .key-button:hover, .portlet-forms .btn:hover, .content .lfr-ddm-form-container .lfr-ddm-form-submit:hover, .ost-jobs .action:hover {
    color: #fff;
    background-color: #444;
    text-decoration: none;
    cursor: pointer; }
  .key-button:disabled, .portlet-forms .btn:disabled, .content .lfr-ddm-form-container .lfr-ddm-form-submit:disabled, .ost-jobs .action:disabled {
    background-color: #888; }
  .key-button.inverted, .portlet-forms .inverted.btn, .content .lfr-ddm-form-container .inverted.lfr-ddm-form-submit, .ost-jobs .inverted.action {
    background: #fff;
    color: #000;
    text-transform: none; }
  .key-button:focus, .portlet-forms .btn:focus, .content .lfr-ddm-form-container .lfr-ddm-form-submit:focus, .ost-jobs .action:focus {
    background-attachment: #000; }
  .key-button.small, .portlet-forms .small.btn, .content .lfr-ddm-form-container .small.lfr-ddm-form-submit, .ost-jobs .small.action {
    padding: 0.4375rem 1.25rem; }
  .key-button + .key-button, .portlet-forms .btn + .key-button, .content .lfr-ddm-form-container .lfr-ddm-form-submit + .key-button, .ost-jobs .action + .key-button, .portlet-forms .key-button + .btn, .portlet-forms .btn + .btn, .content .lfr-ddm-form-container .portlet-forms .lfr-ddm-form-submit + .btn, .portlet-forms .content .lfr-ddm-form-container .lfr-ddm-form-submit + .btn, .ost-jobs .portlet-forms .action + .btn, .portlet-forms .ost-jobs .action + .btn, .content .lfr-ddm-form-container .key-button + .lfr-ddm-form-submit, .portlet-forms .content .lfr-ddm-form-container .btn + .lfr-ddm-form-submit, .content .lfr-ddm-form-container .portlet-forms .btn + .lfr-ddm-form-submit, .content .lfr-ddm-form-container .lfr-ddm-form-submit + .lfr-ddm-form-submit, .ost-jobs .content .lfr-ddm-form-container .action + .lfr-ddm-form-submit, .content .lfr-ddm-form-container .ost-jobs .action + .lfr-ddm-form-submit, .ost-jobs .key-button + .action, .portlet-forms .ost-jobs .btn + .action, .ost-jobs .portlet-forms .btn + .action, .content .lfr-ddm-form-container .ost-jobs .lfr-ddm-form-submit + .action, .ost-jobs .content .lfr-ddm-form-container .lfr-ddm-form-submit + .action, .ost-jobs .action + .action {
    margin-left: 1rem; }

.btn-primary {
  border: 0; }
  .btn-primary:hover {
    background-color: #444; }

.key-button-default-spaces {
  margin-top: 2.5rem; }

.title,
.home-title {
  text-align: center; }

h1,
h2,
.key-title-big,
.home-title,
.title {
  font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0.04375rem;
  color: #000;
  margin-bottom: 0.9375rem;
  margin-top: 0; }

h3,
.key-title-medium {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0.05rem;
  color: #000;
  margin-bottom: 0.625rem;
  margin-top: 1.25rem;
  text-transform: uppercase; }

.home-text {
  font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
  font-size: 1.125rem;
  line-height: 1.625rem;
  letter-spacing: 0.0375rem;
  color: #000;
  display: flex; }

.text {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem;
  color: #444;
  display: flex; }

@media screen and (min-width: 1024px) {
  h1,
  .home-title {
    font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
    font-size: 2.75rem;
    line-height: 3.125rem;
    letter-spacing: 0.0625rem;
    margin-bottom: 1.25rem; }
  h2,
  .key-title-big {
    font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
    font-size: 2.1875rem;
    line-height: 2.375rem;
    color: #000;
    margin-bottom: 1.40625rem; }
  h3,
  .key-title-medium {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: 0.05rem;
    color: #000;
    margin-bottom: 1.40625rem; }
  .title {
    font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
    font-size: 2.1875rem;
    line-height: 2.375rem; }
  .text {
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 1rem;
    line-height: 1.4375rem;
    letter-spacing: 0.03125rem; } }

.journal-content-article table {
  border: none; }
  .journal-content-article table tr {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
    border-top: solid #d0d0d0 0.0625rem; }
    .journal-content-article table tr:last-child {
      border-bottom: solid #d0d0d0 0.0625rem; }
    .journal-content-article table tr:hover {
      background-color: #e3e3e3; }
  .journal-content-article table td {
    border: none;
    padding: 0.53125rem 0.3125rem;
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.04375rem; }

.key-slider .slick-arrow,
.key-slider .slick-arrow:focus,
.key-slider .slick-arrow:hover {
  z-index: 970; }

.key-slider .slick-dots li {
  width: 0.5rem; }
  .key-slider .slick-dots li button {
    width: 0.5rem;
    height: 0.5rem;
    color: #e3e3e3; }
    .key-slider .slick-dots li button::before {
      font-size: 0.625rem; }
    .key-slider .slick-dots li button:hover {
      color: #000; }
  .key-slider .slick-dots li.slick-active button {
    color: #000; }

.key-slider .slick-arrow.slick-prev {
  left: 1.875rem; }

.key-slider .slick-next {
  right: 1.875rem; }

.key-slider .slick-prev:before,
.key-slider .slick-next:before {
  content: ""; }

.key-slider .slick-prev:hover:before, .key-slider .slick-prev:focus:before,
.key-slider .slick-next:hover:before,
.key-slider .slick-next:focus:before {
  content: ""; }

.sectiontitle > .title:last-child {
  margin-bottom: 0; }

.grid-3 {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.6875rem;
  margin-right: -0.6875rem;
  margin-top: -0.9375rem; }
  .grid-3-cell {
    width: calc(100% - 1.375rem);
    margin-left: 0.6875rem;
    margin-right: 0.6875rem;
    margin-top: 0.9375rem;
    text-decoration: none; }
    .grid-3-cell, .grid-3-cell:hover, .grid-3-cell:focus {
      text-decoration: none; }
    .grid-3-cell:hover .grid-3-cell-text, .grid-3-cell:focus .grid-3-cell-text {
      color: #000; }
    .grid-3-cell-asset-container {
      margin-top: 0.625rem;
      margin-bottom: 0.625rem; }
    .grid-3-cell-title {
      padding-top: 0.625rem;
      padding-bottom: 0.3125rem;
      font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
      font-size: 1.125rem;
      line-height: 1.625rem;
      letter-spacing: 0.0375rem;
      color: #000; }
    .grid-3-cell-text {
      font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 0.875rem;
      line-height: 1.25rem;
      letter-spacing: 0.04375rem;
      padding-top: 0.3125rem;
      padding-bottom: 0.625rem;
      color: #444; }

.grid-image-text-outside .aspect-ratio .grid-3-cell-asset {
  object-fit: cover;
  font-family: "object-fit: cover";
  height: 100%; }

@media (min-width: 1024px) {
  .grid-3 {
    margin-top: -1.875rem; }
    .grid-3-cell {
      width: calc(33.333% - 1.375rem);
      margin-top: 1.875rem; }
      .grid-3-cell-text {
        font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 1rem;
        line-height: 1.4375rem;
        letter-spacing: 0.03125rem;
        padding-top: 0.46875rem; }
      .grid-3-cell-title {
        font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
        font-size: 1.375rem;
        line-height: 1.75rem;
        letter-spacing: 0.03125rem;
        padding-bottom: 0.46875rem; } }

.grid-slider {
  margin-left: -0.6875rem;
  margin-right: -0.6875rem; }
  .grid-slider-cell {
    position: relative;
    margin-left: 0.6875rem;
    margin-right: 0.6875rem; }
    .grid-slider-cell-asset {
      height: 16.875rem;
      object-fit: cover;
      font-family: "object-fit: cover";
      width: 100%; }
    .grid-slider-cell-title {
      font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 1rem;
      line-height: 1.4375rem;
      letter-spacing: 0.03125rem;
      position: absolute;
      bottom: 0.9375rem;
      left: 0.9375rem;
      color: #fff; }
    .grid-slider-cell-tag {
      font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 0.8125rem;
      line-height: 1.25rem;
      letter-spacing: 0.04375rem;
      position: absolute;
      top: 0.9375rem;
      left: 0.9375rem;
      color: #fff; }

.grid-icon-text {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  justify-content: flex-start;
  margin-bottom: -0.625rem; }
  .grid-icon-text-cell {
    width: 33.33333%;
    display: flex;
    flex-direction: column;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    margin-bottom: 0.625rem;
    color: #000;
    text-decoration: none; }
    .grid-icon-text-cell:hover, .grid-icon-text-cell:focus {
      text-decoration: none; }
      .grid-icon-text-cell:hover .grid-icon-text-cell-title, .grid-icon-text-cell:focus .grid-icon-text-cell-title {
        text-decoration: underline; }
    .grid-icon-text-cell-icon {
      display: flex;
      justify-content: center;
      height: 4.375rem; }
      .grid-icon-text-cell-icon > svg {
        width: 2.3125rem;
        height: auto; }
    .grid-icon-text-cell-title {
      font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
      font-size: 1rem;
      line-height: 1.375rem;
      letter-spacing: 0.0625rem;
      display: flex;
      justify-content: center;
      text-align: center;
      margin-bottom: 0.625rem; }
    .grid-icon-text-cell-text {
      font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 0.75rem;
      letter-spacing: 0.03125rem;
      line-height: 1;
      text-align: center; }

@media screen and (min-width: 1024px) {
  .grid-icon-text {
    margin-bottom: 0;
    justify-content: center; }
    .grid-icon-text-cell {
      width: 16.666666%;
      margin-bottom: 0; }
      .grid-icon-text-cell-title {
        font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
        font-size: 1.5rem;
        line-height: 2rem;
        letter-spacing: 0.04375rem;
        letter-spacing: 0.03125rem; }
      .grid-icon-text-cell-text {
        font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.04375rem; }
      .grid-icon-text-cell-icon {
        height: 6.25rem; }
        .grid-icon-text-cell-icon > svg {
          width: 2.8125rem; } }

.grid-contacts {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.6875rem;
  margin-right: -0.6875rem; }
  .grid-contacts__cell {
    display: flex;
    flex-direction: column;
    width: calc(100% - 1.375rem);
    padding: 1.25rem;
    margin: 0.6875rem;
    border: solid #e3e3e3 1px; }
  .grid-contacts__title {
    padding-bottom: 0.46875rem; }
  .grid-contacts__description {
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.04375rem;
    padding-top: 0.46875rem;
    padding-bottom: 0.46875rem; }
  .grid-contacts__phone {
    padding-top: 0.46875rem;
    padding-bottom: 0.3125rem; }
  .grid-contacts__mail {
    padding-top: 0.3125rem;
    padding-bottom: 0.46875rem; }
  .grid-contacts__detail-link {
    margin-top: 0.3125rem;
    margin-right: auto;
    text-decoration: none; }
  .grid-contacts__arrival {
    padding-top: 0.3125rem;
    padding-bottom: 0.46875rem; }
  .grid-contacts__title, .grid-contacts__phone, .grid-contacts__mail, .grid-contacts__arrival {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.04375rem;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #000; }
  .grid-contacts-with-image {
    flex-direction: column; }
  .grid-contacts--single .grid-contacts__cell {
    width: 100%;
    max-width: 18.75rem;
    margin: 0; }

@media (min-width: 1024px) {
  .grid-contacts__cell {
    width: calc(25% - 1.375rem); }
  .grid-contacts-with-image {
    flex-direction: row; } }

.keyviz {
  padding-bottom: 2.5rem;
  border-bottom: solid #d0d0d0 0.0625rem; }
  .keyviz .slick-track {
    margin-bottom: 1.25rem; }
  .keyviz .key-carousel-item {
    position: relative; }
  .keyviz img {
    width: 100%;
    max-height: 11.625rem;
    object-fit: cover;
    font-family: "object-fit: cover"; }
    @media (min-width: 375px) {
      .keyviz img {
        max-height: calc(55.02439vw + -1.27134rem); } }
    @media (min-width: 1400px) {
      .keyviz img {
        max-height: 46.875rem; } }
  .keyviz .text-box {
    padding: 1.875rem;
    background-color: rgba(255, 255, 255, 0.8); }
    .keyviz .text-box :first-child {
      padding-top: 0;
      margin-top: 0; }
  .keyviz .box-title {
    font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
    font-size: 1.875rem;
    line-height: 2.375rem;
    letter-spacing: 0.0625rem;
    color: #000; }
  .keyviz .box-text {
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 1rem;
    line-height: 1.4375rem;
    letter-spacing: 0.03125rem;
    color: #444; }
  .keyviz .box-link {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.04375rem;
    display: flex;
    align-items: center;
    margin-top: 0.9375rem;
    text-decoration: none;
    color: #000; }
    .keyviz .box-link:hover, .keyviz .box-link:focus {
      text-decoration: underline; }
    .keyviz .box-link *[class$="icon"] {
      width: 0.8em;
      height: 0.8em; }
  @media (min-width: 1024px) {
    .keyviz .text-box {
      position: absolute;
      bottom: 2.8125rem;
      left: 2.8125rem;
      width: 50%; }
    .keyviz .box-link {
      margin-top: 1.25rem;
      font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 1rem;
      line-height: 1.4375rem;
      letter-spacing: 0.03125rem; } }
  @media (max-width: 1023px) {
    .keyviz .text-box {
      position: static;
      width: 100%;
      padding: 0;
      padding-top: 1.5rem; }
    .keyviz .box-text {
      font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 0.875rem;
      line-height: 1.25rem;
      letter-spacing: 0.04375rem; }
    .keyviz .box-title {
      font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
      font-size: 1.125rem;
      line-height: 1.625rem;
      letter-spacing: 0.0375rem; } }

@media (min-width: 1280px) {
  .keyviz {
    padding-bottom: 0;
    border-bottom: none; } }

html.ie11 .keyviz .box-link *[class$="icon"] {
  width: 0.75rem;
  height: 0.75rem; }

.keyviz-small {
  position: relative; }
  .keyviz-small img {
    width: 100%;
    max-height: 11.625rem;
    object-fit: cover;
    font-family: "object-fit: cover"; }
    @media (min-width: 375px) {
      .keyviz-small img {
        max-height: calc(37.46341vw + 2.84451rem); } }
    @media (min-width: 1400px) {
      .keyviz-small img {
        max-height: 35.625rem; } }
  .keyviz-small .text-box {
    position: absolute;
    bottom: 2.8125rem;
    left: 2.8125rem; }
    .keyviz-small .text-box .top-title {
      color: #fff;
      font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 1rem;
      line-height: 1.4375rem;
      letter-spacing: 0.03125rem;
      margin-bottom: 0.625rem; }
    .keyviz-small .text-box .title {
      color: #fff;
      margin-top: 0;
      font-family: "Catalog-Regular", "Georgia", "Times New Roman", "Times", serif;
      font-size: 2.75rem;
      line-height: 3.125rem;
      letter-spacing: 0.0625rem; }
  @media (max-width: 1023px) {
    .keyviz-small .text-box {
      position: static;
      padding-top: 1.5rem; }
      .keyviz-small .text-box .top-title {
        color: #444;
        font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 0.8125rem;
        line-height: 1rem;
        letter-spacing: 0.04375rem;
        margin-bottom: 0.3125rem; }
      .keyviz-small .text-box .title {
        color: #000;
        font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
        font-size: 1.375rem;
        line-height: 1.75rem;
        letter-spacing: 0.03125rem;
        justify-content: flex-start;
        display: flex;
        margin-bottom: 0; } }

.picture-wrapper {
  display: flex;
  justify-content: center; }

.picture {
  display: inline-block;
  margin: auto; }
  .picture .image-box {
    display: block;
    margin: 0 auto; }
  .picture .image-description-box {
    margin: 1.125rem auto 0;
    flex-grow: 1;
    display: flex;
    justify-content: space-between; }
    .picture .image-description-box .image-copyright {
      color: #444;
      font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 0.875rem;
      line-height: 1.25rem;
      letter-spacing: 0.04375rem; }
    .picture .image-description-box .box-link {
      font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 0.875rem;
      line-height: 1.25rem;
      letter-spacing: 0.04375rem; }

.download-separator {
  margin-top: 0;
  margin-bottom: 0;
  border-top: solid #e3e3e3 0.0625rem; }

.downloads-link {
  display: flex;
  align-items: center;
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem;
  color: #000;
  justify-content: space-between;
  padding: 0.625rem 0.3125rem;
  text-decoration: none; }
  .downloads-link:hover, .downloads-link:focus {
    background: #f1f1f1;
    text-decoration: none; }

.download-button {
  align-items: center;
  display: flex; }

.faq-adt {
  /*doesn't work with display flex*/ }
  .faq-adt .faq-lead-holder {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    background: none;
    border: none;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    color: #444; }
    .faq-adt .faq-lead-holder svg g {
      fill: #444; }
    .faq-adt .faq-lead-holder:hover {
      color: #888; }
      .faq-adt .faq-lead-holder:hover svg g {
        fill: #888; }
    .faq-adt .faq-lead-holder p {
      margin-left: 1.25rem; }
  .faq-adt .faq-lead-holder-active {
    color: #000; }
  .faq-adt .faq-text-holder {
    display: none;
    margin-left: 1.25rem;
    margin-top: 0.625rem; }
    .faq-adt .faq-text-holder p {
      margin-bottom: 0; }
  .faq-adt .key-triangledown-icon-container,
  .faq-adt .key-triangleright-icon-container {
    position: relative;
    top: 1.1875rem;
    transition: 0.3s; }
  .faq-adt .open {
    transform: rotate(90deg); }
  .faq-adt svg.open g {
    fill: #000; }
  .faq-adt .closed {
    transform: rotate(0deg); }

.jobs .job {
  display: grid;
  justify-content: space-between;
  border-top: solid #e3e3e3 0.0625rem;
  padding: 0.625rem 0.3125rem;
  align-items: center;
  grid-template-columns: 1fr 3fr 1fr;
  text-decoration: none; }
  .jobs .job:last-child {
    border-bottom: solid #e3e3e3 0.0625rem; }
  .jobs .job:hover {
    text-decoration: none;
    background-color: #f1f1f1; }

.jobs .journal-content-article {
  width: 100%; }

.jobs .edit-icon {
  margin-left: 0.625rem; }

.jobs .date,
.jobs .titel {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem;
  color: #444; }

.jobs .link {
  display: inline-flex;
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem;
  justify-content: flex-end;
  color: #000; }

@media (max-width: 1023px) {
  .jobs .job {
    grid-template-columns: 5rem 6fr 1fr; } }

@media (max-width: 500px) {
  .jobs .job {
    grid-template-columns: 1fr;
    grid-row-gap: 0.625rem; }
    .jobs .job .link {
      justify-content: flex-start; } }

html.ie11 .jobs .job {
  display: flex; }

html.ie11 .jobs .date {
  width: 25%; }

html.ie11 .jobs .titel {
  margin-right: auto; }

.ost-jobs .title {
  font-size: 1.5rem;
  text-decoration: none; }

.title-lead-lead {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem; }

@media screen and (min-width: 1024px) {
  .title-lead-lead {
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 1rem;
    line-height: 1.4375rem;
    letter-spacing: 0.03125rem; } }

.contacts .contact {
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-template-columns: 1fr 1fr 1fr; }

.contacts .contact-container {
  border-top: 0.0625rem solid #e3e3e3;
  padding: 0.625rem 0.3125rem; }
  .contacts .contact-container:hover {
    background-color: #f1f1f1; }
  .contacts .contact-container:last-child {
    border-bottom: 0.0625rem solid #e3e3e3; }

.contacts .department {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem;
  -ms-grid-column: 1; }

.contacts .telto-holder {
  font-size: large;
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem;
  -ms-grid-column: 2; }

.contacts .mailto-holder {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem;
  text-align: right;
  -ms-grid-column: 3; }

@media (max-width: 1023px) {
  .contacts .telto-holder {
    padding-top: 0;
    text-align: left; } }

@media (max-width: 1023px) {
  .contacts .contact {
    grid-template-columns: 7.5rem 1fr 1fr; } }

.contacts-telto-link {
  text-decoration: none; }

.contacts-mailto-link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-decoration: none;
  color: #000; }

@media (max-width: 374px) {
  .contacts .contact {
    grid-template-columns: auto auto auto;
    grid-column-gap: 0.625rem; } }

.usp-teaser {
  display: flex;
  flex-wrap: wrap;
  margin: -1.5625rem -0.9375rem; }

.usp-item {
  display: inline-flex;
  padding: 1.5625rem 0.9375rem;
  width: 100%; }
  @media screen and (min-width: 1280px) {
    .usp-item {
      width: 50%; } }
  .usp-item i {
    width: 2.125rem;
    height: 1.75rem;
    margin-right: 0.625rem; }

.usp-title {
  font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
  font-size: 1.125rem;
  line-height: 1.625rem;
  letter-spacing: 0.0375rem;
  margin-top: 0;
  text-transform: none; }

.usp-description {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem;
  color: #444; }

@media screen and (min-width: 1024px) {
  .usp-title {
    font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
    font-size: 1.375rem;
    line-height: 1.75rem;
    letter-spacing: 0.03125rem; }
  .usp-description {
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 1rem;
    line-height: 1.4375rem;
    letter-spacing: 0.03125rem; } }

.people-wrapper .people-wrapper-img {
  width: 100%;
  object-fit: cover;
  font-family: "object-fit: cover";
  height: 11.9375rem; }

.people-wrapper .people-text-wrapper {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem;
  margin-left: 0.1875rem;
  font-size: 14px; }

.people-wrapper .full-name {
  color: #444;
  margin-bottom: 0; }

.people-wrapper .full-name-holder {
  margin-top: 0.875rem;
  margin-bottom: 0.3125rem;
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem; }

.people-wrapper .activity {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem;
  color: #444;
  margin-bottom: 0.9375rem; }

.people-wrapper .people-telto-text,
.people-wrapper .people-mailto-text {
  margin-left: 0.6875rem; }

.people-wrapper .people-telto-link,
.people-wrapper .people-mailto-link,
.people-wrapper .people-link-to-page,
.people-wrapper .people-link-external {
  display: inline-flex;
  text-decoration: none;
  color: #000; }

.people-wrapper .people-telto-link:hover,
.people-wrapper .people-mailto-link:hover {
  color: #888; }
  .people-wrapper .people-telto-link:hover g,
  .people-wrapper .people-mailto-link:hover g {
    fill: #888; }

.people-wrapper .people-telto-holder {
  margin-bottom: 0.4375rem; }

.people-wrapper .people-mailto-link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.peoples-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(11.9375rem, 1fr));
  grid-column-gap: 1.375rem;
  grid-row-gap: 3.125rem; }

html.ie11 .peoples-grid {
  display: flex;
  margin-left: -0.6875rem;
  margin-right: -0.6875rem; }

html.ie11 .fix-card-width {
  padding-left: 0.6875rem;
  padding-right: 0.6875rem;
  max-width: 13.3125rem; }

.news-category-filter {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem;
  margin-left: -1.15625rem;
  margin-right: -1.15625rem;
  display: flex;
  margin-bottom: 1.6875rem; }
  .news-category-filter .category {
    background: none;
    border: none;
    padding-left: 1.15625rem;
    padding-right: 1.15625rem; }
    .news-category-filter .category.selected {
      font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 0.875rem;
      line-height: 1.25rem;
      letter-spacing: 0.04375rem; }
  .news-category-filter .vertical-separator {
    margin-left: 1.15625rem;
    margin-right: 1.15625rem;
    width: 0.0625rem;
    background: #888; }
  .news-category-filter .year-select {
    border: 0;
    margin-left: 0.53125rem; }

.news-detail-date,
.event-detail-date {
  font-family: "Catalog-Regular", "Georgia", "Times New Roman", "Times", serif;
  font-size: 1.125rem;
  line-height: 1.625rem;
  letter-spacing: 0.0375rem;
  color: #000;
  margin-bottom: 0.625rem; }

.news-detail-title,
.event-detail-title {
  text-align: left; }

.news-detail-summary,
.event-detail-summary {
  margin-bottom: 1.25rem; }

.news-detail-summary, .news-detail-location, .news-detail-duration,
.event-detail-summary,
.event-detail-location,
.event-detail-duration {
  font-family: "Catalog-Regular", "Georgia", "Times New Roman", "Times", serif;
  font-size: 1.125rem;
  line-height: 1.625rem;
  letter-spacing: 0.0375rem;
  color: #000;
  display: flex; }

.news-detail-repeatable-image-holder,
.event-detail-repeatable-image-holder {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-top: 2.8125rem; }
  @media screen and (min-width: 1024px) {
    .news-detail-repeatable-image-holder,
    .event-detail-repeatable-image-holder {
      padding-top: 5rem; } }
  @media screen and (min-width: 1280px) {
    .news-detail-repeatable-image-holder,
    .event-detail-repeatable-image-holder {
      padding-top: 5.625rem; } }
  .news-detail-repeatable-image-holder img,
  .event-detail-repeatable-image-holder img {
    width: 100%;
    flex-shrink: 0; }

.news-detail-repeatable-link,
.event-detail-repeatable-link {
  display: flex;
  text-decoration: none; }
  .news-detail-repeatable-link-text,
  .event-detail-repeatable-link-text {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.04375rem;
    color: #000; }

.news-detail-repeatable-image-information,
.event-detail-repeatable-image-information {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.news-detail-repeatable-image-description,
.event-detail-repeatable-image-description {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem;
  color: #444; }

.news-detail-separator,
.event-detail-separator {
  margin-top: 0;
  margin-bottom: 0; }

.news-detail-repeatable-content,
.event-detail-repeatable-content {
  overflow-x: auto; }

.news-meta-info {
  display: flex;
  justify-content: space-between;
  padding-top: 1.0625rem;
  padding-bottom: 1.0625rem;
  color: #444; }

.news-keyword {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.05rem;
  line-height: 1;
  display: flex;
  align-items: center; }

.news-date {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem; }

.news-grid-sizer,
.news-box {
  padding: 0 1.25rem 1.375rem; }

.news-list {
  display: flex;
  margin-top: -0.6875rem;
  margin-bottom: -0.6875rem;
  flex-direction: column; }

.news-box {
  border: solid #d0d0d0 1px; }
  .news-box:hover, .news-box:focus {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); }
    .news-box:hover .news-lead, .news-box:focus .news-lead {
      color: #000; }

.news-headline {
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem;
  color: #000; }

.news-lead {
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
  color: #444;
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem; }

.news-asset-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.625rem; }

.news-asset {
  max-width: 100%;
  width: 100%; }

.news-list-button-container {
  display: flex;
  justify-content: center; }

.news-list-button {
  margin-top: 2.1875rem; }

@media screen and (min-width: 1024px) {
  .news-list {
    display: block;
    margin: 0 -0.6875rem;
    flex-direction: row; }
  .news-asset-container {
    max-width: calc(100% + 2.5rem);
    width: calc(100% + 2.5rem);
    margin-left: -1.25rem;
    margin-right: -1.25rem; }
  .news-grid-sizer,
  .news-box {
    width: calc(33% - 1.375rem);
    margin-left: 0.6875rem;
    margin-right: 0.6875rem;
    margin-bottom: 1.375rem; } }

.news-link {
  width: 100%;
  margin-top: 0.6875rem;
  margin-bottom: 0.6875rem; }
  .news-link, .news-link:hover, .news-link:focus {
    text-decoration: none;
    outline: none; }

@media screen and (min-width: 1400px) {
  .news-grid-sizer,
  .news-box {
    width: calc(25% - 1.375rem); } }

.news-list-preview {
  display: flex;
  flex-wrap: wrap; }
  @media screen and (min-width: 1024px) {
    .news-list-preview .news-link {
      width: calc(33% - 1.375rem);
      margin: 0 0.6875rem; }
    .news-list-preview .news-box {
      width: 100%;
      height: 100%; } }
  @media screen and (min-width: 1400px) {
    .news-list-preview .news-link {
      width: calc(25% - 1.375rem); } }
  @media screen and (min-width: 1024px) and (max-width: 1399px) {
    .news-list-preview .news-link:last-child {
      display: none; } }

.event-preview-item {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 11.8125rem auto;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem; }
  .event-preview-item:hover .event-preview-location,
  .event-preview-item:hover .event-preview-duration,
  .event-preview-item:hover .event-preview-title,
  .event-preview-item:hover .date-container {
    color: #000; }
  .event-preview-item footer {
    align-self: flex-end;
    margin-bottom: 0.75rem; }
  .event-preview-item header {
    margin-top: 0.5625rem; }

.event-preview-asset {
  object-fit: cover;
  font-family: "object-fit: cover";
  max-width: 100%;
  width: 100%; }

.event-preview-icon {
  width: 0.9375rem;
  background-position: center;
  flex-shrink: 0;
  align-self: flex-start; }

.event-preview-duration .event-preview-icon {
  margin-top: 0.1875rem; }

.event-preview-location .event-preview-icon {
  margin-top: 0.0625rem; }

.event-list-button-container {
  display: flex;
  justify-content: center; }

.event-list-button {
  margin-top: 2.5rem; }

.event-preview-title {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.05rem;
  line-height: 1;
  color: #444;
  margin-bottom: 0.4375rem; }

.event-preview-summary-text {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem;
  color: #000; }

.event-preview-name-of-the-day {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.05rem;
  line-height: 1; }

.event-preview-day {
  padding-bottom: 0.3125rem;
  padding-top: 0.3125rem;
  font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
  font-size: 2.75rem;
  line-height: 3.125rem;
  letter-spacing: 0.0625rem; }

.event-preview-month-year {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
  font-size: 1.125rem;
  line-height: 1.625rem;
  letter-spacing: 0.0375rem; }

.date-container {
  font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
  font-size: 1.125rem;
  line-height: 1.625rem;
  letter-spacing: 0.0375rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 8.25rem;
  padding-left: 0.625rem;
  padding-right: 0.3125rem;
  grid-row-start: 1;
  grid-row-end: 3;
  flex-shrink: 0;
  color: #444; }

.event-preview .asset-container {
  padding-right: 1.75rem;
  grid-row-start: 1;
  grid-row-end: 3;
  flex-shrink: 0; }

.event-preview-duration {
  margin-bottom: 0.5625rem; }

.event-preview-location,
.event-preview-duration {
  display: flex;
  color: #444;
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem; }

.event-link {
  display: flex; }
  .event-link, .event-link:hover, .event-link:focus {
    text-decoration: none;
    outline: none; }
  .event-link + .event-link {
    border-top: solid #d0d0d0 0.0625rem; }

.event-single-list .event-link {
  border-top: solid #d0d0d0 0.0625rem; }

.event-preview-duration-text {
  margin-left: 0.5625rem;
  display: flex; }

.event-preview-location-text {
  margin-left: 0.625rem;
  display: flex; }

.event-box {
  width: auto; }

@media screen and (max-width: 700px) {
  .event-preview .asset-container {
    padding-left: 0;
    padding-right: 0.8125rem; }
  .event-preview-item {
    grid-template-columns: 33% auto; }
  .event-box {
    width: 100%; }
  .event-preview-item header {
    grid-row-start: 1;
    grid-row-end: 3;
    margin-top: 0; }
  .event-preview-item footer {
    grid-column-start: 1;
    grid-column-end: 3;
    margin-top: 0.625rem;
    margin-bottom: 0; } }

@media screen and (min-width: 375px) {
  .event-preview-asset {
    max-width: 11.8125rem; } }

@media screen and (min-width: 1024px) {
  .event-preview .asset-container {
    padding-left: 0.5625rem; }
  .event-preview-item {
    grid-template-columns: auto auto auto; }
  .event-preview-asset {
    height: 8.875rem; } }

html.ie11 .event-box {
  width: 100%; }

html.ie11 .event-preview-asset {
  width: 11.8125rem; }

html.ie11 .event-preview-item {
  display: flex; }
  html.ie11 .event-preview-item header {
    width: 50%; }
  html.ie11 .event-preview-item footer {
    margin-left: -50%; }

.map-meta-info-title {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem;
  margin-bottom: 0.625rem;
  color: #000; }

.map-meta-info-address {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem;
  margin-bottom: 0.625rem; }

.map-meta-info-phone,
.map-meta-info-mail {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.04375rem;
  color: #000;
  display: flex;
  align-items: center;
  text-decoration: none;
  padding-top: 0.1875rem;
  padding-bottom: 0.1875rem; }

.event-detail p {
  margin-bottom: 1.25rem; }

.event-detail-repeatable-content {
  margin-bottom: -0.125rem; }

.image-text {
  display: flex;
  justify-content: space-between; }
  .image-text__title {
    font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
    font-size: 1.125rem;
    line-height: 1.625rem;
    letter-spacing: 0.0375rem;
    padding-bottom: 0.53125rem;
    color: #000; }
  .image-text__text {
    padding-top: 0.53125rem; }
  .image-text__asset-container {
    margin-top: 1.25rem; }
  .image-text--horizontal {
    flex-direction: row;
    align-items: center; }
    .image-text--horizontal.image-text--reverse {
      flex-direction: row-reverse; }
  .image-text--vertical {
    flex-direction: column;
    align-items: start; }
    .image-text--vertical.image-text--reverse {
      flex-direction: column-reverse; }

@media (min-width: 768px) {
  .image-text__asset-container, .image-text__asset {
    max-height: 16.875rem;
    max-width: 40%; }
  .image-text--horizontal .image-text__asset-container {
    margin-right: 3.125rem;
    margin-left: 0; }
  .image-text--horizontal.image-text--reverse .image-text__asset-container {
    margin-right: 0;
    margin-left: 3.125rem; } }

@media (max-width: 768px) {
  .image-text--horizontal {
    align-items: start; }
    .image-text--horizontal.image-text--reverse {
      flex-direction: column-reverse; } }

.marketing-teaser-text-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  .marketing-teaser-text-box-title {
    padding-bottom: 0.625rem;
    font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
    font-size: 1.125rem;
    line-height: 1.625rem;
    letter-spacing: 0.0375rem;
    color: #000;
    padding-top: 1rem; }
  .marketing-teaser-text-box-text {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem; }
  .marketing-teaser-text-box-button {
    margin-top: 1.0625rem; }

.marketing-teaser img {
  width: 100%;
  height: 11.625rem;
  object-fit: cover;
  font-family: "object-fit: cover"; }
  @media (min-width: 375px) {
    .marketing-teaser img {
      height: calc(37.46341vw + 2.84451rem); } }
  @media (min-width: 1400px) {
    .marketing-teaser img {
      height: 35.625rem; } }

@media (min-width: 1024px) {
  .marketing-teaser {
    position: relative; }
    .marketing-teaser-text-box {
      position: absolute;
      left: 2.8125rem;
      bottom: 2.8125rem;
      background: #fff;
      opacity: 0.9;
      padding: 2.0625rem;
      width: 38.5625rem; }
      .marketing-teaser-text-box-title {
        font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
        font-size: 1.875rem;
        line-height: 2.375rem;
        padding-top: 0;
        padding-bottom: 0.3125rem; } }

.call-to-action .key-button, .call-to-action .portlet-forms .btn, .portlet-forms .call-to-action .btn, .call-to-action .content .lfr-ddm-form-container .lfr-ddm-form-submit, .content .lfr-ddm-form-container .call-to-action .lfr-ddm-form-submit, .call-to-action .ost-jobs .action, .ost-jobs .call-to-action .action {
  margin-top: 1.25rem; }
  @media screen and (min-width: 1024px) {
    .call-to-action .key-button, .call-to-action .portlet-forms .btn, .portlet-forms .call-to-action .btn, .call-to-action .content .lfr-ddm-form-container .lfr-ddm-form-submit, .content .lfr-ddm-form-container .call-to-action .lfr-ddm-form-submit, .call-to-action .ost-jobs .action, .ost-jobs .call-to-action .action {
      margin-top: 1.5625rem; } }

.intro-text {
  font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0.0625rem;
  color: #000; }

@media screen and (min-width: 1024px) {
  .intro-text {
    font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
    font-size: 1.125rem;
    line-height: 1.625rem;
    letter-spacing: 0.0375rem; } }

.language-switcher-header {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-top: solid #d0d0d0 0.0625rem; }
  .language-switcher-header .toggle-link-holder {
    display: none; }
  .language-switcher-header .nav__item--child {
    display: flex;
    align-items: center;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    text-transform: uppercase; }
    .language-switcher-header .nav__item--child .language-entry-short-text {
      font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 1rem;
      line-height: 1.4375rem;
      letter-spacing: 0.03125rem; }
      .language-switcher-header .nav__item--child .language-entry-short-text.selected {
        color: #888; }
  .language-switcher-header .navbar-nav .nav__item--child .language-entry-short-text {
    padding: 0;
    margin-left: 0; }
  .language-switcher-header .dropdown-menu {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    display: flex;
    position: static;
    box-shadow: none;
    border-width: 0; }
  .language-switcher-header .open > .child-menu-wrapper {
    padding-bottom: 0; }
    .language-switcher-header .open > .child-menu-wrapper > .child-menu {
      display: flex;
      flex-direction: row; }

@media (min-width: 1024px) {
  .language-switcher-header {
    margin-left: 1.03125rem;
    margin-right: 0.625rem;
    padding-left: 0;
    padding-right: 0;
    border-top: none; }
    .language-switcher-header .language-dropdown {
      padding-left: 2.34375rem; }
    .language-switcher-header .nav__link--main {
      text-decoration: none; }
    .language-switcher-header .nav__item:last-child .dropdown-menu {
      right: 0;
      left: auto; }
    .language-switcher-header .nav__item--child {
      padding-left: 0;
      padding-right: 0; }
      .language-switcher-header .nav__item--child .language-entry-short-text {
        font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.04375rem; }
    .language-switcher-header .navbar-nav .nav__item--child .language-entry-short-text {
      padding: 0.46875rem 0; }
    .language-switcher-header .language-entry-short-text {
      display: flex;
      min-width: 5rem; }
    .language-switcher-header .dropdown-menu {
      margin-right: 0;
      margin-left: 0;
      display: none;
      position: absolute;
      border-width: 0.0625rem;
      box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); }
    .language-switcher-header .open > .child-menu-wrapper > .child-menu {
      flex-direction: column; }
    .language-switcher-header .toggle-link-holder {
      display: block; } }

.wysiwyg-grid__element {
  margin-bottom: 1.25rem; }

.cookie-banner a {
  color: #fff;
  text-decoration: underline; }

.cookie-banner p {
  margin-bottom: 0; }

.cookie-banner .content-width-small, .cookie-banner .content .lfr-ddm-form-container, .content .cookie-banner .lfr-ddm-form-container {
  width: 100%; }

/* 5. Portlet style sheets */
:root {
  --aspect-ratio-4-to-3: 75%;
  --aspect-ratio-8-to-3: 37.5%;
  --aspect-ratio-16-to-9: 56.25%;
  --aspect-ratio: 100%;
  --blockquote-font-size: 0.875rem * 1.25;
  --blockquote-small-color: #6B6C7E;
  --blockquote-small-font-size: 80%;
  --body-bg: #e7e7e7;
  --body-color: #272833;
  --border-radius-circle: 50%;
  --border-radius-lg: 0.375rem;
  --border-radius-sm: 0.1875rem;
  --border-radius: 0;
  --rounded-pill: 50rem;
  --black: #000;
  --gray-100: #F7F8F9;
  --gray-200: #F1F2F5;
  --gray-300: #E7E7ED;
  --gray-400: #CDCED9;
  --gray-500: #A7A9BC;
  --gray-600: #6B6C7E;
  --gray-700: #495057;
  --gray-800: #393A4A;
  --gray-900: #272833;
  --transparent: transparent;
  --white: #fff;
  --primary: #000;
  --secondary: #6B6C7E;
  --success: #287D3D;
  --info: #2E5AAC;
  --warning: #B95000;
  --danger: #DA1414;
  --light: #F1F2F5;
  --dark: #272833;
  --container-max-sm: 33.75rem;
  --container-max-md: 45rem;
  --container-max-lg: 60rem;
  --container-max-xl: 78rem;
  --display1-size: 6rem;
  --display2-size: 5.5rem;
  --display3-size: 4.5rem;
  --display4-size: 3.5rem;
  --display1-weight: 300;
  --display2-weight: 300;
  --display3-weight: 300;
  --display4-weight: 300;
  --display-line-height: 1.2;
  --font-family-base: Replica-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  --font-family-sans-serif: Replica-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
  --font-size-base: 0.875rem;
  --font-size-lg: 1.125rem;
  --font-size-sm: 0.875rem;
  --font-weight-bold: 700;
  --font-weight-bolder: 900;
  --font-weight-light: 300;
  --font-weight-lighter: lighter;
  --font-weight-normal: 400;
  --font-weight-semi-bold: 600;
  --line-height-base: 1.44;
  --line-height-sm: 1.15;
  --h1-font-size: 1.625rem;
  --h2-font-size: 1.375rem;
  --h3-font-size: 1.1875rem;
  --h4-font-size: 1rem;
  --h5-font-size: 0.875rem;
  --h6-font-size: 0.8125rem;
  --lead-font-size: 1.09375rem;
  --lead-font-weight: 300;
  --portlet-bg: transparent;
  --portlet-content-border-radius: 0;
  --portlet-header-margin-bottom: 1rem;
  --portlet-topper-bg: var(--primary);
  --portlet-topper-border: var(--portlet-topper-bg);
  --portlet-topper-border-radius: var(--border-radius-sm)
  var(--border-radius-sm) 0 0;
  --portlet-topper-color: var(--white);
  --portlet-topper-link-color: var(--portlet-topper-color);
  --portlet-topper-link-hover-color: var(--portlet-topper-link-color);
  --hr-border-color: rgba(0, 0, 0, 0.1);
  --hr-border-width: 0.0625rem;
  --hr-margin-y: 1rem;
  --box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --spacer: 1rem;
  --spacer-0: calc(var(--spacer) * 0);
  --spacer-1: calc(var(--spacer) * 0.25);
  --spacer-2: calc(var(--spacer) * 0.5);
  --spacer-3: calc(var(--spacer) * 1);
  --spacer-4: calc(var(--spacer) * 1.5);
  --spacer-5: calc(var(--spacer) * 3);
  --spacer-6: calc(var(--spacer) * 4.5);
  --spacer-7: calc(var(--spacer) * 6);
  --spacer-8: calc(var(--spacer) * 7.5);
  --text-muted: #A7A9BC;
  --transition-collapse: height 0.35s ease;
  --transition-fade: opacity 0.15s linear; }

.aspect-ratio:not([class*='aspect-ratio-']) {
  padding-bottom: var(--aspect-ratio); }

.aspect-ratio-4-to-3 {
  padding-bottom: var(--aspect-ratio-4-to-3); }

.aspect-ratio-8-to-3 {
  padding-bottom: var(--aspect-ratio-8-to-3); }

.aspect-ratio-16-to-9 {
  padding-bottom: var(--aspect-ratio-16-to-9); }

.bg-danger {
  background-color: var(--danger) !important; }

.text-danger {
  color: var(--danger) !important; }

.bg-dark {
  background-color: var(--dark) !important; }

.text-dark {
  color: var(--dark) !important; }

.bg-gray-dark {
  background-color: var(--gray-800) !important; }

.text-gray-dark {
  color: var(--gray-800) !important; }

.bg-info {
  background-color: var(--info) !important; }

.text-info {
  color: var(--info) !important; }

.bg-light {
  background-color: var(--light) !important; }

.text-light {
  color: var(--light) !important; }

.bg-lighter {
  background-color: var(--gray-100) !important; }

.text-lighter {
  color: var(--gray-100) !important; }

.bg-primary {
  background-color: var(--primary) !important; }

.text-primary {
  color: var(--primary) !important; }

.bg-secondary {
  background-color: var(--secondary) !important; }

.text-secondary {
  color: var(--secondary) !important; }

.bg-success {
  background-color: var(--success) !important; }

.text-success {
  color: var(--success) !important; }

.bg-warning {
  background-color: var(--warning) !important; }

.text-warning {
  color: var(--warning) !important; }

.blockquote {
  font-size: var(--blockquote-font-size); }

.blockquote-footer {
  color: var(--blockquote-small-color);
  font-size: var(--blockquote-small-font-size); }

body,
#wrapper {
  color: var(--body-color);
  font-family: var(--font-family-base);
  font-size: var(--font-size-base); }

body {
  background-color: #e7e7e7 !important; }

body.ie {
  background-color: #e7e7e7;
  color: #272833;
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem; }

.container-fluid-max-sm {
  max-width: var(--container-max-sm); }

.container-fluid-max-md {
  max-width: var(--container-max-md); }

.container-fluid-max-lg {
  max-width: var(--container-max-lg); }

.container-fluid-max-xl {
  max-width: var(--container-max-xl); }

.display-1 {
  font-size: var(--display1-size);
  font-weight: var(--display1-weight);
  line-height: var(--display-line-height); }

.display-2 {
  font-size: var(--display2-size);
  font-weight: var(--display2-weight);
  line-height: var(--display-line-height); }

.display-3 {
  font-size: var(--display3-size);
  font-weight: var(--display3-weight);
  line-height: var(--display-line-height); }

.display-4 {
  font-size: var(--display4-size);
  font-weight: var(--display4-weight);
  line-height: var(--display-line-height); }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5 {
  font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
  color: #000; }

.lead {
  font-size: var(--lead-font-size); }

.portlet .portlet-content {
  background-color: var(--portlet-bg); }

@media (max-width: 767.98px) {
  .controls-visible .portlet-content-editable {
    border-color: var(--portlet-topper-border); } }

@media (min-width: 576px) {
  .controls-visible .portlet:hover > .portlet-content-editable,
  .controls-visible .portlet.open > .portlet-content-editable,
  .controls-visible .portlet.focus > .portlet-content-editable {
    border-color: var(--portlet-topper-border); } }

.portlet-layout .portlet-header {
  margin-bottom: var(--portlet-header-margin-bottom); }

.portlet-topper {
  background-color: var(--portlet-topper-bg);
  border-color: var(--portlet-topper-border);
  border-radius: var(--portlet-topper-border-radius);
  color: var(--portlet-topper-color); }

.rounded {
  border-radius: var(--border-radius) !important; }

.rounded-circle {
  border-radius: var(--border-radius-circle) !important; }

.rounded-lg {
  border-radius: var(--border-radius-lg) !important; }

.rounded-pill {
  border-radius: var(--rounded-pill) !important; }

.rounded-sm {
  border-radius: var(--border-radius-sm) !important; }

hr {
  border-top: var(--hr-border-width) solid var(--hr-border-color);
  margin-bottom: var(--hr-margin-y);
  margin-top: var(--hr-margin-y); }

.shadow {
  box-shadow: var(--box-shadow) !important; }

.shadow-sm {
  box-shadow: var(--box-shadow-sm) !important; }

.shadow-lg {
  box-shadow: var(--box-shadow-lg) !important; }

.m-0 {
  margin: var(--spacer-0) !important; }

.mt-0,
.my-0 {
  margin-top: var(--spacer-0) !important; }

.mr-0,
.mx-0 {
  margin-right: var(--spacer-0) !important; }

.mb-0,
.my-0 {
  margin-bottom: var(--spacer-0) !important; }

.ml-0,
.mx-0 {
  margin-left: var(--spacer-0) !important; }

.p-0 {
  padding: var(--spacer-0) !important; }

.pt-0,
.py-0 {
  padding-top: var(--spacer-0) !important; }

.pr-0,
.px-0 {
  padding-right: var(--spacer-0) !important; }

.pb-0,
.py-0 {
  padding-bottom: var(--spacer-0) !important; }

.pl-0,
.px-0 {
  padding-left: var(--spacer-0) !important; }

.c-m-0 {
  margin: var(--spacer-0) ; }

.c-mt-0,
.c-my-0 {
  margin-top: var(--spacer-0) ; }

.c-mr-0,
.c-mx-0 {
  margin-right: var(--spacer-0) ; }

.c-mb-0,
.c-my-0 {
  margin-bottom: var(--spacer-0) ; }

.c-ml-0,
.c-mx-0 {
  margin-left: var(--spacer-0) ; }

.c-p-0 {
  padding: var(--spacer-0) ; }

.c-pt-0,
.c-py-0 {
  padding-top: var(--spacer-0) ; }

.c-pr-0,
.c-px-0 {
  padding-right: var(--spacer-0) ; }

.c-pb-0,
.c-py-0 {
  padding-bottom: var(--spacer-0) ; }

.c-pl-0,
.c-px-0 {
  padding-left: var(--spacer-0) ; }

.m-1 {
  margin: var(--spacer-1) !important; }

.mt-1,
.my-1 {
  margin-top: var(--spacer-1) !important; }

.mr-1,
.mx-1 {
  margin-right: var(--spacer-1) !important; }

.mb-1,
.my-1 {
  margin-bottom: var(--spacer-1) !important; }

.ml-1,
.mx-1 {
  margin-left: var(--spacer-1) !important; }

.m-n1 {
  margin: calc(var(--spacer-1) * -1) !important; }

.mt-n1,
.my-n1 {
  margin-top: calc(var(--spacer-1) * -1) !important; }

.mr-n1,
.mx-n1 {
  margin-right: calc(var(--spacer-1) * -1) !important; }

.mb-n1,
.my-n1 {
  margin-bottom: calc(var(--spacer-1) * -1) !important; }

.ml-n1,
.mx-n1 {
  margin-left: calc(var(--spacer-1) * -1) !important; }

.p-1 {
  padding: var(--spacer-1) !important; }

.pt-1,
.py-1 {
  padding-top: var(--spacer-1) !important; }

.pr-1,
.px-1 {
  padding-right: var(--spacer-1) !important; }

.pb-1,
.py-1 {
  padding-bottom: var(--spacer-1) !important; }

.pl-1,
.px-1 {
  padding-left: var(--spacer-1) !important; }

.c-m-1 {
  margin: var(--spacer-1) ; }

.c-mt-1,
.c-my-1 {
  margin-top: var(--spacer-1) ; }

.c-mr-1,
.c-mx-1 {
  margin-right: var(--spacer-1) ; }

.c-mb-1,
.c-my-1 {
  margin-bottom: var(--spacer-1) ; }

.c-ml-1,
.c-mx-1 {
  margin-left: var(--spacer-1) ; }

.c-m-n1 {
  margin: calc(var(--spacer-1) * -1) ; }

.c-mt-n1,
.c-my-n1 {
  margin-top: calc(var(--spacer-1) * -1) ; }

.c-mr-n1,
.c-mx-n1 {
  margin-right: calc(var(--spacer-1) * -1) ; }

.c-mb-n1,
.c-my-n1 {
  margin-bottom: calc(var(--spacer-1) * -1) ; }

.c-ml-n1,
.c-mx-n1 {
  margin-left: calc(var(--spacer-1) * -1) ; }

.c-p-1 {
  padding: var(--spacer-1) ; }

.c-pt-1,
.c-py-1 {
  padding-top: var(--spacer-1) ; }

.c-pr-1,
.c-px-1 {
  padding-right: var(--spacer-1) ; }

.c-pb-1,
.c-py-1 {
  padding-bottom: var(--spacer-1) ; }

.c-pl-1,
.c-px-1 {
  padding-left: var(--spacer-1) ; }

.m-2 {
  margin: var(--spacer-2) !important; }

.mt-2,
.my-2 {
  margin-top: var(--spacer-2) !important; }

.mr-2,
.mx-2 {
  margin-right: var(--spacer-2) !important; }

.mb-2,
.my-2 {
  margin-bottom: var(--spacer-2) !important; }

.ml-2,
.mx-2 {
  margin-left: var(--spacer-2) !important; }

.m-n2 {
  margin: calc(var(--spacer-2) * -1) !important; }

.mt-n2,
.my-n2 {
  margin-top: calc(var(--spacer-2) * -1) !important; }

.mr-n2,
.mx-n2 {
  margin-right: calc(var(--spacer-2) * -1) !important; }

.mb-n2,
.my-n2 {
  margin-bottom: calc(var(--spacer-2) * -1) !important; }

.ml-n2,
.mx-n2 {
  margin-left: calc(var(--spacer-2) * -1) !important; }

.p-2 {
  padding: var(--spacer-2) !important; }

.pt-2,
.py-2 {
  padding-top: var(--spacer-2) !important; }

.pr-2,
.px-2 {
  padding-right: var(--spacer-2) !important; }

.pb-2,
.py-2 {
  padding-bottom: var(--spacer-2) !important; }

.pl-2,
.px-2 {
  padding-left: var(--spacer-2) !important; }

.c-m-2 {
  margin: var(--spacer-2) ; }

.c-mt-2,
.c-my-2 {
  margin-top: var(--spacer-2) ; }

.c-mr-2,
.c-mx-2 {
  margin-right: var(--spacer-2) ; }

.c-mb-2,
.c-my-2 {
  margin-bottom: var(--spacer-2) ; }

.c-ml-2,
.c-mx-2 {
  margin-left: var(--spacer-2) ; }

.c-m-n2 {
  margin: calc(var(--spacer-2) * -1) ; }

.c-mt-n2,
.c-my-n2 {
  margin-top: calc(var(--spacer-2) * -1) ; }

.c-mr-n2,
.c-mx-n2 {
  margin-right: calc(var(--spacer-2) * -1) ; }

.c-mb-n2,
.c-my-n2 {
  margin-bottom: calc(var(--spacer-2) * -1) ; }

.c-ml-n2,
.c-mx-n2 {
  margin-left: calc(var(--spacer-2) * -1) ; }

.c-p-2 {
  padding: var(--spacer-2) ; }

.c-pt-2,
.c-py-2 {
  padding-top: var(--spacer-2) ; }

.c-pr-2,
.c-px-2 {
  padding-right: var(--spacer-2) ; }

.c-pb-2,
.c-py-2 {
  padding-bottom: var(--spacer-2) ; }

.c-pl-2,
.c-px-2 {
  padding-left: var(--spacer-2) ; }

.m-3 {
  margin: var(--spacer-3) !important; }

.mt-3,
.my-3 {
  margin-top: var(--spacer-3) !important; }

.mr-3,
.mx-3 {
  margin-right: var(--spacer-3) !important; }

.mb-3,
.my-3 {
  margin-bottom: var(--spacer-3) !important; }

.ml-3,
.mx-3 {
  margin-left: var(--spacer-3) !important; }

.m-n3 {
  margin: calc(var(--spacer-3) * -1) !important; }

.mt-n3,
.my-n3 {
  margin-top: calc(var(--spacer-3) * -1) !important; }

.mr-n3,
.mx-n3 {
  margin-right: calc(var(--spacer-3) * -1) !important; }

.mb-n3,
.my-n3 {
  margin-bottom: calc(var(--spacer-3) * -1) !important; }

.ml-n3,
.mx-n3 {
  margin-left: calc(var(--spacer-3) * -1) !important; }

.p-3 {
  padding: var(--spacer-3) !important; }

.pt-3,
.py-3 {
  padding-top: var(--spacer-3) !important; }

.pr-3,
.px-3 {
  padding-right: var(--spacer-3) !important; }

.pb-3,
.py-3 {
  padding-bottom: var(--spacer-3) !important; }

.pl-3,
.px-3 {
  padding-left: var(--spacer-3) !important; }

.c-m-3 {
  margin: var(--spacer-3) ; }

.c-mt-3,
.c-my-3 {
  margin-top: var(--spacer-3) ; }

.c-mr-3,
.c-mx-3 {
  margin-right: var(--spacer-3) ; }

.c-mb-3,
.c-my-3 {
  margin-bottom: var(--spacer-3) ; }

.c-ml-3,
.c-mx-3 {
  margin-left: var(--spacer-3) ; }

.c-m-n3 {
  margin: calc(var(--spacer-3) * -1) ; }

.c-mt-n3,
.c-my-n3 {
  margin-top: calc(var(--spacer-3) * -1) ; }

.c-mr-n3,
.c-mx-n3 {
  margin-right: calc(var(--spacer-3) * -1) ; }

.c-mb-n3,
.c-my-n3 {
  margin-bottom: calc(var(--spacer-3) * -1) ; }

.c-ml-n3,
.c-mx-n3 {
  margin-left: calc(var(--spacer-3) * -1) ; }

.c-p-3 {
  padding: var(--spacer-3) ; }

.c-pt-3,
.c-py-3 {
  padding-top: var(--spacer-3) ; }

.c-pr-3,
.c-px-3 {
  padding-right: var(--spacer-3) ; }

.c-pb-3,
.c-py-3 {
  padding-bottom: var(--spacer-3) ; }

.c-pl-3,
.c-px-3 {
  padding-left: var(--spacer-3) ; }

.m-4 {
  margin: var(--spacer-4) !important; }

.mt-4,
.my-4 {
  margin-top: var(--spacer-4) !important; }

.mr-4,
.mx-4 {
  margin-right: var(--spacer-4) !important; }

.mb-4,
.my-4 {
  margin-bottom: var(--spacer-4) !important; }

.ml-4,
.mx-4 {
  margin-left: var(--spacer-4) !important; }

.m-n4 {
  margin: calc(var(--spacer-4) * -1) !important; }

.mt-n4,
.my-n4 {
  margin-top: calc(var(--spacer-4) * -1) !important; }

.mr-n4,
.mx-n4 {
  margin-right: calc(var(--spacer-4) * -1) !important; }

.mb-n4,
.my-n4 {
  margin-bottom: calc(var(--spacer-4) * -1) !important; }

.ml-n4,
.mx-n4 {
  margin-left: calc(var(--spacer-4) * -1) !important; }

.p-4 {
  padding: var(--spacer-4) !important; }

.pt-4,
.py-4 {
  padding-top: var(--spacer-4) !important; }

.pr-4,
.px-4 {
  padding-right: var(--spacer-4) !important; }

.pb-4,
.py-4 {
  padding-bottom: var(--spacer-4) !important; }

.pl-4,
.px-4 {
  padding-left: var(--spacer-4) !important; }

.c-m-4 {
  margin: var(--spacer-4) ; }

.c-mt-4,
.c-my-4 {
  margin-top: var(--spacer-4) ; }

.c-mr-4,
.c-mx-4 {
  margin-right: var(--spacer-4) ; }

.c-mb-4,
.c-my-4 {
  margin-bottom: var(--spacer-4) ; }

.c-ml-4,
.c-mx-4 {
  margin-left: var(--spacer-4) ; }

.c-m-n4 {
  margin: calc(var(--spacer-4) * -1) ; }

.c-mt-n4,
.c-my-n4 {
  margin-top: calc(var(--spacer-4) * -1) ; }

.c-mr-n4,
.c-mx-n4 {
  margin-right: calc(var(--spacer-4) * -1) ; }

.c-mb-n4,
.c-my-n4 {
  margin-bottom: calc(var(--spacer-4) * -1) ; }

.c-ml-n4,
.c-mx-n4 {
  margin-left: calc(var(--spacer-4) * -1) ; }

.c-p-4 {
  padding: var(--spacer-4) ; }

.c-pt-4,
.c-py-4 {
  padding-top: var(--spacer-4) ; }

.c-pr-4,
.c-px-4 {
  padding-right: var(--spacer-4) ; }

.c-pb-4,
.c-py-4 {
  padding-bottom: var(--spacer-4) ; }

.c-pl-4,
.c-px-4 {
  padding-left: var(--spacer-4) ; }

.m-5 {
  margin: var(--spacer-5) !important; }

.mt-5,
.my-5 {
  margin-top: var(--spacer-5) !important; }

.mr-5,
.mx-5 {
  margin-right: var(--spacer-5) !important; }

.mb-5,
.my-5 {
  margin-bottom: var(--spacer-5) !important; }

.ml-5,
.mx-5 {
  margin-left: var(--spacer-5) !important; }

.m-n5 {
  margin: calc(var(--spacer-5) * -1) !important; }

.mt-n5,
.my-n5 {
  margin-top: calc(var(--spacer-5) * -1) !important; }

.mr-n5,
.mx-n5 {
  margin-right: calc(var(--spacer-5) * -1) !important; }

.mb-n5,
.my-n5 {
  margin-bottom: calc(var(--spacer-5) * -1) !important; }

.ml-n5,
.mx-n5 {
  margin-left: calc(var(--spacer-5) * -1) !important; }

.p-5 {
  padding: var(--spacer-5) !important; }

.pt-5,
.py-5 {
  padding-top: var(--spacer-5) !important; }

.pr-5,
.px-5 {
  padding-right: var(--spacer-5) !important; }

.pb-5,
.py-5 {
  padding-bottom: var(--spacer-5) !important; }

.pl-5,
.px-5 {
  padding-left: var(--spacer-5) !important; }

.c-m-5 {
  margin: var(--spacer-5) ; }

.c-mt-5,
.c-my-5 {
  margin-top: var(--spacer-5) ; }

.c-mr-5,
.c-mx-5 {
  margin-right: var(--spacer-5) ; }

.c-mb-5,
.c-my-5 {
  margin-bottom: var(--spacer-5) ; }

.c-ml-5,
.c-mx-5 {
  margin-left: var(--spacer-5) ; }

.c-m-n5 {
  margin: calc(var(--spacer-5) * -1) ; }

.c-mt-n5,
.c-my-n5 {
  margin-top: calc(var(--spacer-5) * -1) ; }

.c-mr-n5,
.c-mx-n5 {
  margin-right: calc(var(--spacer-5) * -1) ; }

.c-mb-n5,
.c-my-n5 {
  margin-bottom: calc(var(--spacer-5) * -1) ; }

.c-ml-n5,
.c-mx-n5 {
  margin-left: calc(var(--spacer-5) * -1) ; }

.c-p-5 {
  padding: var(--spacer-5) ; }

.c-pt-5,
.c-py-5 {
  padding-top: var(--spacer-5) ; }

.c-pr-5,
.c-px-5 {
  padding-right: var(--spacer-5) ; }

.c-pb-5,
.c-py-5 {
  padding-bottom: var(--spacer-5) ; }

.c-pl-5,
.c-px-5 {
  padding-left: var(--spacer-5) ; }

.m-6 {
  margin: var(--spacer-6) !important; }

.mt-6,
.my-6 {
  margin-top: var(--spacer-6) !important; }

.mr-6,
.mx-6 {
  margin-right: var(--spacer-6) !important; }

.mb-6,
.my-6 {
  margin-bottom: var(--spacer-6) !important; }

.ml-6,
.mx-6 {
  margin-left: var(--spacer-6) !important; }

.m-n6 {
  margin: calc(var(--spacer-6) * -1) !important; }

.mt-n6,
.my-n6 {
  margin-top: calc(var(--spacer-6) * -1) !important; }

.mr-n6,
.mx-n6 {
  margin-right: calc(var(--spacer-6) * -1) !important; }

.mb-n6,
.my-n6 {
  margin-bottom: calc(var(--spacer-6) * -1) !important; }

.ml-n6,
.mx-n6 {
  margin-left: calc(var(--spacer-6) * -1) !important; }

.p-6 {
  padding: var(--spacer-6) !important; }

.pt-6,
.py-6 {
  padding-top: var(--spacer-6) !important; }

.pr-6,
.px-6 {
  padding-right: var(--spacer-6) !important; }

.pb-6,
.py-6 {
  padding-bottom: var(--spacer-6) !important; }

.pl-6,
.px-6 {
  padding-left: var(--spacer-6) !important; }

.c-m-6 {
  margin: var(--spacer-6) ; }

.c-mt-6,
.c-my-6 {
  margin-top: var(--spacer-6) ; }

.c-mr-6,
.c-mx-6 {
  margin-right: var(--spacer-6) ; }

.c-mb-6,
.c-my-6 {
  margin-bottom: var(--spacer-6) ; }

.c-ml-6,
.c-mx-6 {
  margin-left: var(--spacer-6) ; }

.c-m-n6 {
  margin: calc(var(--spacer-6) * -1) ; }

.c-mt-n6,
.c-my-n6 {
  margin-top: calc(var(--spacer-6) * -1) ; }

.c-mr-n6,
.c-mx-n6 {
  margin-right: calc(var(--spacer-6) * -1) ; }

.c-mb-n6,
.c-my-n6 {
  margin-bottom: calc(var(--spacer-6) * -1) ; }

.c-ml-n6,
.c-mx-n6 {
  margin-left: calc(var(--spacer-6) * -1) ; }

.c-p-6 {
  padding: var(--spacer-6) ; }

.c-pt-6,
.c-py-6 {
  padding-top: var(--spacer-6) ; }

.c-pr-6,
.c-px-6 {
  padding-right: var(--spacer-6) ; }

.c-pb-6,
.c-py-6 {
  padding-bottom: var(--spacer-6) ; }

.c-pl-6,
.c-px-6 {
  padding-left: var(--spacer-6) ; }

.m-7 {
  margin: var(--spacer-7) !important; }

.mt-7,
.my-7 {
  margin-top: var(--spacer-7) !important; }

.mr-7,
.mx-7 {
  margin-right: var(--spacer-7) !important; }

.mb-7,
.my-7 {
  margin-bottom: var(--spacer-7) !important; }

.ml-7,
.mx-7 {
  margin-left: var(--spacer-7) !important; }

.m-n7 {
  margin: calc(var(--spacer-7) * -1) !important; }

.mt-n7,
.my-n7 {
  margin-top: calc(var(--spacer-7) * -1) !important; }

.mr-n7,
.mx-n7 {
  margin-right: calc(var(--spacer-7) * -1) !important; }

.mb-n7,
.my-n7 {
  margin-bottom: calc(var(--spacer-7) * -1) !important; }

.ml-n7,
.mx-n7 {
  margin-left: calc(var(--spacer-7) * -1) !important; }

.p-7 {
  padding: var(--spacer-7) !important; }

.pt-7,
.py-7 {
  padding-top: var(--spacer-7) !important; }

.pr-7,
.px-7 {
  padding-right: var(--spacer-7) !important; }

.pb-7,
.py-7 {
  padding-bottom: var(--spacer-7) !important; }

.pl-7,
.px-7 {
  padding-left: var(--spacer-7) !important; }

.c-m-7 {
  margin: var(--spacer-7) ; }

.c-mt-7,
.c-my-7 {
  margin-top: var(--spacer-7) ; }

.c-mr-7,
.c-mx-7 {
  margin-right: var(--spacer-7) ; }

.c-mb-7,
.c-my-7 {
  margin-bottom: var(--spacer-7) ; }

.c-ml-7,
.c-mx-7 {
  margin-left: var(--spacer-7) ; }

.c-m-n7 {
  margin: calc(var(--spacer-7) * -1) ; }

.c-mt-n7,
.c-my-n7 {
  margin-top: calc(var(--spacer-7) * -1) ; }

.c-mr-n7,
.c-mx-n7 {
  margin-right: calc(var(--spacer-7) * -1) ; }

.c-mb-n7,
.c-my-n7 {
  margin-bottom: calc(var(--spacer-7) * -1) ; }

.c-ml-n7,
.c-mx-n7 {
  margin-left: calc(var(--spacer-7) * -1) ; }

.c-p-7 {
  padding: var(--spacer-7) ; }

.c-pt-7,
.c-py-7 {
  padding-top: var(--spacer-7) ; }

.c-pr-7,
.c-px-7 {
  padding-right: var(--spacer-7) ; }

.c-pb-7,
.c-py-7 {
  padding-bottom: var(--spacer-7) ; }

.c-pl-7,
.c-px-7 {
  padding-left: var(--spacer-7) ; }

.m-8 {
  margin: var(--spacer-8) !important; }

.mt-8,
.my-8 {
  margin-top: var(--spacer-8) !important; }

.mr-8,
.mx-8 {
  margin-right: var(--spacer-8) !important; }

.mb-8,
.my-8 {
  margin-bottom: var(--spacer-8) !important; }

.ml-8,
.mx-8 {
  margin-left: var(--spacer-8) !important; }

.m-n8 {
  margin: calc(var(--spacer-8) * -1) !important; }

.mt-n8,
.my-n8 {
  margin-top: calc(var(--spacer-8) * -1) !important; }

.mr-n8,
.mx-n8 {
  margin-right: calc(var(--spacer-8) * -1) !important; }

.mb-n8,
.my-n8 {
  margin-bottom: calc(var(--spacer-8) * -1) !important; }

.ml-n8,
.mx-n8 {
  margin-left: calc(var(--spacer-8) * -1) !important; }

.p-8 {
  padding: var(--spacer-8) !important; }

.pt-8,
.py-8 {
  padding-top: var(--spacer-8) !important; }

.pr-8,
.px-8 {
  padding-right: var(--spacer-8) !important; }

.pb-8,
.py-8 {
  padding-bottom: var(--spacer-8) !important; }

.pl-8,
.px-8 {
  padding-left: var(--spacer-8) !important; }

.c-m-8 {
  margin: var(--spacer-8) ; }

.c-mt-8,
.c-my-8 {
  margin-top: var(--spacer-8) ; }

.c-mr-8,
.c-mx-8 {
  margin-right: var(--spacer-8) ; }

.c-mb-8,
.c-my-8 {
  margin-bottom: var(--spacer-8) ; }

.c-ml-8,
.c-mx-8 {
  margin-left: var(--spacer-8) ; }

.c-m-n8 {
  margin: calc(var(--spacer-8) * -1) ; }

.c-mt-n8,
.c-my-n8 {
  margin-top: calc(var(--spacer-8) * -1) ; }

.c-mr-n8,
.c-mx-n8 {
  margin-right: calc(var(--spacer-8) * -1) ; }

.c-mb-n8,
.c-my-n8 {
  margin-bottom: calc(var(--spacer-8) * -1) ; }

.c-ml-n8,
.c-mx-n8 {
  margin-left: calc(var(--spacer-8) * -1) ; }

.c-p-8 {
  padding: var(--spacer-8) ; }

.c-pt-8,
.c-py-8 {
  padding-top: var(--spacer-8) ; }

.c-pr-8,
.c-px-8 {
  padding-right: var(--spacer-8) ; }

.c-pb-8,
.c-py-8 {
  padding-bottom: var(--spacer-8) ; }

.c-pl-8,
.c-px-8 {
  padding-left: var(--spacer-8) ; }

.m-9 {
  margin: var(--spacer-9) !important; }

.mt-9,
.my-9 {
  margin-top: var(--spacer-9) !important; }

.mr-9,
.mx-9 {
  margin-right: var(--spacer-9) !important; }

.mb-9,
.my-9 {
  margin-bottom: var(--spacer-9) !important; }

.ml-9,
.mx-9 {
  margin-left: var(--spacer-9) !important; }

.m-n9 {
  margin: calc(var(--spacer-9) * -1) !important; }

.mt-n9,
.my-n9 {
  margin-top: calc(var(--spacer-9) * -1) !important; }

.mr-n9,
.mx-n9 {
  margin-right: calc(var(--spacer-9) * -1) !important; }

.mb-n9,
.my-n9 {
  margin-bottom: calc(var(--spacer-9) * -1) !important; }

.ml-n9,
.mx-n9 {
  margin-left: calc(var(--spacer-9) * -1) !important; }

.p-9 {
  padding: var(--spacer-9) !important; }

.pt-9,
.py-9 {
  padding-top: var(--spacer-9) !important; }

.pr-9,
.px-9 {
  padding-right: var(--spacer-9) !important; }

.pb-9,
.py-9 {
  padding-bottom: var(--spacer-9) !important; }

.pl-9,
.px-9 {
  padding-left: var(--spacer-9) !important; }

.c-m-9 {
  margin: var(--spacer-9) ; }

.c-mt-9,
.c-my-9 {
  margin-top: var(--spacer-9) ; }

.c-mr-9,
.c-mx-9 {
  margin-right: var(--spacer-9) ; }

.c-mb-9,
.c-my-9 {
  margin-bottom: var(--spacer-9) ; }

.c-ml-9,
.c-mx-9 {
  margin-left: var(--spacer-9) ; }

.c-m-n9 {
  margin: calc(var(--spacer-9) * -1) ; }

.c-mt-n9,
.c-my-n9 {
  margin-top: calc(var(--spacer-9) * -1) ; }

.c-mr-n9,
.c-mx-n9 {
  margin-right: calc(var(--spacer-9) * -1) ; }

.c-mb-n9,
.c-my-n9 {
  margin-bottom: calc(var(--spacer-9) * -1) ; }

.c-ml-n9,
.c-mx-n9 {
  margin-left: calc(var(--spacer-9) * -1) ; }

.c-p-9 {
  padding: var(--spacer-9) ; }

.c-pt-9,
.c-py-9 {
  padding-top: var(--spacer-9) ; }

.c-pr-9,
.c-px-9 {
  padding-right: var(--spacer-9) ; }

.c-pb-9,
.c-py-9 {
  padding-bottom: var(--spacer-9) ; }

.c-pl-9,
.c-px-9 {
  padding-left: var(--spacer-9) ; }

.m-10 {
  margin: var(--spacer-10) !important; }

.mt-10,
.my-10 {
  margin-top: var(--spacer-10) !important; }

.mr-10,
.mx-10 {
  margin-right: var(--spacer-10) !important; }

.mb-10,
.my-10 {
  margin-bottom: var(--spacer-10) !important; }

.ml-10,
.mx-10 {
  margin-left: var(--spacer-10) !important; }

.m-n10 {
  margin: calc(var(--spacer-10) * -1) !important; }

.mt-n10,
.my-n10 {
  margin-top: calc(var(--spacer-10) * -1) !important; }

.mr-n10,
.mx-n10 {
  margin-right: calc(var(--spacer-10) * -1) !important; }

.mb-n10,
.my-n10 {
  margin-bottom: calc(var(--spacer-10) * -1) !important; }

.ml-n10,
.mx-n10 {
  margin-left: calc(var(--spacer-10) * -1) !important; }

.p-10 {
  padding: var(--spacer-10) !important; }

.pt-10,
.py-10 {
  padding-top: var(--spacer-10) !important; }

.pr-10,
.px-10 {
  padding-right: var(--spacer-10) !important; }

.pb-10,
.py-10 {
  padding-bottom: var(--spacer-10) !important; }

.pl-10,
.px-10 {
  padding-left: var(--spacer-10) !important; }

.c-m-10 {
  margin: var(--spacer-10) ; }

.c-mt-10,
.c-my-10 {
  margin-top: var(--spacer-10) ; }

.c-mr-10,
.c-mx-10 {
  margin-right: var(--spacer-10) ; }

.c-mb-10,
.c-my-10 {
  margin-bottom: var(--spacer-10) ; }

.c-ml-10,
.c-mx-10 {
  margin-left: var(--spacer-10) ; }

.c-m-n10 {
  margin: calc(var(--spacer-10) * -1) ; }

.c-mt-n10,
.c-my-n10 {
  margin-top: calc(var(--spacer-10) * -1) ; }

.c-mr-n10,
.c-mx-n10 {
  margin-right: calc(var(--spacer-10) * -1) ; }

.c-mb-n10,
.c-my-n10 {
  margin-bottom: calc(var(--spacer-10) * -1) ; }

.c-ml-n10,
.c-mx-n10 {
  margin-left: calc(var(--spacer-10) * -1) ; }

.c-p-10 {
  padding: var(--spacer-10) ; }

.c-pt-10,
.c-py-10 {
  padding-top: var(--spacer-10) ; }

.c-pr-10,
.c-px-10 {
  padding-right: var(--spacer-10) ; }

.c-pb-10,
.c-py-10 {
  padding-bottom: var(--spacer-10) ; }

.c-pl-10,
.c-px-10 {
  padding-left: var(--spacer-10) ; }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: var(--spacer-0) !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: var(--spacer-0) !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: var(--spacer-0) !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: var(--spacer-0) !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: var(--spacer-0) !important; }
  .p-sm-0 {
    padding: var(--spacer-0) !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: var(--spacer-0) !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: var(--spacer-0) !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: var(--spacer-0) !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: var(--spacer-0) !important; }
  .c-m-sm-0 {
    margin: var(--spacer-0) ; }
  .c-mt-sm-0,
  .c-my-sm-0 {
    margin-top: var(--spacer-0) ; }
  .c-mr-sm-0,
  .c-mx-sm-0 {
    margin-right: var(--spacer-0) ; }
  .c-mb-sm-0,
  .c-my-sm-0 {
    margin-bottom: var(--spacer-0) ; }
  .c-ml-sm-0,
  .c-mx-sm-0 {
    margin-left: var(--spacer-0) ; }
  .c-p-sm-0 {
    padding: var(--spacer-0) ; }
  .c-pt-sm-0,
  .c-py-sm-0 {
    padding-top: var(--spacer-0) ; }
  .c-pr-sm-0,
  .c-px-sm-0 {
    padding-right: var(--spacer-0) ; }
  .c-pb-sm-0,
  .c-py-sm-0 {
    padding-bottom: var(--spacer-0) ; }
  .c-pl-sm-0,
  .c-px-sm-0 {
    padding-left: var(--spacer-0) ; }
  .m-sm-1 {
    margin: var(--spacer-1) !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: var(--spacer-1) !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: var(--spacer-1) !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: var(--spacer-1) !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: var(--spacer-1) !important; }
  .m-sm-n1 {
    margin: calc(var(--spacer-1) * -1) !important; }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: calc(var(--spacer-1) * -1) !important; }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: calc(var(--spacer-1) * -1) !important; }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: calc(var(--spacer-1) * -1) !important; }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: calc(var(--spacer-1) * -1) !important; }
  .p-sm-1 {
    padding: var(--spacer-1) !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: var(--spacer-1) !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: var(--spacer-1) !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: var(--spacer-1) !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: var(--spacer-1) !important; }
  .c-m-sm-1 {
    margin: var(--spacer-1) ; }
  .c-mt-sm-1,
  .c-my-sm-1 {
    margin-top: var(--spacer-1) ; }
  .c-mr-sm-1,
  .c-mx-sm-1 {
    margin-right: var(--spacer-1) ; }
  .c-mb-sm-1,
  .c-my-sm-1 {
    margin-bottom: var(--spacer-1) ; }
  .c-ml-sm-1,
  .c-mx-sm-1 {
    margin-left: var(--spacer-1) ; }
  .c-m-sm-n1 {
    margin: calc(var(--spacer-1) * -1) ; }
  .c-mt-sm-n1,
  .c-my-sm-n1 {
    margin-top: calc(var(--spacer-1) * -1) ; }
  .c-mr-sm-n1,
  .c-mx-sm-n1 {
    margin-right: calc(var(--spacer-1) * -1) ; }
  .c-mb-sm-n1,
  .c-my-sm-n1 {
    margin-bottom: calc(var(--spacer-1) * -1) ; }
  .c-ml-sm-n1,
  .c-mx-sm-n1 {
    margin-left: calc(var(--spacer-1) * -1) ; }
  .c-p-sm-1 {
    padding: var(--spacer-1) ; }
  .c-pt-sm-1,
  .c-py-sm-1 {
    padding-top: var(--spacer-1) ; }
  .c-pr-sm-1,
  .c-px-sm-1 {
    padding-right: var(--spacer-1) ; }
  .c-pb-sm-1,
  .c-py-sm-1 {
    padding-bottom: var(--spacer-1) ; }
  .c-pl-sm-1,
  .c-px-sm-1 {
    padding-left: var(--spacer-1) ; }
  .m-sm-2 {
    margin: var(--spacer-2) !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: var(--spacer-2) !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: var(--spacer-2) !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: var(--spacer-2) !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: var(--spacer-2) !important; }
  .m-sm-n2 {
    margin: calc(var(--spacer-2) * -1) !important; }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: calc(var(--spacer-2) * -1) !important; }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: calc(var(--spacer-2) * -1) !important; }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: calc(var(--spacer-2) * -1) !important; }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: calc(var(--spacer-2) * -1) !important; }
  .p-sm-2 {
    padding: var(--spacer-2) !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: var(--spacer-2) !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: var(--spacer-2) !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: var(--spacer-2) !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: var(--spacer-2) !important; }
  .c-m-sm-2 {
    margin: var(--spacer-2) ; }
  .c-mt-sm-2,
  .c-my-sm-2 {
    margin-top: var(--spacer-2) ; }
  .c-mr-sm-2,
  .c-mx-sm-2 {
    margin-right: var(--spacer-2) ; }
  .c-mb-sm-2,
  .c-my-sm-2 {
    margin-bottom: var(--spacer-2) ; }
  .c-ml-sm-2,
  .c-mx-sm-2 {
    margin-left: var(--spacer-2) ; }
  .c-m-sm-n2 {
    margin: calc(var(--spacer-2) * -1) ; }
  .c-mt-sm-n2,
  .c-my-sm-n2 {
    margin-top: calc(var(--spacer-2) * -1) ; }
  .c-mr-sm-n2,
  .c-mx-sm-n2 {
    margin-right: calc(var(--spacer-2) * -1) ; }
  .c-mb-sm-n2,
  .c-my-sm-n2 {
    margin-bottom: calc(var(--spacer-2) * -1) ; }
  .c-ml-sm-n2,
  .c-mx-sm-n2 {
    margin-left: calc(var(--spacer-2) * -1) ; }
  .c-p-sm-2 {
    padding: var(--spacer-2) ; }
  .c-pt-sm-2,
  .c-py-sm-2 {
    padding-top: var(--spacer-2) ; }
  .c-pr-sm-2,
  .c-px-sm-2 {
    padding-right: var(--spacer-2) ; }
  .c-pb-sm-2,
  .c-py-sm-2 {
    padding-bottom: var(--spacer-2) ; }
  .c-pl-sm-2,
  .c-px-sm-2 {
    padding-left: var(--spacer-2) ; }
  .m-sm-3 {
    margin: var(--spacer-3) !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: var(--spacer-3) !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: var(--spacer-3) !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: var(--spacer-3) !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: var(--spacer-3) !important; }
  .m-sm-n3 {
    margin: calc(var(--spacer-3) * -1) !important; }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: calc(var(--spacer-3) * -1) !important; }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: calc(var(--spacer-3) * -1) !important; }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: calc(var(--spacer-3) * -1) !important; }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: calc(var(--spacer-3) * -1) !important; }
  .p-sm-3 {
    padding: var(--spacer-3) !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: var(--spacer-3) !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: var(--spacer-3) !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: var(--spacer-3) !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: var(--spacer-3) !important; }
  .c-m-sm-3 {
    margin: var(--spacer-3) ; }
  .c-mt-sm-3,
  .c-my-sm-3 {
    margin-top: var(--spacer-3) ; }
  .c-mr-sm-3,
  .c-mx-sm-3 {
    margin-right: var(--spacer-3) ; }
  .c-mb-sm-3,
  .c-my-sm-3 {
    margin-bottom: var(--spacer-3) ; }
  .c-ml-sm-3,
  .c-mx-sm-3 {
    margin-left: var(--spacer-3) ; }
  .c-m-sm-n3 {
    margin: calc(var(--spacer-3) * -1) ; }
  .c-mt-sm-n3,
  .c-my-sm-n3 {
    margin-top: calc(var(--spacer-3) * -1) ; }
  .c-mr-sm-n3,
  .c-mx-sm-n3 {
    margin-right: calc(var(--spacer-3) * -1) ; }
  .c-mb-sm-n3,
  .c-my-sm-n3 {
    margin-bottom: calc(var(--spacer-3) * -1) ; }
  .c-ml-sm-n3,
  .c-mx-sm-n3 {
    margin-left: calc(var(--spacer-3) * -1) ; }
  .c-p-sm-3 {
    padding: var(--spacer-3) ; }
  .c-pt-sm-3,
  .c-py-sm-3 {
    padding-top: var(--spacer-3) ; }
  .c-pr-sm-3,
  .c-px-sm-3 {
    padding-right: var(--spacer-3) ; }
  .c-pb-sm-3,
  .c-py-sm-3 {
    padding-bottom: var(--spacer-3) ; }
  .c-pl-sm-3,
  .c-px-sm-3 {
    padding-left: var(--spacer-3) ; }
  .m-sm-4 {
    margin: var(--spacer-4) !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: var(--spacer-4) !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: var(--spacer-4) !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: var(--spacer-4) !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: var(--spacer-4) !important; }
  .m-sm-n4 {
    margin: calc(var(--spacer-4) * -1) !important; }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: calc(var(--spacer-4) * -1) !important; }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: calc(var(--spacer-4) * -1) !important; }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: calc(var(--spacer-4) * -1) !important; }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: calc(var(--spacer-4) * -1) !important; }
  .p-sm-4 {
    padding: var(--spacer-4) !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: var(--spacer-4) !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: var(--spacer-4) !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: var(--spacer-4) !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: var(--spacer-4) !important; }
  .c-m-sm-4 {
    margin: var(--spacer-4) ; }
  .c-mt-sm-4,
  .c-my-sm-4 {
    margin-top: var(--spacer-4) ; }
  .c-mr-sm-4,
  .c-mx-sm-4 {
    margin-right: var(--spacer-4) ; }
  .c-mb-sm-4,
  .c-my-sm-4 {
    margin-bottom: var(--spacer-4) ; }
  .c-ml-sm-4,
  .c-mx-sm-4 {
    margin-left: var(--spacer-4) ; }
  .c-m-sm-n4 {
    margin: calc(var(--spacer-4) * -1) ; }
  .c-mt-sm-n4,
  .c-my-sm-n4 {
    margin-top: calc(var(--spacer-4) * -1) ; }
  .c-mr-sm-n4,
  .c-mx-sm-n4 {
    margin-right: calc(var(--spacer-4) * -1) ; }
  .c-mb-sm-n4,
  .c-my-sm-n4 {
    margin-bottom: calc(var(--spacer-4) * -1) ; }
  .c-ml-sm-n4,
  .c-mx-sm-n4 {
    margin-left: calc(var(--spacer-4) * -1) ; }
  .c-p-sm-4 {
    padding: var(--spacer-4) ; }
  .c-pt-sm-4,
  .c-py-sm-4 {
    padding-top: var(--spacer-4) ; }
  .c-pr-sm-4,
  .c-px-sm-4 {
    padding-right: var(--spacer-4) ; }
  .c-pb-sm-4,
  .c-py-sm-4 {
    padding-bottom: var(--spacer-4) ; }
  .c-pl-sm-4,
  .c-px-sm-4 {
    padding-left: var(--spacer-4) ; }
  .m-sm-5 {
    margin: var(--spacer-5) !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: var(--spacer-5) !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: var(--spacer-5) !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: var(--spacer-5) !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: var(--spacer-5) !important; }
  .m-sm-n5 {
    margin: calc(var(--spacer-5) * -1) !important; }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: calc(var(--spacer-5) * -1) !important; }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: calc(var(--spacer-5) * -1) !important; }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: calc(var(--spacer-5) * -1) !important; }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: calc(var(--spacer-5) * -1) !important; }
  .p-sm-5 {
    padding: var(--spacer-5) !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: var(--spacer-5) !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: var(--spacer-5) !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: var(--spacer-5) !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: var(--spacer-5) !important; }
  .c-m-sm-5 {
    margin: var(--spacer-5) ; }
  .c-mt-sm-5,
  .c-my-sm-5 {
    margin-top: var(--spacer-5) ; }
  .c-mr-sm-5,
  .c-mx-sm-5 {
    margin-right: var(--spacer-5) ; }
  .c-mb-sm-5,
  .c-my-sm-5 {
    margin-bottom: var(--spacer-5) ; }
  .c-ml-sm-5,
  .c-mx-sm-5 {
    margin-left: var(--spacer-5) ; }
  .c-m-sm-n5 {
    margin: calc(var(--spacer-5) * -1) ; }
  .c-mt-sm-n5,
  .c-my-sm-n5 {
    margin-top: calc(var(--spacer-5) * -1) ; }
  .c-mr-sm-n5,
  .c-mx-sm-n5 {
    margin-right: calc(var(--spacer-5) * -1) ; }
  .c-mb-sm-n5,
  .c-my-sm-n5 {
    margin-bottom: calc(var(--spacer-5) * -1) ; }
  .c-ml-sm-n5,
  .c-mx-sm-n5 {
    margin-left: calc(var(--spacer-5) * -1) ; }
  .c-p-sm-5 {
    padding: var(--spacer-5) ; }
  .c-pt-sm-5,
  .c-py-sm-5 {
    padding-top: var(--spacer-5) ; }
  .c-pr-sm-5,
  .c-px-sm-5 {
    padding-right: var(--spacer-5) ; }
  .c-pb-sm-5,
  .c-py-sm-5 {
    padding-bottom: var(--spacer-5) ; }
  .c-pl-sm-5,
  .c-px-sm-5 {
    padding-left: var(--spacer-5) ; }
  .m-sm-6 {
    margin: var(--spacer-6) !important; }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: var(--spacer-6) !important; }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: var(--spacer-6) !important; }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: var(--spacer-6) !important; }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: var(--spacer-6) !important; }
  .m-sm-n6 {
    margin: calc(var(--spacer-6) * -1) !important; }
  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: calc(var(--spacer-6) * -1) !important; }
  .mr-sm-n6,
  .mx-sm-n6 {
    margin-right: calc(var(--spacer-6) * -1) !important; }
  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: calc(var(--spacer-6) * -1) !important; }
  .ml-sm-n6,
  .mx-sm-n6 {
    margin-left: calc(var(--spacer-6) * -1) !important; }
  .p-sm-6 {
    padding: var(--spacer-6) !important; }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: var(--spacer-6) !important; }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: var(--spacer-6) !important; }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: var(--spacer-6) !important; }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: var(--spacer-6) !important; }
  .c-m-sm-6 {
    margin: var(--spacer-6) ; }
  .c-mt-sm-6,
  .c-my-sm-6 {
    margin-top: var(--spacer-6) ; }
  .c-mr-sm-6,
  .c-mx-sm-6 {
    margin-right: var(--spacer-6) ; }
  .c-mb-sm-6,
  .c-my-sm-6 {
    margin-bottom: var(--spacer-6) ; }
  .c-ml-sm-6,
  .c-mx-sm-6 {
    margin-left: var(--spacer-6) ; }
  .c-m-sm-n6 {
    margin: calc(var(--spacer-6) * -1) ; }
  .c-mt-sm-n6,
  .c-my-sm-n6 {
    margin-top: calc(var(--spacer-6) * -1) ; }
  .c-mr-sm-n6,
  .c-mx-sm-n6 {
    margin-right: calc(var(--spacer-6) * -1) ; }
  .c-mb-sm-n6,
  .c-my-sm-n6 {
    margin-bottom: calc(var(--spacer-6) * -1) ; }
  .c-ml-sm-n6,
  .c-mx-sm-n6 {
    margin-left: calc(var(--spacer-6) * -1) ; }
  .c-p-sm-6 {
    padding: var(--spacer-6) ; }
  .c-pt-sm-6,
  .c-py-sm-6 {
    padding-top: var(--spacer-6) ; }
  .c-pr-sm-6,
  .c-px-sm-6 {
    padding-right: var(--spacer-6) ; }
  .c-pb-sm-6,
  .c-py-sm-6 {
    padding-bottom: var(--spacer-6) ; }
  .c-pl-sm-6,
  .c-px-sm-6 {
    padding-left: var(--spacer-6) ; }
  .m-sm-7 {
    margin: var(--spacer-7) !important; }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: var(--spacer-7) !important; }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: var(--spacer-7) !important; }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: var(--spacer-7) !important; }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: var(--spacer-7) !important; }
  .m-sm-n7 {
    margin: calc(var(--spacer-7) * -1) !important; }
  .mt-sm-n7,
  .my-sm-n7 {
    margin-top: calc(var(--spacer-7) * -1) !important; }
  .mr-sm-n7,
  .mx-sm-n7 {
    margin-right: calc(var(--spacer-7) * -1) !important; }
  .mb-sm-n7,
  .my-sm-n7 {
    margin-bottom: calc(var(--spacer-7) * -1) !important; }
  .ml-sm-n7,
  .mx-sm-n7 {
    margin-left: calc(var(--spacer-7) * -1) !important; }
  .p-sm-7 {
    padding: var(--spacer-7) !important; }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: var(--spacer-7) !important; }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: var(--spacer-7) !important; }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: var(--spacer-7) !important; }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: var(--spacer-7) !important; }
  .c-m-sm-7 {
    margin: var(--spacer-7) ; }
  .c-mt-sm-7,
  .c-my-sm-7 {
    margin-top: var(--spacer-7) ; }
  .c-mr-sm-7,
  .c-mx-sm-7 {
    margin-right: var(--spacer-7) ; }
  .c-mb-sm-7,
  .c-my-sm-7 {
    margin-bottom: var(--spacer-7) ; }
  .c-ml-sm-7,
  .c-mx-sm-7 {
    margin-left: var(--spacer-7) ; }
  .c-m-sm-n7 {
    margin: calc(var(--spacer-7) * -1) ; }
  .c-mt-sm-n7,
  .c-my-sm-n7 {
    margin-top: calc(var(--spacer-7) * -1) ; }
  .c-mr-sm-n7,
  .c-mx-sm-n7 {
    margin-right: calc(var(--spacer-7) * -1) ; }
  .c-mb-sm-n7,
  .c-my-sm-n7 {
    margin-bottom: calc(var(--spacer-7) * -1) ; }
  .c-ml-sm-n7,
  .c-mx-sm-n7 {
    margin-left: calc(var(--spacer-7) * -1) ; }
  .c-p-sm-7 {
    padding: var(--spacer-7) ; }
  .c-pt-sm-7,
  .c-py-sm-7 {
    padding-top: var(--spacer-7) ; }
  .c-pr-sm-7,
  .c-px-sm-7 {
    padding-right: var(--spacer-7) ; }
  .c-pb-sm-7,
  .c-py-sm-7 {
    padding-bottom: var(--spacer-7) ; }
  .c-pl-sm-7,
  .c-px-sm-7 {
    padding-left: var(--spacer-7) ; }
  .m-sm-8 {
    margin: var(--spacer-8) !important; }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: var(--spacer-8) !important; }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: var(--spacer-8) !important; }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: var(--spacer-8) !important; }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: var(--spacer-8) !important; }
  .m-sm-n8 {
    margin: calc(var(--spacer-8) * -1) !important; }
  .mt-sm-n8,
  .my-sm-n8 {
    margin-top: calc(var(--spacer-8) * -1) !important; }
  .mr-sm-n8,
  .mx-sm-n8 {
    margin-right: calc(var(--spacer-8) * -1) !important; }
  .mb-sm-n8,
  .my-sm-n8 {
    margin-bottom: calc(var(--spacer-8) * -1) !important; }
  .ml-sm-n8,
  .mx-sm-n8 {
    margin-left: calc(var(--spacer-8) * -1) !important; }
  .p-sm-8 {
    padding: var(--spacer-8) !important; }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: var(--spacer-8) !important; }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: var(--spacer-8) !important; }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: var(--spacer-8) !important; }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: var(--spacer-8) !important; }
  .c-m-sm-8 {
    margin: var(--spacer-8) ; }
  .c-mt-sm-8,
  .c-my-sm-8 {
    margin-top: var(--spacer-8) ; }
  .c-mr-sm-8,
  .c-mx-sm-8 {
    margin-right: var(--spacer-8) ; }
  .c-mb-sm-8,
  .c-my-sm-8 {
    margin-bottom: var(--spacer-8) ; }
  .c-ml-sm-8,
  .c-mx-sm-8 {
    margin-left: var(--spacer-8) ; }
  .c-m-sm-n8 {
    margin: calc(var(--spacer-8) * -1) ; }
  .c-mt-sm-n8,
  .c-my-sm-n8 {
    margin-top: calc(var(--spacer-8) * -1) ; }
  .c-mr-sm-n8,
  .c-mx-sm-n8 {
    margin-right: calc(var(--spacer-8) * -1) ; }
  .c-mb-sm-n8,
  .c-my-sm-n8 {
    margin-bottom: calc(var(--spacer-8) * -1) ; }
  .c-ml-sm-n8,
  .c-mx-sm-n8 {
    margin-left: calc(var(--spacer-8) * -1) ; }
  .c-p-sm-8 {
    padding: var(--spacer-8) ; }
  .c-pt-sm-8,
  .c-py-sm-8 {
    padding-top: var(--spacer-8) ; }
  .c-pr-sm-8,
  .c-px-sm-8 {
    padding-right: var(--spacer-8) ; }
  .c-pb-sm-8,
  .c-py-sm-8 {
    padding-bottom: var(--spacer-8) ; }
  .c-pl-sm-8,
  .c-px-sm-8 {
    padding-left: var(--spacer-8) ; }
  .m-sm-9 {
    margin: var(--spacer-9) !important; }
  .mt-sm-9,
  .my-sm-9 {
    margin-top: var(--spacer-9) !important; }
  .mr-sm-9,
  .mx-sm-9 {
    margin-right: var(--spacer-9) !important; }
  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: var(--spacer-9) !important; }
  .ml-sm-9,
  .mx-sm-9 {
    margin-left: var(--spacer-9) !important; }
  .m-sm-n9 {
    margin: calc(var(--spacer-9) * -1) !important; }
  .mt-sm-n9,
  .my-sm-n9 {
    margin-top: calc(var(--spacer-9) * -1) !important; }
  .mr-sm-n9,
  .mx-sm-n9 {
    margin-right: calc(var(--spacer-9) * -1) !important; }
  .mb-sm-n9,
  .my-sm-n9 {
    margin-bottom: calc(var(--spacer-9) * -1) !important; }
  .ml-sm-n9,
  .mx-sm-n9 {
    margin-left: calc(var(--spacer-9) * -1) !important; }
  .p-sm-9 {
    padding: var(--spacer-9) !important; }
  .pt-sm-9,
  .py-sm-9 {
    padding-top: var(--spacer-9) !important; }
  .pr-sm-9,
  .px-sm-9 {
    padding-right: var(--spacer-9) !important; }
  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: var(--spacer-9) !important; }
  .pl-sm-9,
  .px-sm-9 {
    padding-left: var(--spacer-9) !important; }
  .c-m-sm-9 {
    margin: var(--spacer-9) ; }
  .c-mt-sm-9,
  .c-my-sm-9 {
    margin-top: var(--spacer-9) ; }
  .c-mr-sm-9,
  .c-mx-sm-9 {
    margin-right: var(--spacer-9) ; }
  .c-mb-sm-9,
  .c-my-sm-9 {
    margin-bottom: var(--spacer-9) ; }
  .c-ml-sm-9,
  .c-mx-sm-9 {
    margin-left: var(--spacer-9) ; }
  .c-m-sm-n9 {
    margin: calc(var(--spacer-9) * -1) ; }
  .c-mt-sm-n9,
  .c-my-sm-n9 {
    margin-top: calc(var(--spacer-9) * -1) ; }
  .c-mr-sm-n9,
  .c-mx-sm-n9 {
    margin-right: calc(var(--spacer-9) * -1) ; }
  .c-mb-sm-n9,
  .c-my-sm-n9 {
    margin-bottom: calc(var(--spacer-9) * -1) ; }
  .c-ml-sm-n9,
  .c-mx-sm-n9 {
    margin-left: calc(var(--spacer-9) * -1) ; }
  .c-p-sm-9 {
    padding: var(--spacer-9) ; }
  .c-pt-sm-9,
  .c-py-sm-9 {
    padding-top: var(--spacer-9) ; }
  .c-pr-sm-9,
  .c-px-sm-9 {
    padding-right: var(--spacer-9) ; }
  .c-pb-sm-9,
  .c-py-sm-9 {
    padding-bottom: var(--spacer-9) ; }
  .c-pl-sm-9,
  .c-px-sm-9 {
    padding-left: var(--spacer-9) ; }
  .m-sm-10 {
    margin: var(--spacer-10) !important; }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: var(--spacer-10) !important; }
  .mr-sm-10,
  .mx-sm-10 {
    margin-right: var(--spacer-10) !important; }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: var(--spacer-10) !important; }
  .ml-sm-10,
  .mx-sm-10 {
    margin-left: var(--spacer-10) !important; }
  .m-sm-n10 {
    margin: calc(var(--spacer-10) * -1) !important; }
  .mt-sm-n10,
  .my-sm-n10 {
    margin-top: calc(var(--spacer-10) * -1) !important; }
  .mr-sm-n10,
  .mx-sm-n10 {
    margin-right: calc(var(--spacer-10) * -1) !important; }
  .mb-sm-n10,
  .my-sm-n10 {
    margin-bottom: calc(var(--spacer-10) * -1) !important; }
  .ml-sm-n10,
  .mx-sm-n10 {
    margin-left: calc(var(--spacer-10) * -1) !important; }
  .p-sm-10 {
    padding: var(--spacer-10) !important; }
  .pt-sm-10,
  .py-sm-10 {
    padding-top: var(--spacer-10) !important; }
  .pr-sm-10,
  .px-sm-10 {
    padding-right: var(--spacer-10) !important; }
  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: var(--spacer-10) !important; }
  .pl-sm-10,
  .px-sm-10 {
    padding-left: var(--spacer-10) !important; }
  .c-m-sm-10 {
    margin: var(--spacer-10) ; }
  .c-mt-sm-10,
  .c-my-sm-10 {
    margin-top: var(--spacer-10) ; }
  .c-mr-sm-10,
  .c-mx-sm-10 {
    margin-right: var(--spacer-10) ; }
  .c-mb-sm-10,
  .c-my-sm-10 {
    margin-bottom: var(--spacer-10) ; }
  .c-ml-sm-10,
  .c-mx-sm-10 {
    margin-left: var(--spacer-10) ; }
  .c-m-sm-n10 {
    margin: calc(var(--spacer-10) * -1) ; }
  .c-mt-sm-n10,
  .c-my-sm-n10 {
    margin-top: calc(var(--spacer-10) * -1) ; }
  .c-mr-sm-n10,
  .c-mx-sm-n10 {
    margin-right: calc(var(--spacer-10) * -1) ; }
  .c-mb-sm-n10,
  .c-my-sm-n10 {
    margin-bottom: calc(var(--spacer-10) * -1) ; }
  .c-ml-sm-n10,
  .c-mx-sm-n10 {
    margin-left: calc(var(--spacer-10) * -1) ; }
  .c-p-sm-10 {
    padding: var(--spacer-10) ; }
  .c-pt-sm-10,
  .c-py-sm-10 {
    padding-top: var(--spacer-10) ; }
  .c-pr-sm-10,
  .c-px-sm-10 {
    padding-right: var(--spacer-10) ; }
  .c-pb-sm-10,
  .c-py-sm-10 {
    padding-bottom: var(--spacer-10) ; }
  .c-pl-sm-10,
  .c-px-sm-10 {
    padding-left: var(--spacer-10) ; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: var(--spacer-0) !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: var(--spacer-0) !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: var(--spacer-0) !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: var(--spacer-0) !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: var(--spacer-0) !important; }
  .p-md-0 {
    padding: var(--spacer-0) !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: var(--spacer-0) !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: var(--spacer-0) !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: var(--spacer-0) !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: var(--spacer-0) !important; }
  .c-m-md-0 {
    margin: var(--spacer-0) ; }
  .c-mt-md-0,
  .c-my-md-0 {
    margin-top: var(--spacer-0) ; }
  .c-mr-md-0,
  .c-mx-md-0 {
    margin-right: var(--spacer-0) ; }
  .c-mb-md-0,
  .c-my-md-0 {
    margin-bottom: var(--spacer-0) ; }
  .c-ml-md-0,
  .c-mx-md-0 {
    margin-left: var(--spacer-0) ; }
  .c-p-md-0 {
    padding: var(--spacer-0) ; }
  .c-pt-md-0,
  .c-py-md-0 {
    padding-top: var(--spacer-0) ; }
  .c-pr-md-0,
  .c-px-md-0 {
    padding-right: var(--spacer-0) ; }
  .c-pb-md-0,
  .c-py-md-0 {
    padding-bottom: var(--spacer-0) ; }
  .c-pl-md-0,
  .c-px-md-0 {
    padding-left: var(--spacer-0) ; }
  .m-md-1 {
    margin: var(--spacer-1) !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: var(--spacer-1) !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: var(--spacer-1) !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: var(--spacer-1) !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: var(--spacer-1) !important; }
  .m-md-n1 {
    margin: calc(var(--spacer-1) * -1) !important; }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: calc(var(--spacer-1) * -1) !important; }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: calc(var(--spacer-1) * -1) !important; }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: calc(var(--spacer-1) * -1) !important; }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: calc(var(--spacer-1) * -1) !important; }
  .p-md-1 {
    padding: var(--spacer-1) !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: var(--spacer-1) !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: var(--spacer-1) !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: var(--spacer-1) !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: var(--spacer-1) !important; }
  .c-m-md-1 {
    margin: var(--spacer-1) ; }
  .c-mt-md-1,
  .c-my-md-1 {
    margin-top: var(--spacer-1) ; }
  .c-mr-md-1,
  .c-mx-md-1 {
    margin-right: var(--spacer-1) ; }
  .c-mb-md-1,
  .c-my-md-1 {
    margin-bottom: var(--spacer-1) ; }
  .c-ml-md-1,
  .c-mx-md-1 {
    margin-left: var(--spacer-1) ; }
  .c-m-md-n1 {
    margin: calc(var(--spacer-1) * -1) ; }
  .c-mt-md-n1,
  .c-my-md-n1 {
    margin-top: calc(var(--spacer-1) * -1) ; }
  .c-mr-md-n1,
  .c-mx-md-n1 {
    margin-right: calc(var(--spacer-1) * -1) ; }
  .c-mb-md-n1,
  .c-my-md-n1 {
    margin-bottom: calc(var(--spacer-1) * -1) ; }
  .c-ml-md-n1,
  .c-mx-md-n1 {
    margin-left: calc(var(--spacer-1) * -1) ; }
  .c-p-md-1 {
    padding: var(--spacer-1) ; }
  .c-pt-md-1,
  .c-py-md-1 {
    padding-top: var(--spacer-1) ; }
  .c-pr-md-1,
  .c-px-md-1 {
    padding-right: var(--spacer-1) ; }
  .c-pb-md-1,
  .c-py-md-1 {
    padding-bottom: var(--spacer-1) ; }
  .c-pl-md-1,
  .c-px-md-1 {
    padding-left: var(--spacer-1) ; }
  .m-md-2 {
    margin: var(--spacer-2) !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: var(--spacer-2) !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: var(--spacer-2) !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: var(--spacer-2) !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: var(--spacer-2) !important; }
  .m-md-n2 {
    margin: calc(var(--spacer-2) * -1) !important; }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: calc(var(--spacer-2) * -1) !important; }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: calc(var(--spacer-2) * -1) !important; }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: calc(var(--spacer-2) * -1) !important; }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: calc(var(--spacer-2) * -1) !important; }
  .p-md-2 {
    padding: var(--spacer-2) !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: var(--spacer-2) !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: var(--spacer-2) !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: var(--spacer-2) !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: var(--spacer-2) !important; }
  .c-m-md-2 {
    margin: var(--spacer-2) ; }
  .c-mt-md-2,
  .c-my-md-2 {
    margin-top: var(--spacer-2) ; }
  .c-mr-md-2,
  .c-mx-md-2 {
    margin-right: var(--spacer-2) ; }
  .c-mb-md-2,
  .c-my-md-2 {
    margin-bottom: var(--spacer-2) ; }
  .c-ml-md-2,
  .c-mx-md-2 {
    margin-left: var(--spacer-2) ; }
  .c-m-md-n2 {
    margin: calc(var(--spacer-2) * -1) ; }
  .c-mt-md-n2,
  .c-my-md-n2 {
    margin-top: calc(var(--spacer-2) * -1) ; }
  .c-mr-md-n2,
  .c-mx-md-n2 {
    margin-right: calc(var(--spacer-2) * -1) ; }
  .c-mb-md-n2,
  .c-my-md-n2 {
    margin-bottom: calc(var(--spacer-2) * -1) ; }
  .c-ml-md-n2,
  .c-mx-md-n2 {
    margin-left: calc(var(--spacer-2) * -1) ; }
  .c-p-md-2 {
    padding: var(--spacer-2) ; }
  .c-pt-md-2,
  .c-py-md-2 {
    padding-top: var(--spacer-2) ; }
  .c-pr-md-2,
  .c-px-md-2 {
    padding-right: var(--spacer-2) ; }
  .c-pb-md-2,
  .c-py-md-2 {
    padding-bottom: var(--spacer-2) ; }
  .c-pl-md-2,
  .c-px-md-2 {
    padding-left: var(--spacer-2) ; }
  .m-md-3 {
    margin: var(--spacer-3) !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: var(--spacer-3) !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: var(--spacer-3) !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: var(--spacer-3) !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: var(--spacer-3) !important; }
  .m-md-n3 {
    margin: calc(var(--spacer-3) * -1) !important; }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: calc(var(--spacer-3) * -1) !important; }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: calc(var(--spacer-3) * -1) !important; }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: calc(var(--spacer-3) * -1) !important; }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: calc(var(--spacer-3) * -1) !important; }
  .p-md-3 {
    padding: var(--spacer-3) !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: var(--spacer-3) !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: var(--spacer-3) !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: var(--spacer-3) !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: var(--spacer-3) !important; }
  .c-m-md-3 {
    margin: var(--spacer-3) ; }
  .c-mt-md-3,
  .c-my-md-3 {
    margin-top: var(--spacer-3) ; }
  .c-mr-md-3,
  .c-mx-md-3 {
    margin-right: var(--spacer-3) ; }
  .c-mb-md-3,
  .c-my-md-3 {
    margin-bottom: var(--spacer-3) ; }
  .c-ml-md-3,
  .c-mx-md-3 {
    margin-left: var(--spacer-3) ; }
  .c-m-md-n3 {
    margin: calc(var(--spacer-3) * -1) ; }
  .c-mt-md-n3,
  .c-my-md-n3 {
    margin-top: calc(var(--spacer-3) * -1) ; }
  .c-mr-md-n3,
  .c-mx-md-n3 {
    margin-right: calc(var(--spacer-3) * -1) ; }
  .c-mb-md-n3,
  .c-my-md-n3 {
    margin-bottom: calc(var(--spacer-3) * -1) ; }
  .c-ml-md-n3,
  .c-mx-md-n3 {
    margin-left: calc(var(--spacer-3) * -1) ; }
  .c-p-md-3 {
    padding: var(--spacer-3) ; }
  .c-pt-md-3,
  .c-py-md-3 {
    padding-top: var(--spacer-3) ; }
  .c-pr-md-3,
  .c-px-md-3 {
    padding-right: var(--spacer-3) ; }
  .c-pb-md-3,
  .c-py-md-3 {
    padding-bottom: var(--spacer-3) ; }
  .c-pl-md-3,
  .c-px-md-3 {
    padding-left: var(--spacer-3) ; }
  .m-md-4 {
    margin: var(--spacer-4) !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: var(--spacer-4) !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: var(--spacer-4) !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: var(--spacer-4) !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: var(--spacer-4) !important; }
  .m-md-n4 {
    margin: calc(var(--spacer-4) * -1) !important; }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: calc(var(--spacer-4) * -1) !important; }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: calc(var(--spacer-4) * -1) !important; }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: calc(var(--spacer-4) * -1) !important; }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: calc(var(--spacer-4) * -1) !important; }
  .p-md-4 {
    padding: var(--spacer-4) !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: var(--spacer-4) !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: var(--spacer-4) !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: var(--spacer-4) !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: var(--spacer-4) !important; }
  .c-m-md-4 {
    margin: var(--spacer-4) ; }
  .c-mt-md-4,
  .c-my-md-4 {
    margin-top: var(--spacer-4) ; }
  .c-mr-md-4,
  .c-mx-md-4 {
    margin-right: var(--spacer-4) ; }
  .c-mb-md-4,
  .c-my-md-4 {
    margin-bottom: var(--spacer-4) ; }
  .c-ml-md-4,
  .c-mx-md-4 {
    margin-left: var(--spacer-4) ; }
  .c-m-md-n4 {
    margin: calc(var(--spacer-4) * -1) ; }
  .c-mt-md-n4,
  .c-my-md-n4 {
    margin-top: calc(var(--spacer-4) * -1) ; }
  .c-mr-md-n4,
  .c-mx-md-n4 {
    margin-right: calc(var(--spacer-4) * -1) ; }
  .c-mb-md-n4,
  .c-my-md-n4 {
    margin-bottom: calc(var(--spacer-4) * -1) ; }
  .c-ml-md-n4,
  .c-mx-md-n4 {
    margin-left: calc(var(--spacer-4) * -1) ; }
  .c-p-md-4 {
    padding: var(--spacer-4) ; }
  .c-pt-md-4,
  .c-py-md-4 {
    padding-top: var(--spacer-4) ; }
  .c-pr-md-4,
  .c-px-md-4 {
    padding-right: var(--spacer-4) ; }
  .c-pb-md-4,
  .c-py-md-4 {
    padding-bottom: var(--spacer-4) ; }
  .c-pl-md-4,
  .c-px-md-4 {
    padding-left: var(--spacer-4) ; }
  .m-md-5 {
    margin: var(--spacer-5) !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: var(--spacer-5) !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: var(--spacer-5) !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: var(--spacer-5) !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: var(--spacer-5) !important; }
  .m-md-n5 {
    margin: calc(var(--spacer-5) * -1) !important; }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: calc(var(--spacer-5) * -1) !important; }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: calc(var(--spacer-5) * -1) !important; }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: calc(var(--spacer-5) * -1) !important; }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: calc(var(--spacer-5) * -1) !important; }
  .p-md-5 {
    padding: var(--spacer-5) !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: var(--spacer-5) !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: var(--spacer-5) !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: var(--spacer-5) !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: var(--spacer-5) !important; }
  .c-m-md-5 {
    margin: var(--spacer-5) ; }
  .c-mt-md-5,
  .c-my-md-5 {
    margin-top: var(--spacer-5) ; }
  .c-mr-md-5,
  .c-mx-md-5 {
    margin-right: var(--spacer-5) ; }
  .c-mb-md-5,
  .c-my-md-5 {
    margin-bottom: var(--spacer-5) ; }
  .c-ml-md-5,
  .c-mx-md-5 {
    margin-left: var(--spacer-5) ; }
  .c-m-md-n5 {
    margin: calc(var(--spacer-5) * -1) ; }
  .c-mt-md-n5,
  .c-my-md-n5 {
    margin-top: calc(var(--spacer-5) * -1) ; }
  .c-mr-md-n5,
  .c-mx-md-n5 {
    margin-right: calc(var(--spacer-5) * -1) ; }
  .c-mb-md-n5,
  .c-my-md-n5 {
    margin-bottom: calc(var(--spacer-5) * -1) ; }
  .c-ml-md-n5,
  .c-mx-md-n5 {
    margin-left: calc(var(--spacer-5) * -1) ; }
  .c-p-md-5 {
    padding: var(--spacer-5) ; }
  .c-pt-md-5,
  .c-py-md-5 {
    padding-top: var(--spacer-5) ; }
  .c-pr-md-5,
  .c-px-md-5 {
    padding-right: var(--spacer-5) ; }
  .c-pb-md-5,
  .c-py-md-5 {
    padding-bottom: var(--spacer-5) ; }
  .c-pl-md-5,
  .c-px-md-5 {
    padding-left: var(--spacer-5) ; }
  .m-md-6 {
    margin: var(--spacer-6) !important; }
  .mt-md-6,
  .my-md-6 {
    margin-top: var(--spacer-6) !important; }
  .mr-md-6,
  .mx-md-6 {
    margin-right: var(--spacer-6) !important; }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: var(--spacer-6) !important; }
  .ml-md-6,
  .mx-md-6 {
    margin-left: var(--spacer-6) !important; }
  .m-md-n6 {
    margin: calc(var(--spacer-6) * -1) !important; }
  .mt-md-n6,
  .my-md-n6 {
    margin-top: calc(var(--spacer-6) * -1) !important; }
  .mr-md-n6,
  .mx-md-n6 {
    margin-right: calc(var(--spacer-6) * -1) !important; }
  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: calc(var(--spacer-6) * -1) !important; }
  .ml-md-n6,
  .mx-md-n6 {
    margin-left: calc(var(--spacer-6) * -1) !important; }
  .p-md-6 {
    padding: var(--spacer-6) !important; }
  .pt-md-6,
  .py-md-6 {
    padding-top: var(--spacer-6) !important; }
  .pr-md-6,
  .px-md-6 {
    padding-right: var(--spacer-6) !important; }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: var(--spacer-6) !important; }
  .pl-md-6,
  .px-md-6 {
    padding-left: var(--spacer-6) !important; }
  .c-m-md-6 {
    margin: var(--spacer-6) ; }
  .c-mt-md-6,
  .c-my-md-6 {
    margin-top: var(--spacer-6) ; }
  .c-mr-md-6,
  .c-mx-md-6 {
    margin-right: var(--spacer-6) ; }
  .c-mb-md-6,
  .c-my-md-6 {
    margin-bottom: var(--spacer-6) ; }
  .c-ml-md-6,
  .c-mx-md-6 {
    margin-left: var(--spacer-6) ; }
  .c-m-md-n6 {
    margin: calc(var(--spacer-6) * -1) ; }
  .c-mt-md-n6,
  .c-my-md-n6 {
    margin-top: calc(var(--spacer-6) * -1) ; }
  .c-mr-md-n6,
  .c-mx-md-n6 {
    margin-right: calc(var(--spacer-6) * -1) ; }
  .c-mb-md-n6,
  .c-my-md-n6 {
    margin-bottom: calc(var(--spacer-6) * -1) ; }
  .c-ml-md-n6,
  .c-mx-md-n6 {
    margin-left: calc(var(--spacer-6) * -1) ; }
  .c-p-md-6 {
    padding: var(--spacer-6) ; }
  .c-pt-md-6,
  .c-py-md-6 {
    padding-top: var(--spacer-6) ; }
  .c-pr-md-6,
  .c-px-md-6 {
    padding-right: var(--spacer-6) ; }
  .c-pb-md-6,
  .c-py-md-6 {
    padding-bottom: var(--spacer-6) ; }
  .c-pl-md-6,
  .c-px-md-6 {
    padding-left: var(--spacer-6) ; }
  .m-md-7 {
    margin: var(--spacer-7) !important; }
  .mt-md-7,
  .my-md-7 {
    margin-top: var(--spacer-7) !important; }
  .mr-md-7,
  .mx-md-7 {
    margin-right: var(--spacer-7) !important; }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: var(--spacer-7) !important; }
  .ml-md-7,
  .mx-md-7 {
    margin-left: var(--spacer-7) !important; }
  .m-md-n7 {
    margin: calc(var(--spacer-7) * -1) !important; }
  .mt-md-n7,
  .my-md-n7 {
    margin-top: calc(var(--spacer-7) * -1) !important; }
  .mr-md-n7,
  .mx-md-n7 {
    margin-right: calc(var(--spacer-7) * -1) !important; }
  .mb-md-n7,
  .my-md-n7 {
    margin-bottom: calc(var(--spacer-7) * -1) !important; }
  .ml-md-n7,
  .mx-md-n7 {
    margin-left: calc(var(--spacer-7) * -1) !important; }
  .p-md-7 {
    padding: var(--spacer-7) !important; }
  .pt-md-7,
  .py-md-7 {
    padding-top: var(--spacer-7) !important; }
  .pr-md-7,
  .px-md-7 {
    padding-right: var(--spacer-7) !important; }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: var(--spacer-7) !important; }
  .pl-md-7,
  .px-md-7 {
    padding-left: var(--spacer-7) !important; }
  .c-m-md-7 {
    margin: var(--spacer-7) ; }
  .c-mt-md-7,
  .c-my-md-7 {
    margin-top: var(--spacer-7) ; }
  .c-mr-md-7,
  .c-mx-md-7 {
    margin-right: var(--spacer-7) ; }
  .c-mb-md-7,
  .c-my-md-7 {
    margin-bottom: var(--spacer-7) ; }
  .c-ml-md-7,
  .c-mx-md-7 {
    margin-left: var(--spacer-7) ; }
  .c-m-md-n7 {
    margin: calc(var(--spacer-7) * -1) ; }
  .c-mt-md-n7,
  .c-my-md-n7 {
    margin-top: calc(var(--spacer-7) * -1) ; }
  .c-mr-md-n7,
  .c-mx-md-n7 {
    margin-right: calc(var(--spacer-7) * -1) ; }
  .c-mb-md-n7,
  .c-my-md-n7 {
    margin-bottom: calc(var(--spacer-7) * -1) ; }
  .c-ml-md-n7,
  .c-mx-md-n7 {
    margin-left: calc(var(--spacer-7) * -1) ; }
  .c-p-md-7 {
    padding: var(--spacer-7) ; }
  .c-pt-md-7,
  .c-py-md-7 {
    padding-top: var(--spacer-7) ; }
  .c-pr-md-7,
  .c-px-md-7 {
    padding-right: var(--spacer-7) ; }
  .c-pb-md-7,
  .c-py-md-7 {
    padding-bottom: var(--spacer-7) ; }
  .c-pl-md-7,
  .c-px-md-7 {
    padding-left: var(--spacer-7) ; }
  .m-md-8 {
    margin: var(--spacer-8) !important; }
  .mt-md-8,
  .my-md-8 {
    margin-top: var(--spacer-8) !important; }
  .mr-md-8,
  .mx-md-8 {
    margin-right: var(--spacer-8) !important; }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: var(--spacer-8) !important; }
  .ml-md-8,
  .mx-md-8 {
    margin-left: var(--spacer-8) !important; }
  .m-md-n8 {
    margin: calc(var(--spacer-8) * -1) !important; }
  .mt-md-n8,
  .my-md-n8 {
    margin-top: calc(var(--spacer-8) * -1) !important; }
  .mr-md-n8,
  .mx-md-n8 {
    margin-right: calc(var(--spacer-8) * -1) !important; }
  .mb-md-n8,
  .my-md-n8 {
    margin-bottom: calc(var(--spacer-8) * -1) !important; }
  .ml-md-n8,
  .mx-md-n8 {
    margin-left: calc(var(--spacer-8) * -1) !important; }
  .p-md-8 {
    padding: var(--spacer-8) !important; }
  .pt-md-8,
  .py-md-8 {
    padding-top: var(--spacer-8) !important; }
  .pr-md-8,
  .px-md-8 {
    padding-right: var(--spacer-8) !important; }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: var(--spacer-8) !important; }
  .pl-md-8,
  .px-md-8 {
    padding-left: var(--spacer-8) !important; }
  .c-m-md-8 {
    margin: var(--spacer-8) ; }
  .c-mt-md-8,
  .c-my-md-8 {
    margin-top: var(--spacer-8) ; }
  .c-mr-md-8,
  .c-mx-md-8 {
    margin-right: var(--spacer-8) ; }
  .c-mb-md-8,
  .c-my-md-8 {
    margin-bottom: var(--spacer-8) ; }
  .c-ml-md-8,
  .c-mx-md-8 {
    margin-left: var(--spacer-8) ; }
  .c-m-md-n8 {
    margin: calc(var(--spacer-8) * -1) ; }
  .c-mt-md-n8,
  .c-my-md-n8 {
    margin-top: calc(var(--spacer-8) * -1) ; }
  .c-mr-md-n8,
  .c-mx-md-n8 {
    margin-right: calc(var(--spacer-8) * -1) ; }
  .c-mb-md-n8,
  .c-my-md-n8 {
    margin-bottom: calc(var(--spacer-8) * -1) ; }
  .c-ml-md-n8,
  .c-mx-md-n8 {
    margin-left: calc(var(--spacer-8) * -1) ; }
  .c-p-md-8 {
    padding: var(--spacer-8) ; }
  .c-pt-md-8,
  .c-py-md-8 {
    padding-top: var(--spacer-8) ; }
  .c-pr-md-8,
  .c-px-md-8 {
    padding-right: var(--spacer-8) ; }
  .c-pb-md-8,
  .c-py-md-8 {
    padding-bottom: var(--spacer-8) ; }
  .c-pl-md-8,
  .c-px-md-8 {
    padding-left: var(--spacer-8) ; }
  .m-md-9 {
    margin: var(--spacer-9) !important; }
  .mt-md-9,
  .my-md-9 {
    margin-top: var(--spacer-9) !important; }
  .mr-md-9,
  .mx-md-9 {
    margin-right: var(--spacer-9) !important; }
  .mb-md-9,
  .my-md-9 {
    margin-bottom: var(--spacer-9) !important; }
  .ml-md-9,
  .mx-md-9 {
    margin-left: var(--spacer-9) !important; }
  .m-md-n9 {
    margin: calc(var(--spacer-9) * -1) !important; }
  .mt-md-n9,
  .my-md-n9 {
    margin-top: calc(var(--spacer-9) * -1) !important; }
  .mr-md-n9,
  .mx-md-n9 {
    margin-right: calc(var(--spacer-9) * -1) !important; }
  .mb-md-n9,
  .my-md-n9 {
    margin-bottom: calc(var(--spacer-9) * -1) !important; }
  .ml-md-n9,
  .mx-md-n9 {
    margin-left: calc(var(--spacer-9) * -1) !important; }
  .p-md-9 {
    padding: var(--spacer-9) !important; }
  .pt-md-9,
  .py-md-9 {
    padding-top: var(--spacer-9) !important; }
  .pr-md-9,
  .px-md-9 {
    padding-right: var(--spacer-9) !important; }
  .pb-md-9,
  .py-md-9 {
    padding-bottom: var(--spacer-9) !important; }
  .pl-md-9,
  .px-md-9 {
    padding-left: var(--spacer-9) !important; }
  .c-m-md-9 {
    margin: var(--spacer-9) ; }
  .c-mt-md-9,
  .c-my-md-9 {
    margin-top: var(--spacer-9) ; }
  .c-mr-md-9,
  .c-mx-md-9 {
    margin-right: var(--spacer-9) ; }
  .c-mb-md-9,
  .c-my-md-9 {
    margin-bottom: var(--spacer-9) ; }
  .c-ml-md-9,
  .c-mx-md-9 {
    margin-left: var(--spacer-9) ; }
  .c-m-md-n9 {
    margin: calc(var(--spacer-9) * -1) ; }
  .c-mt-md-n9,
  .c-my-md-n9 {
    margin-top: calc(var(--spacer-9) * -1) ; }
  .c-mr-md-n9,
  .c-mx-md-n9 {
    margin-right: calc(var(--spacer-9) * -1) ; }
  .c-mb-md-n9,
  .c-my-md-n9 {
    margin-bottom: calc(var(--spacer-9) * -1) ; }
  .c-ml-md-n9,
  .c-mx-md-n9 {
    margin-left: calc(var(--spacer-9) * -1) ; }
  .c-p-md-9 {
    padding: var(--spacer-9) ; }
  .c-pt-md-9,
  .c-py-md-9 {
    padding-top: var(--spacer-9) ; }
  .c-pr-md-9,
  .c-px-md-9 {
    padding-right: var(--spacer-9) ; }
  .c-pb-md-9,
  .c-py-md-9 {
    padding-bottom: var(--spacer-9) ; }
  .c-pl-md-9,
  .c-px-md-9 {
    padding-left: var(--spacer-9) ; }
  .m-md-10 {
    margin: var(--spacer-10) !important; }
  .mt-md-10,
  .my-md-10 {
    margin-top: var(--spacer-10) !important; }
  .mr-md-10,
  .mx-md-10 {
    margin-right: var(--spacer-10) !important; }
  .mb-md-10,
  .my-md-10 {
    margin-bottom: var(--spacer-10) !important; }
  .ml-md-10,
  .mx-md-10 {
    margin-left: var(--spacer-10) !important; }
  .m-md-n10 {
    margin: calc(var(--spacer-10) * -1) !important; }
  .mt-md-n10,
  .my-md-n10 {
    margin-top: calc(var(--spacer-10) * -1) !important; }
  .mr-md-n10,
  .mx-md-n10 {
    margin-right: calc(var(--spacer-10) * -1) !important; }
  .mb-md-n10,
  .my-md-n10 {
    margin-bottom: calc(var(--spacer-10) * -1) !important; }
  .ml-md-n10,
  .mx-md-n10 {
    margin-left: calc(var(--spacer-10) * -1) !important; }
  .p-md-10 {
    padding: var(--spacer-10) !important; }
  .pt-md-10,
  .py-md-10 {
    padding-top: var(--spacer-10) !important; }
  .pr-md-10,
  .px-md-10 {
    padding-right: var(--spacer-10) !important; }
  .pb-md-10,
  .py-md-10 {
    padding-bottom: var(--spacer-10) !important; }
  .pl-md-10,
  .px-md-10 {
    padding-left: var(--spacer-10) !important; }
  .c-m-md-10 {
    margin: var(--spacer-10) ; }
  .c-mt-md-10,
  .c-my-md-10 {
    margin-top: var(--spacer-10) ; }
  .c-mr-md-10,
  .c-mx-md-10 {
    margin-right: var(--spacer-10) ; }
  .c-mb-md-10,
  .c-my-md-10 {
    margin-bottom: var(--spacer-10) ; }
  .c-ml-md-10,
  .c-mx-md-10 {
    margin-left: var(--spacer-10) ; }
  .c-m-md-n10 {
    margin: calc(var(--spacer-10) * -1) ; }
  .c-mt-md-n10,
  .c-my-md-n10 {
    margin-top: calc(var(--spacer-10) * -1) ; }
  .c-mr-md-n10,
  .c-mx-md-n10 {
    margin-right: calc(var(--spacer-10) * -1) ; }
  .c-mb-md-n10,
  .c-my-md-n10 {
    margin-bottom: calc(var(--spacer-10) * -1) ; }
  .c-ml-md-n10,
  .c-mx-md-n10 {
    margin-left: calc(var(--spacer-10) * -1) ; }
  .c-p-md-10 {
    padding: var(--spacer-10) ; }
  .c-pt-md-10,
  .c-py-md-10 {
    padding-top: var(--spacer-10) ; }
  .c-pr-md-10,
  .c-px-md-10 {
    padding-right: var(--spacer-10) ; }
  .c-pb-md-10,
  .c-py-md-10 {
    padding-bottom: var(--spacer-10) ; }
  .c-pl-md-10,
  .c-px-md-10 {
    padding-left: var(--spacer-10) ; } }

@media (min-width: 992px) {
  .m-lg-0 {
    margin: var(--spacer-0) !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: var(--spacer-0) !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: var(--spacer-0) !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: var(--spacer-0) !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: var(--spacer-0) !important; }
  .p-lg-0 {
    padding: var(--spacer-0) !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: var(--spacer-0) !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: var(--spacer-0) !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: var(--spacer-0) !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: var(--spacer-0) !important; }
  .c-m-lg-0 {
    margin: var(--spacer-0) ; }
  .c-mt-lg-0,
  .c-my-lg-0 {
    margin-top: var(--spacer-0) ; }
  .c-mr-lg-0,
  .c-mx-lg-0 {
    margin-right: var(--spacer-0) ; }
  .c-mb-lg-0,
  .c-my-lg-0 {
    margin-bottom: var(--spacer-0) ; }
  .c-ml-lg-0,
  .c-mx-lg-0 {
    margin-left: var(--spacer-0) ; }
  .c-p-lg-0 {
    padding: var(--spacer-0) ; }
  .c-pt-lg-0,
  .c-py-lg-0 {
    padding-top: var(--spacer-0) ; }
  .c-pr-lg-0,
  .c-px-lg-0 {
    padding-right: var(--spacer-0) ; }
  .c-pb-lg-0,
  .c-py-lg-0 {
    padding-bottom: var(--spacer-0) ; }
  .c-pl-lg-0,
  .c-px-lg-0 {
    padding-left: var(--spacer-0) ; }
  .m-lg-1 {
    margin: var(--spacer-1) !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: var(--spacer-1) !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: var(--spacer-1) !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: var(--spacer-1) !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: var(--spacer-1) !important; }
  .m-lg-n1 {
    margin: calc(var(--spacer-1) * -1) !important; }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: calc(var(--spacer-1) * -1) !important; }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: calc(var(--spacer-1) * -1) !important; }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: calc(var(--spacer-1) * -1) !important; }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: calc(var(--spacer-1) * -1) !important; }
  .p-lg-1 {
    padding: var(--spacer-1) !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: var(--spacer-1) !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: var(--spacer-1) !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: var(--spacer-1) !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: var(--spacer-1) !important; }
  .c-m-lg-1 {
    margin: var(--spacer-1) ; }
  .c-mt-lg-1,
  .c-my-lg-1 {
    margin-top: var(--spacer-1) ; }
  .c-mr-lg-1,
  .c-mx-lg-1 {
    margin-right: var(--spacer-1) ; }
  .c-mb-lg-1,
  .c-my-lg-1 {
    margin-bottom: var(--spacer-1) ; }
  .c-ml-lg-1,
  .c-mx-lg-1 {
    margin-left: var(--spacer-1) ; }
  .c-m-lg-n1 {
    margin: calc(var(--spacer-1) * -1) ; }
  .c-mt-lg-n1,
  .c-my-lg-n1 {
    margin-top: calc(var(--spacer-1) * -1) ; }
  .c-mr-lg-n1,
  .c-mx-lg-n1 {
    margin-right: calc(var(--spacer-1) * -1) ; }
  .c-mb-lg-n1,
  .c-my-lg-n1 {
    margin-bottom: calc(var(--spacer-1) * -1) ; }
  .c-ml-lg-n1,
  .c-mx-lg-n1 {
    margin-left: calc(var(--spacer-1) * -1) ; }
  .c-p-lg-1 {
    padding: var(--spacer-1) ; }
  .c-pt-lg-1,
  .c-py-lg-1 {
    padding-top: var(--spacer-1) ; }
  .c-pr-lg-1,
  .c-px-lg-1 {
    padding-right: var(--spacer-1) ; }
  .c-pb-lg-1,
  .c-py-lg-1 {
    padding-bottom: var(--spacer-1) ; }
  .c-pl-lg-1,
  .c-px-lg-1 {
    padding-left: var(--spacer-1) ; }
  .m-lg-2 {
    margin: var(--spacer-2) !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: var(--spacer-2) !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: var(--spacer-2) !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: var(--spacer-2) !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: var(--spacer-2) !important; }
  .m-lg-n2 {
    margin: calc(var(--spacer-2) * -1) !important; }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: calc(var(--spacer-2) * -1) !important; }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: calc(var(--spacer-2) * -1) !important; }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: calc(var(--spacer-2) * -1) !important; }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: calc(var(--spacer-2) * -1) !important; }
  .p-lg-2 {
    padding: var(--spacer-2) !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: var(--spacer-2) !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: var(--spacer-2) !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: var(--spacer-2) !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: var(--spacer-2) !important; }
  .c-m-lg-2 {
    margin: var(--spacer-2) ; }
  .c-mt-lg-2,
  .c-my-lg-2 {
    margin-top: var(--spacer-2) ; }
  .c-mr-lg-2,
  .c-mx-lg-2 {
    margin-right: var(--spacer-2) ; }
  .c-mb-lg-2,
  .c-my-lg-2 {
    margin-bottom: var(--spacer-2) ; }
  .c-ml-lg-2,
  .c-mx-lg-2 {
    margin-left: var(--spacer-2) ; }
  .c-m-lg-n2 {
    margin: calc(var(--spacer-2) * -1) ; }
  .c-mt-lg-n2,
  .c-my-lg-n2 {
    margin-top: calc(var(--spacer-2) * -1) ; }
  .c-mr-lg-n2,
  .c-mx-lg-n2 {
    margin-right: calc(var(--spacer-2) * -1) ; }
  .c-mb-lg-n2,
  .c-my-lg-n2 {
    margin-bottom: calc(var(--spacer-2) * -1) ; }
  .c-ml-lg-n2,
  .c-mx-lg-n2 {
    margin-left: calc(var(--spacer-2) * -1) ; }
  .c-p-lg-2 {
    padding: var(--spacer-2) ; }
  .c-pt-lg-2,
  .c-py-lg-2 {
    padding-top: var(--spacer-2) ; }
  .c-pr-lg-2,
  .c-px-lg-2 {
    padding-right: var(--spacer-2) ; }
  .c-pb-lg-2,
  .c-py-lg-2 {
    padding-bottom: var(--spacer-2) ; }
  .c-pl-lg-2,
  .c-px-lg-2 {
    padding-left: var(--spacer-2) ; }
  .m-lg-3 {
    margin: var(--spacer-3) !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: var(--spacer-3) !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: var(--spacer-3) !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: var(--spacer-3) !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: var(--spacer-3) !important; }
  .m-lg-n3 {
    margin: calc(var(--spacer-3) * -1) !important; }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: calc(var(--spacer-3) * -1) !important; }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: calc(var(--spacer-3) * -1) !important; }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: calc(var(--spacer-3) * -1) !important; }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: calc(var(--spacer-3) * -1) !important; }
  .p-lg-3 {
    padding: var(--spacer-3) !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: var(--spacer-3) !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: var(--spacer-3) !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: var(--spacer-3) !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: var(--spacer-3) !important; }
  .c-m-lg-3 {
    margin: var(--spacer-3) ; }
  .c-mt-lg-3,
  .c-my-lg-3 {
    margin-top: var(--spacer-3) ; }
  .c-mr-lg-3,
  .c-mx-lg-3 {
    margin-right: var(--spacer-3) ; }
  .c-mb-lg-3,
  .c-my-lg-3 {
    margin-bottom: var(--spacer-3) ; }
  .c-ml-lg-3,
  .c-mx-lg-3 {
    margin-left: var(--spacer-3) ; }
  .c-m-lg-n3 {
    margin: calc(var(--spacer-3) * -1) ; }
  .c-mt-lg-n3,
  .c-my-lg-n3 {
    margin-top: calc(var(--spacer-3) * -1) ; }
  .c-mr-lg-n3,
  .c-mx-lg-n3 {
    margin-right: calc(var(--spacer-3) * -1) ; }
  .c-mb-lg-n3,
  .c-my-lg-n3 {
    margin-bottom: calc(var(--spacer-3) * -1) ; }
  .c-ml-lg-n3,
  .c-mx-lg-n3 {
    margin-left: calc(var(--spacer-3) * -1) ; }
  .c-p-lg-3 {
    padding: var(--spacer-3) ; }
  .c-pt-lg-3,
  .c-py-lg-3 {
    padding-top: var(--spacer-3) ; }
  .c-pr-lg-3,
  .c-px-lg-3 {
    padding-right: var(--spacer-3) ; }
  .c-pb-lg-3,
  .c-py-lg-3 {
    padding-bottom: var(--spacer-3) ; }
  .c-pl-lg-3,
  .c-px-lg-3 {
    padding-left: var(--spacer-3) ; }
  .m-lg-4 {
    margin: var(--spacer-4) !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: var(--spacer-4) !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: var(--spacer-4) !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: var(--spacer-4) !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: var(--spacer-4) !important; }
  .m-lg-n4 {
    margin: calc(var(--spacer-4) * -1) !important; }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: calc(var(--spacer-4) * -1) !important; }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: calc(var(--spacer-4) * -1) !important; }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: calc(var(--spacer-4) * -1) !important; }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: calc(var(--spacer-4) * -1) !important; }
  .p-lg-4 {
    padding: var(--spacer-4) !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: var(--spacer-4) !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: var(--spacer-4) !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: var(--spacer-4) !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: var(--spacer-4) !important; }
  .c-m-lg-4 {
    margin: var(--spacer-4) ; }
  .c-mt-lg-4,
  .c-my-lg-4 {
    margin-top: var(--spacer-4) ; }
  .c-mr-lg-4,
  .c-mx-lg-4 {
    margin-right: var(--spacer-4) ; }
  .c-mb-lg-4,
  .c-my-lg-4 {
    margin-bottom: var(--spacer-4) ; }
  .c-ml-lg-4,
  .c-mx-lg-4 {
    margin-left: var(--spacer-4) ; }
  .c-m-lg-n4 {
    margin: calc(var(--spacer-4) * -1) ; }
  .c-mt-lg-n4,
  .c-my-lg-n4 {
    margin-top: calc(var(--spacer-4) * -1) ; }
  .c-mr-lg-n4,
  .c-mx-lg-n4 {
    margin-right: calc(var(--spacer-4) * -1) ; }
  .c-mb-lg-n4,
  .c-my-lg-n4 {
    margin-bottom: calc(var(--spacer-4) * -1) ; }
  .c-ml-lg-n4,
  .c-mx-lg-n4 {
    margin-left: calc(var(--spacer-4) * -1) ; }
  .c-p-lg-4 {
    padding: var(--spacer-4) ; }
  .c-pt-lg-4,
  .c-py-lg-4 {
    padding-top: var(--spacer-4) ; }
  .c-pr-lg-4,
  .c-px-lg-4 {
    padding-right: var(--spacer-4) ; }
  .c-pb-lg-4,
  .c-py-lg-4 {
    padding-bottom: var(--spacer-4) ; }
  .c-pl-lg-4,
  .c-px-lg-4 {
    padding-left: var(--spacer-4) ; }
  .m-lg-5 {
    margin: var(--spacer-5) !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: var(--spacer-5) !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: var(--spacer-5) !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: var(--spacer-5) !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: var(--spacer-5) !important; }
  .m-lg-n5 {
    margin: calc(var(--spacer-5) * -1) !important; }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: calc(var(--spacer-5) * -1) !important; }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: calc(var(--spacer-5) * -1) !important; }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: calc(var(--spacer-5) * -1) !important; }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: calc(var(--spacer-5) * -1) !important; }
  .p-lg-5 {
    padding: var(--spacer-5) !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: var(--spacer-5) !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: var(--spacer-5) !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: var(--spacer-5) !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: var(--spacer-5) !important; }
  .c-m-lg-5 {
    margin: var(--spacer-5) ; }
  .c-mt-lg-5,
  .c-my-lg-5 {
    margin-top: var(--spacer-5) ; }
  .c-mr-lg-5,
  .c-mx-lg-5 {
    margin-right: var(--spacer-5) ; }
  .c-mb-lg-5,
  .c-my-lg-5 {
    margin-bottom: var(--spacer-5) ; }
  .c-ml-lg-5,
  .c-mx-lg-5 {
    margin-left: var(--spacer-5) ; }
  .c-m-lg-n5 {
    margin: calc(var(--spacer-5) * -1) ; }
  .c-mt-lg-n5,
  .c-my-lg-n5 {
    margin-top: calc(var(--spacer-5) * -1) ; }
  .c-mr-lg-n5,
  .c-mx-lg-n5 {
    margin-right: calc(var(--spacer-5) * -1) ; }
  .c-mb-lg-n5,
  .c-my-lg-n5 {
    margin-bottom: calc(var(--spacer-5) * -1) ; }
  .c-ml-lg-n5,
  .c-mx-lg-n5 {
    margin-left: calc(var(--spacer-5) * -1) ; }
  .c-p-lg-5 {
    padding: var(--spacer-5) ; }
  .c-pt-lg-5,
  .c-py-lg-5 {
    padding-top: var(--spacer-5) ; }
  .c-pr-lg-5,
  .c-px-lg-5 {
    padding-right: var(--spacer-5) ; }
  .c-pb-lg-5,
  .c-py-lg-5 {
    padding-bottom: var(--spacer-5) ; }
  .c-pl-lg-5,
  .c-px-lg-5 {
    padding-left: var(--spacer-5) ; }
  .m-lg-6 {
    margin: var(--spacer-6) !important; }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: var(--spacer-6) !important; }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: var(--spacer-6) !important; }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: var(--spacer-6) !important; }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: var(--spacer-6) !important; }
  .m-lg-n6 {
    margin: calc(var(--spacer-6) * -1) !important; }
  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: calc(var(--spacer-6) * -1) !important; }
  .mr-lg-n6,
  .mx-lg-n6 {
    margin-right: calc(var(--spacer-6) * -1) !important; }
  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: calc(var(--spacer-6) * -1) !important; }
  .ml-lg-n6,
  .mx-lg-n6 {
    margin-left: calc(var(--spacer-6) * -1) !important; }
  .p-lg-6 {
    padding: var(--spacer-6) !important; }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: var(--spacer-6) !important; }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: var(--spacer-6) !important; }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: var(--spacer-6) !important; }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: var(--spacer-6) !important; }
  .c-m-lg-6 {
    margin: var(--spacer-6) ; }
  .c-mt-lg-6,
  .c-my-lg-6 {
    margin-top: var(--spacer-6) ; }
  .c-mr-lg-6,
  .c-mx-lg-6 {
    margin-right: var(--spacer-6) ; }
  .c-mb-lg-6,
  .c-my-lg-6 {
    margin-bottom: var(--spacer-6) ; }
  .c-ml-lg-6,
  .c-mx-lg-6 {
    margin-left: var(--spacer-6) ; }
  .c-m-lg-n6 {
    margin: calc(var(--spacer-6) * -1) ; }
  .c-mt-lg-n6,
  .c-my-lg-n6 {
    margin-top: calc(var(--spacer-6) * -1) ; }
  .c-mr-lg-n6,
  .c-mx-lg-n6 {
    margin-right: calc(var(--spacer-6) * -1) ; }
  .c-mb-lg-n6,
  .c-my-lg-n6 {
    margin-bottom: calc(var(--spacer-6) * -1) ; }
  .c-ml-lg-n6,
  .c-mx-lg-n6 {
    margin-left: calc(var(--spacer-6) * -1) ; }
  .c-p-lg-6 {
    padding: var(--spacer-6) ; }
  .c-pt-lg-6,
  .c-py-lg-6 {
    padding-top: var(--spacer-6) ; }
  .c-pr-lg-6,
  .c-px-lg-6 {
    padding-right: var(--spacer-6) ; }
  .c-pb-lg-6,
  .c-py-lg-6 {
    padding-bottom: var(--spacer-6) ; }
  .c-pl-lg-6,
  .c-px-lg-6 {
    padding-left: var(--spacer-6) ; }
  .m-lg-7 {
    margin: var(--spacer-7) !important; }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: var(--spacer-7) !important; }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: var(--spacer-7) !important; }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: var(--spacer-7) !important; }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: var(--spacer-7) !important; }
  .m-lg-n7 {
    margin: calc(var(--spacer-7) * -1) !important; }
  .mt-lg-n7,
  .my-lg-n7 {
    margin-top: calc(var(--spacer-7) * -1) !important; }
  .mr-lg-n7,
  .mx-lg-n7 {
    margin-right: calc(var(--spacer-7) * -1) !important; }
  .mb-lg-n7,
  .my-lg-n7 {
    margin-bottom: calc(var(--spacer-7) * -1) !important; }
  .ml-lg-n7,
  .mx-lg-n7 {
    margin-left: calc(var(--spacer-7) * -1) !important; }
  .p-lg-7 {
    padding: var(--spacer-7) !important; }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: var(--spacer-7) !important; }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: var(--spacer-7) !important; }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: var(--spacer-7) !important; }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: var(--spacer-7) !important; }
  .c-m-lg-7 {
    margin: var(--spacer-7) ; }
  .c-mt-lg-7,
  .c-my-lg-7 {
    margin-top: var(--spacer-7) ; }
  .c-mr-lg-7,
  .c-mx-lg-7 {
    margin-right: var(--spacer-7) ; }
  .c-mb-lg-7,
  .c-my-lg-7 {
    margin-bottom: var(--spacer-7) ; }
  .c-ml-lg-7,
  .c-mx-lg-7 {
    margin-left: var(--spacer-7) ; }
  .c-m-lg-n7 {
    margin: calc(var(--spacer-7) * -1) ; }
  .c-mt-lg-n7,
  .c-my-lg-n7 {
    margin-top: calc(var(--spacer-7) * -1) ; }
  .c-mr-lg-n7,
  .c-mx-lg-n7 {
    margin-right: calc(var(--spacer-7) * -1) ; }
  .c-mb-lg-n7,
  .c-my-lg-n7 {
    margin-bottom: calc(var(--spacer-7) * -1) ; }
  .c-ml-lg-n7,
  .c-mx-lg-n7 {
    margin-left: calc(var(--spacer-7) * -1) ; }
  .c-p-lg-7 {
    padding: var(--spacer-7) ; }
  .c-pt-lg-7,
  .c-py-lg-7 {
    padding-top: var(--spacer-7) ; }
  .c-pr-lg-7,
  .c-px-lg-7 {
    padding-right: var(--spacer-7) ; }
  .c-pb-lg-7,
  .c-py-lg-7 {
    padding-bottom: var(--spacer-7) ; }
  .c-pl-lg-7,
  .c-px-lg-7 {
    padding-left: var(--spacer-7) ; }
  .m-lg-8 {
    margin: var(--spacer-8) !important; }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: var(--spacer-8) !important; }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: var(--spacer-8) !important; }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: var(--spacer-8) !important; }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: var(--spacer-8) !important; }
  .m-lg-n8 {
    margin: calc(var(--spacer-8) * -1) !important; }
  .mt-lg-n8,
  .my-lg-n8 {
    margin-top: calc(var(--spacer-8) * -1) !important; }
  .mr-lg-n8,
  .mx-lg-n8 {
    margin-right: calc(var(--spacer-8) * -1) !important; }
  .mb-lg-n8,
  .my-lg-n8 {
    margin-bottom: calc(var(--spacer-8) * -1) !important; }
  .ml-lg-n8,
  .mx-lg-n8 {
    margin-left: calc(var(--spacer-8) * -1) !important; }
  .p-lg-8 {
    padding: var(--spacer-8) !important; }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: var(--spacer-8) !important; }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: var(--spacer-8) !important; }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: var(--spacer-8) !important; }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: var(--spacer-8) !important; }
  .c-m-lg-8 {
    margin: var(--spacer-8) ; }
  .c-mt-lg-8,
  .c-my-lg-8 {
    margin-top: var(--spacer-8) ; }
  .c-mr-lg-8,
  .c-mx-lg-8 {
    margin-right: var(--spacer-8) ; }
  .c-mb-lg-8,
  .c-my-lg-8 {
    margin-bottom: var(--spacer-8) ; }
  .c-ml-lg-8,
  .c-mx-lg-8 {
    margin-left: var(--spacer-8) ; }
  .c-m-lg-n8 {
    margin: calc(var(--spacer-8) * -1) ; }
  .c-mt-lg-n8,
  .c-my-lg-n8 {
    margin-top: calc(var(--spacer-8) * -1) ; }
  .c-mr-lg-n8,
  .c-mx-lg-n8 {
    margin-right: calc(var(--spacer-8) * -1) ; }
  .c-mb-lg-n8,
  .c-my-lg-n8 {
    margin-bottom: calc(var(--spacer-8) * -1) ; }
  .c-ml-lg-n8,
  .c-mx-lg-n8 {
    margin-left: calc(var(--spacer-8) * -1) ; }
  .c-p-lg-8 {
    padding: var(--spacer-8) ; }
  .c-pt-lg-8,
  .c-py-lg-8 {
    padding-top: var(--spacer-8) ; }
  .c-pr-lg-8,
  .c-px-lg-8 {
    padding-right: var(--spacer-8) ; }
  .c-pb-lg-8,
  .c-py-lg-8 {
    padding-bottom: var(--spacer-8) ; }
  .c-pl-lg-8,
  .c-px-lg-8 {
    padding-left: var(--spacer-8) ; }
  .m-lg-9 {
    margin: var(--spacer-9) !important; }
  .mt-lg-9,
  .my-lg-9 {
    margin-top: var(--spacer-9) !important; }
  .mr-lg-9,
  .mx-lg-9 {
    margin-right: var(--spacer-9) !important; }
  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: var(--spacer-9) !important; }
  .ml-lg-9,
  .mx-lg-9 {
    margin-left: var(--spacer-9) !important; }
  .m-lg-n9 {
    margin: calc(var(--spacer-9) * -1) !important; }
  .mt-lg-n9,
  .my-lg-n9 {
    margin-top: calc(var(--spacer-9) * -1) !important; }
  .mr-lg-n9,
  .mx-lg-n9 {
    margin-right: calc(var(--spacer-9) * -1) !important; }
  .mb-lg-n9,
  .my-lg-n9 {
    margin-bottom: calc(var(--spacer-9) * -1) !important; }
  .ml-lg-n9,
  .mx-lg-n9 {
    margin-left: calc(var(--spacer-9) * -1) !important; }
  .p-lg-9 {
    padding: var(--spacer-9) !important; }
  .pt-lg-9,
  .py-lg-9 {
    padding-top: var(--spacer-9) !important; }
  .pr-lg-9,
  .px-lg-9 {
    padding-right: var(--spacer-9) !important; }
  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: var(--spacer-9) !important; }
  .pl-lg-9,
  .px-lg-9 {
    padding-left: var(--spacer-9) !important; }
  .c-m-lg-9 {
    margin: var(--spacer-9) ; }
  .c-mt-lg-9,
  .c-my-lg-9 {
    margin-top: var(--spacer-9) ; }
  .c-mr-lg-9,
  .c-mx-lg-9 {
    margin-right: var(--spacer-9) ; }
  .c-mb-lg-9,
  .c-my-lg-9 {
    margin-bottom: var(--spacer-9) ; }
  .c-ml-lg-9,
  .c-mx-lg-9 {
    margin-left: var(--spacer-9) ; }
  .c-m-lg-n9 {
    margin: calc(var(--spacer-9) * -1) ; }
  .c-mt-lg-n9,
  .c-my-lg-n9 {
    margin-top: calc(var(--spacer-9) * -1) ; }
  .c-mr-lg-n9,
  .c-mx-lg-n9 {
    margin-right: calc(var(--spacer-9) * -1) ; }
  .c-mb-lg-n9,
  .c-my-lg-n9 {
    margin-bottom: calc(var(--spacer-9) * -1) ; }
  .c-ml-lg-n9,
  .c-mx-lg-n9 {
    margin-left: calc(var(--spacer-9) * -1) ; }
  .c-p-lg-9 {
    padding: var(--spacer-9) ; }
  .c-pt-lg-9,
  .c-py-lg-9 {
    padding-top: var(--spacer-9) ; }
  .c-pr-lg-9,
  .c-px-lg-9 {
    padding-right: var(--spacer-9) ; }
  .c-pb-lg-9,
  .c-py-lg-9 {
    padding-bottom: var(--spacer-9) ; }
  .c-pl-lg-9,
  .c-px-lg-9 {
    padding-left: var(--spacer-9) ; }
  .m-lg-10 {
    margin: var(--spacer-10) !important; }
  .mt-lg-10,
  .my-lg-10 {
    margin-top: var(--spacer-10) !important; }
  .mr-lg-10,
  .mx-lg-10 {
    margin-right: var(--spacer-10) !important; }
  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: var(--spacer-10) !important; }
  .ml-lg-10,
  .mx-lg-10 {
    margin-left: var(--spacer-10) !important; }
  .m-lg-n10 {
    margin: calc(var(--spacer-10) * -1) !important; }
  .mt-lg-n10,
  .my-lg-n10 {
    margin-top: calc(var(--spacer-10) * -1) !important; }
  .mr-lg-n10,
  .mx-lg-n10 {
    margin-right: calc(var(--spacer-10) * -1) !important; }
  .mb-lg-n10,
  .my-lg-n10 {
    margin-bottom: calc(var(--spacer-10) * -1) !important; }
  .ml-lg-n10,
  .mx-lg-n10 {
    margin-left: calc(var(--spacer-10) * -1) !important; }
  .p-lg-10 {
    padding: var(--spacer-10) !important; }
  .pt-lg-10,
  .py-lg-10 {
    padding-top: var(--spacer-10) !important; }
  .pr-lg-10,
  .px-lg-10 {
    padding-right: var(--spacer-10) !important; }
  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: var(--spacer-10) !important; }
  .pl-lg-10,
  .px-lg-10 {
    padding-left: var(--spacer-10) !important; }
  .c-m-lg-10 {
    margin: var(--spacer-10) ; }
  .c-mt-lg-10,
  .c-my-lg-10 {
    margin-top: var(--spacer-10) ; }
  .c-mr-lg-10,
  .c-mx-lg-10 {
    margin-right: var(--spacer-10) ; }
  .c-mb-lg-10,
  .c-my-lg-10 {
    margin-bottom: var(--spacer-10) ; }
  .c-ml-lg-10,
  .c-mx-lg-10 {
    margin-left: var(--spacer-10) ; }
  .c-m-lg-n10 {
    margin: calc(var(--spacer-10) * -1) ; }
  .c-mt-lg-n10,
  .c-my-lg-n10 {
    margin-top: calc(var(--spacer-10) * -1) ; }
  .c-mr-lg-n10,
  .c-mx-lg-n10 {
    margin-right: calc(var(--spacer-10) * -1) ; }
  .c-mb-lg-n10,
  .c-my-lg-n10 {
    margin-bottom: calc(var(--spacer-10) * -1) ; }
  .c-ml-lg-n10,
  .c-mx-lg-n10 {
    margin-left: calc(var(--spacer-10) * -1) ; }
  .c-p-lg-10 {
    padding: var(--spacer-10) ; }
  .c-pt-lg-10,
  .c-py-lg-10 {
    padding-top: var(--spacer-10) ; }
  .c-pr-lg-10,
  .c-px-lg-10 {
    padding-right: var(--spacer-10) ; }
  .c-pb-lg-10,
  .c-py-lg-10 {
    padding-bottom: var(--spacer-10) ; }
  .c-pl-lg-10,
  .c-px-lg-10 {
    padding-left: var(--spacer-10) ; } }

@media (min-width: 1280px) {
  .m-xl-0 {
    margin: var(--spacer-0) !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: var(--spacer-0) !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: var(--spacer-0) !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: var(--spacer-0) !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: var(--spacer-0) !important; }
  .p-xl-0 {
    padding: var(--spacer-0) !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: var(--spacer-0) !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: var(--spacer-0) !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: var(--spacer-0) !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: var(--spacer-0) !important; }
  .c-m-xl-0 {
    margin: var(--spacer-0) ; }
  .c-mt-xl-0,
  .c-my-xl-0 {
    margin-top: var(--spacer-0) ; }
  .c-mr-xl-0,
  .c-mx-xl-0 {
    margin-right: var(--spacer-0) ; }
  .c-mb-xl-0,
  .c-my-xl-0 {
    margin-bottom: var(--spacer-0) ; }
  .c-ml-xl-0,
  .c-mx-xl-0 {
    margin-left: var(--spacer-0) ; }
  .c-p-xl-0 {
    padding: var(--spacer-0) ; }
  .c-pt-xl-0,
  .c-py-xl-0 {
    padding-top: var(--spacer-0) ; }
  .c-pr-xl-0,
  .c-px-xl-0 {
    padding-right: var(--spacer-0) ; }
  .c-pb-xl-0,
  .c-py-xl-0 {
    padding-bottom: var(--spacer-0) ; }
  .c-pl-xl-0,
  .c-px-xl-0 {
    padding-left: var(--spacer-0) ; }
  .m-xl-1 {
    margin: var(--spacer-1) !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: var(--spacer-1) !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: var(--spacer-1) !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: var(--spacer-1) !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: var(--spacer-1) !important; }
  .m-xl-n1 {
    margin: calc(var(--spacer-1) * -1) !important; }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: calc(var(--spacer-1) * -1) !important; }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: calc(var(--spacer-1) * -1) !important; }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: calc(var(--spacer-1) * -1) !important; }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: calc(var(--spacer-1) * -1) !important; }
  .p-xl-1 {
    padding: var(--spacer-1) !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: var(--spacer-1) !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: var(--spacer-1) !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: var(--spacer-1) !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: var(--spacer-1) !important; }
  .c-m-xl-1 {
    margin: var(--spacer-1) ; }
  .c-mt-xl-1,
  .c-my-xl-1 {
    margin-top: var(--spacer-1) ; }
  .c-mr-xl-1,
  .c-mx-xl-1 {
    margin-right: var(--spacer-1) ; }
  .c-mb-xl-1,
  .c-my-xl-1 {
    margin-bottom: var(--spacer-1) ; }
  .c-ml-xl-1,
  .c-mx-xl-1 {
    margin-left: var(--spacer-1) ; }
  .c-m-xl-n1 {
    margin: calc(var(--spacer-1) * -1) ; }
  .c-mt-xl-n1,
  .c-my-xl-n1 {
    margin-top: calc(var(--spacer-1) * -1) ; }
  .c-mr-xl-n1,
  .c-mx-xl-n1 {
    margin-right: calc(var(--spacer-1) * -1) ; }
  .c-mb-xl-n1,
  .c-my-xl-n1 {
    margin-bottom: calc(var(--spacer-1) * -1) ; }
  .c-ml-xl-n1,
  .c-mx-xl-n1 {
    margin-left: calc(var(--spacer-1) * -1) ; }
  .c-p-xl-1 {
    padding: var(--spacer-1) ; }
  .c-pt-xl-1,
  .c-py-xl-1 {
    padding-top: var(--spacer-1) ; }
  .c-pr-xl-1,
  .c-px-xl-1 {
    padding-right: var(--spacer-1) ; }
  .c-pb-xl-1,
  .c-py-xl-1 {
    padding-bottom: var(--spacer-1) ; }
  .c-pl-xl-1,
  .c-px-xl-1 {
    padding-left: var(--spacer-1) ; }
  .m-xl-2 {
    margin: var(--spacer-2) !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: var(--spacer-2) !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: var(--spacer-2) !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: var(--spacer-2) !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: var(--spacer-2) !important; }
  .m-xl-n2 {
    margin: calc(var(--spacer-2) * -1) !important; }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: calc(var(--spacer-2) * -1) !important; }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: calc(var(--spacer-2) * -1) !important; }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: calc(var(--spacer-2) * -1) !important; }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: calc(var(--spacer-2) * -1) !important; }
  .p-xl-2 {
    padding: var(--spacer-2) !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: var(--spacer-2) !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: var(--spacer-2) !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: var(--spacer-2) !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: var(--spacer-2) !important; }
  .c-m-xl-2 {
    margin: var(--spacer-2) ; }
  .c-mt-xl-2,
  .c-my-xl-2 {
    margin-top: var(--spacer-2) ; }
  .c-mr-xl-2,
  .c-mx-xl-2 {
    margin-right: var(--spacer-2) ; }
  .c-mb-xl-2,
  .c-my-xl-2 {
    margin-bottom: var(--spacer-2) ; }
  .c-ml-xl-2,
  .c-mx-xl-2 {
    margin-left: var(--spacer-2) ; }
  .c-m-xl-n2 {
    margin: calc(var(--spacer-2) * -1) ; }
  .c-mt-xl-n2,
  .c-my-xl-n2 {
    margin-top: calc(var(--spacer-2) * -1) ; }
  .c-mr-xl-n2,
  .c-mx-xl-n2 {
    margin-right: calc(var(--spacer-2) * -1) ; }
  .c-mb-xl-n2,
  .c-my-xl-n2 {
    margin-bottom: calc(var(--spacer-2) * -1) ; }
  .c-ml-xl-n2,
  .c-mx-xl-n2 {
    margin-left: calc(var(--spacer-2) * -1) ; }
  .c-p-xl-2 {
    padding: var(--spacer-2) ; }
  .c-pt-xl-2,
  .c-py-xl-2 {
    padding-top: var(--spacer-2) ; }
  .c-pr-xl-2,
  .c-px-xl-2 {
    padding-right: var(--spacer-2) ; }
  .c-pb-xl-2,
  .c-py-xl-2 {
    padding-bottom: var(--spacer-2) ; }
  .c-pl-xl-2,
  .c-px-xl-2 {
    padding-left: var(--spacer-2) ; }
  .m-xl-3 {
    margin: var(--spacer-3) !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: var(--spacer-3) !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: var(--spacer-3) !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: var(--spacer-3) !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: var(--spacer-3) !important; }
  .m-xl-n3 {
    margin: calc(var(--spacer-3) * -1) !important; }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: calc(var(--spacer-3) * -1) !important; }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: calc(var(--spacer-3) * -1) !important; }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: calc(var(--spacer-3) * -1) !important; }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: calc(var(--spacer-3) * -1) !important; }
  .p-xl-3 {
    padding: var(--spacer-3) !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: var(--spacer-3) !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: var(--spacer-3) !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: var(--spacer-3) !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: var(--spacer-3) !important; }
  .c-m-xl-3 {
    margin: var(--spacer-3) ; }
  .c-mt-xl-3,
  .c-my-xl-3 {
    margin-top: var(--spacer-3) ; }
  .c-mr-xl-3,
  .c-mx-xl-3 {
    margin-right: var(--spacer-3) ; }
  .c-mb-xl-3,
  .c-my-xl-3 {
    margin-bottom: var(--spacer-3) ; }
  .c-ml-xl-3,
  .c-mx-xl-3 {
    margin-left: var(--spacer-3) ; }
  .c-m-xl-n3 {
    margin: calc(var(--spacer-3) * -1) ; }
  .c-mt-xl-n3,
  .c-my-xl-n3 {
    margin-top: calc(var(--spacer-3) * -1) ; }
  .c-mr-xl-n3,
  .c-mx-xl-n3 {
    margin-right: calc(var(--spacer-3) * -1) ; }
  .c-mb-xl-n3,
  .c-my-xl-n3 {
    margin-bottom: calc(var(--spacer-3) * -1) ; }
  .c-ml-xl-n3,
  .c-mx-xl-n3 {
    margin-left: calc(var(--spacer-3) * -1) ; }
  .c-p-xl-3 {
    padding: var(--spacer-3) ; }
  .c-pt-xl-3,
  .c-py-xl-3 {
    padding-top: var(--spacer-3) ; }
  .c-pr-xl-3,
  .c-px-xl-3 {
    padding-right: var(--spacer-3) ; }
  .c-pb-xl-3,
  .c-py-xl-3 {
    padding-bottom: var(--spacer-3) ; }
  .c-pl-xl-3,
  .c-px-xl-3 {
    padding-left: var(--spacer-3) ; }
  .m-xl-4 {
    margin: var(--spacer-4) !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: var(--spacer-4) !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: var(--spacer-4) !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: var(--spacer-4) !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: var(--spacer-4) !important; }
  .m-xl-n4 {
    margin: calc(var(--spacer-4) * -1) !important; }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: calc(var(--spacer-4) * -1) !important; }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: calc(var(--spacer-4) * -1) !important; }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: calc(var(--spacer-4) * -1) !important; }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: calc(var(--spacer-4) * -1) !important; }
  .p-xl-4 {
    padding: var(--spacer-4) !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: var(--spacer-4) !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: var(--spacer-4) !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: var(--spacer-4) !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: var(--spacer-4) !important; }
  .c-m-xl-4 {
    margin: var(--spacer-4) ; }
  .c-mt-xl-4,
  .c-my-xl-4 {
    margin-top: var(--spacer-4) ; }
  .c-mr-xl-4,
  .c-mx-xl-4 {
    margin-right: var(--spacer-4) ; }
  .c-mb-xl-4,
  .c-my-xl-4 {
    margin-bottom: var(--spacer-4) ; }
  .c-ml-xl-4,
  .c-mx-xl-4 {
    margin-left: var(--spacer-4) ; }
  .c-m-xl-n4 {
    margin: calc(var(--spacer-4) * -1) ; }
  .c-mt-xl-n4,
  .c-my-xl-n4 {
    margin-top: calc(var(--spacer-4) * -1) ; }
  .c-mr-xl-n4,
  .c-mx-xl-n4 {
    margin-right: calc(var(--spacer-4) * -1) ; }
  .c-mb-xl-n4,
  .c-my-xl-n4 {
    margin-bottom: calc(var(--spacer-4) * -1) ; }
  .c-ml-xl-n4,
  .c-mx-xl-n4 {
    margin-left: calc(var(--spacer-4) * -1) ; }
  .c-p-xl-4 {
    padding: var(--spacer-4) ; }
  .c-pt-xl-4,
  .c-py-xl-4 {
    padding-top: var(--spacer-4) ; }
  .c-pr-xl-4,
  .c-px-xl-4 {
    padding-right: var(--spacer-4) ; }
  .c-pb-xl-4,
  .c-py-xl-4 {
    padding-bottom: var(--spacer-4) ; }
  .c-pl-xl-4,
  .c-px-xl-4 {
    padding-left: var(--spacer-4) ; }
  .m-xl-5 {
    margin: var(--spacer-5) !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: var(--spacer-5) !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: var(--spacer-5) !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: var(--spacer-5) !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: var(--spacer-5) !important; }
  .m-xl-n5 {
    margin: calc(var(--spacer-5) * -1) !important; }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: calc(var(--spacer-5) * -1) !important; }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: calc(var(--spacer-5) * -1) !important; }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: calc(var(--spacer-5) * -1) !important; }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: calc(var(--spacer-5) * -1) !important; }
  .p-xl-5 {
    padding: var(--spacer-5) !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: var(--spacer-5) !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: var(--spacer-5) !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: var(--spacer-5) !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: var(--spacer-5) !important; }
  .c-m-xl-5 {
    margin: var(--spacer-5) ; }
  .c-mt-xl-5,
  .c-my-xl-5 {
    margin-top: var(--spacer-5) ; }
  .c-mr-xl-5,
  .c-mx-xl-5 {
    margin-right: var(--spacer-5) ; }
  .c-mb-xl-5,
  .c-my-xl-5 {
    margin-bottom: var(--spacer-5) ; }
  .c-ml-xl-5,
  .c-mx-xl-5 {
    margin-left: var(--spacer-5) ; }
  .c-m-xl-n5 {
    margin: calc(var(--spacer-5) * -1) ; }
  .c-mt-xl-n5,
  .c-my-xl-n5 {
    margin-top: calc(var(--spacer-5) * -1) ; }
  .c-mr-xl-n5,
  .c-mx-xl-n5 {
    margin-right: calc(var(--spacer-5) * -1) ; }
  .c-mb-xl-n5,
  .c-my-xl-n5 {
    margin-bottom: calc(var(--spacer-5) * -1) ; }
  .c-ml-xl-n5,
  .c-mx-xl-n5 {
    margin-left: calc(var(--spacer-5) * -1) ; }
  .c-p-xl-5 {
    padding: var(--spacer-5) ; }
  .c-pt-xl-5,
  .c-py-xl-5 {
    padding-top: var(--spacer-5) ; }
  .c-pr-xl-5,
  .c-px-xl-5 {
    padding-right: var(--spacer-5) ; }
  .c-pb-xl-5,
  .c-py-xl-5 {
    padding-bottom: var(--spacer-5) ; }
  .c-pl-xl-5,
  .c-px-xl-5 {
    padding-left: var(--spacer-5) ; }
  .m-xl-6 {
    margin: var(--spacer-6) !important; }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: var(--spacer-6) !important; }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: var(--spacer-6) !important; }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: var(--spacer-6) !important; }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: var(--spacer-6) !important; }
  .m-xl-n6 {
    margin: calc(var(--spacer-6) * -1) !important; }
  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: calc(var(--spacer-6) * -1) !important; }
  .mr-xl-n6,
  .mx-xl-n6 {
    margin-right: calc(var(--spacer-6) * -1) !important; }
  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: calc(var(--spacer-6) * -1) !important; }
  .ml-xl-n6,
  .mx-xl-n6 {
    margin-left: calc(var(--spacer-6) * -1) !important; }
  .p-xl-6 {
    padding: var(--spacer-6) !important; }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: var(--spacer-6) !important; }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: var(--spacer-6) !important; }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: var(--spacer-6) !important; }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: var(--spacer-6) !important; }
  .c-m-xl-6 {
    margin: var(--spacer-6) ; }
  .c-mt-xl-6,
  .c-my-xl-6 {
    margin-top: var(--spacer-6) ; }
  .c-mr-xl-6,
  .c-mx-xl-6 {
    margin-right: var(--spacer-6) ; }
  .c-mb-xl-6,
  .c-my-xl-6 {
    margin-bottom: var(--spacer-6) ; }
  .c-ml-xl-6,
  .c-mx-xl-6 {
    margin-left: var(--spacer-6) ; }
  .c-m-xl-n6 {
    margin: calc(var(--spacer-6) * -1) ; }
  .c-mt-xl-n6,
  .c-my-xl-n6 {
    margin-top: calc(var(--spacer-6) * -1) ; }
  .c-mr-xl-n6,
  .c-mx-xl-n6 {
    margin-right: calc(var(--spacer-6) * -1) ; }
  .c-mb-xl-n6,
  .c-my-xl-n6 {
    margin-bottom: calc(var(--spacer-6) * -1) ; }
  .c-ml-xl-n6,
  .c-mx-xl-n6 {
    margin-left: calc(var(--spacer-6) * -1) ; }
  .c-p-xl-6 {
    padding: var(--spacer-6) ; }
  .c-pt-xl-6,
  .c-py-xl-6 {
    padding-top: var(--spacer-6) ; }
  .c-pr-xl-6,
  .c-px-xl-6 {
    padding-right: var(--spacer-6) ; }
  .c-pb-xl-6,
  .c-py-xl-6 {
    padding-bottom: var(--spacer-6) ; }
  .c-pl-xl-6,
  .c-px-xl-6 {
    padding-left: var(--spacer-6) ; }
  .m-xl-7 {
    margin: var(--spacer-7) !important; }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: var(--spacer-7) !important; }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: var(--spacer-7) !important; }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: var(--spacer-7) !important; }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: var(--spacer-7) !important; }
  .m-xl-n7 {
    margin: calc(var(--spacer-7) * -1) !important; }
  .mt-xl-n7,
  .my-xl-n7 {
    margin-top: calc(var(--spacer-7) * -1) !important; }
  .mr-xl-n7,
  .mx-xl-n7 {
    margin-right: calc(var(--spacer-7) * -1) !important; }
  .mb-xl-n7,
  .my-xl-n7 {
    margin-bottom: calc(var(--spacer-7) * -1) !important; }
  .ml-xl-n7,
  .mx-xl-n7 {
    margin-left: calc(var(--spacer-7) * -1) !important; }
  .p-xl-7 {
    padding: var(--spacer-7) !important; }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: var(--spacer-7) !important; }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: var(--spacer-7) !important; }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: var(--spacer-7) !important; }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: var(--spacer-7) !important; }
  .c-m-xl-7 {
    margin: var(--spacer-7) ; }
  .c-mt-xl-7,
  .c-my-xl-7 {
    margin-top: var(--spacer-7) ; }
  .c-mr-xl-7,
  .c-mx-xl-7 {
    margin-right: var(--spacer-7) ; }
  .c-mb-xl-7,
  .c-my-xl-7 {
    margin-bottom: var(--spacer-7) ; }
  .c-ml-xl-7,
  .c-mx-xl-7 {
    margin-left: var(--spacer-7) ; }
  .c-m-xl-n7 {
    margin: calc(var(--spacer-7) * -1) ; }
  .c-mt-xl-n7,
  .c-my-xl-n7 {
    margin-top: calc(var(--spacer-7) * -1) ; }
  .c-mr-xl-n7,
  .c-mx-xl-n7 {
    margin-right: calc(var(--spacer-7) * -1) ; }
  .c-mb-xl-n7,
  .c-my-xl-n7 {
    margin-bottom: calc(var(--spacer-7) * -1) ; }
  .c-ml-xl-n7,
  .c-mx-xl-n7 {
    margin-left: calc(var(--spacer-7) * -1) ; }
  .c-p-xl-7 {
    padding: var(--spacer-7) ; }
  .c-pt-xl-7,
  .c-py-xl-7 {
    padding-top: var(--spacer-7) ; }
  .c-pr-xl-7,
  .c-px-xl-7 {
    padding-right: var(--spacer-7) ; }
  .c-pb-xl-7,
  .c-py-xl-7 {
    padding-bottom: var(--spacer-7) ; }
  .c-pl-xl-7,
  .c-px-xl-7 {
    padding-left: var(--spacer-7) ; }
  .m-xl-8 {
    margin: var(--spacer-8) !important; }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: var(--spacer-8) !important; }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: var(--spacer-8) !important; }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: var(--spacer-8) !important; }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: var(--spacer-8) !important; }
  .m-xl-n8 {
    margin: calc(var(--spacer-8) * -1) !important; }
  .mt-xl-n8,
  .my-xl-n8 {
    margin-top: calc(var(--spacer-8) * -1) !important; }
  .mr-xl-n8,
  .mx-xl-n8 {
    margin-right: calc(var(--spacer-8) * -1) !important; }
  .mb-xl-n8,
  .my-xl-n8 {
    margin-bottom: calc(var(--spacer-8) * -1) !important; }
  .ml-xl-n8,
  .mx-xl-n8 {
    margin-left: calc(var(--spacer-8) * -1) !important; }
  .p-xl-8 {
    padding: var(--spacer-8) !important; }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: var(--spacer-8) !important; }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: var(--spacer-8) !important; }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: var(--spacer-8) !important; }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: var(--spacer-8) !important; }
  .c-m-xl-8 {
    margin: var(--spacer-8) ; }
  .c-mt-xl-8,
  .c-my-xl-8 {
    margin-top: var(--spacer-8) ; }
  .c-mr-xl-8,
  .c-mx-xl-8 {
    margin-right: var(--spacer-8) ; }
  .c-mb-xl-8,
  .c-my-xl-8 {
    margin-bottom: var(--spacer-8) ; }
  .c-ml-xl-8,
  .c-mx-xl-8 {
    margin-left: var(--spacer-8) ; }
  .c-m-xl-n8 {
    margin: calc(var(--spacer-8) * -1) ; }
  .c-mt-xl-n8,
  .c-my-xl-n8 {
    margin-top: calc(var(--spacer-8) * -1) ; }
  .c-mr-xl-n8,
  .c-mx-xl-n8 {
    margin-right: calc(var(--spacer-8) * -1) ; }
  .c-mb-xl-n8,
  .c-my-xl-n8 {
    margin-bottom: calc(var(--spacer-8) * -1) ; }
  .c-ml-xl-n8,
  .c-mx-xl-n8 {
    margin-left: calc(var(--spacer-8) * -1) ; }
  .c-p-xl-8 {
    padding: var(--spacer-8) ; }
  .c-pt-xl-8,
  .c-py-xl-8 {
    padding-top: var(--spacer-8) ; }
  .c-pr-xl-8,
  .c-px-xl-8 {
    padding-right: var(--spacer-8) ; }
  .c-pb-xl-8,
  .c-py-xl-8 {
    padding-bottom: var(--spacer-8) ; }
  .c-pl-xl-8,
  .c-px-xl-8 {
    padding-left: var(--spacer-8) ; }
  .m-xl-9 {
    margin: var(--spacer-9) !important; }
  .mt-xl-9,
  .my-xl-9 {
    margin-top: var(--spacer-9) !important; }
  .mr-xl-9,
  .mx-xl-9 {
    margin-right: var(--spacer-9) !important; }
  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: var(--spacer-9) !important; }
  .ml-xl-9,
  .mx-xl-9 {
    margin-left: var(--spacer-9) !important; }
  .m-xl-n9 {
    margin: calc(var(--spacer-9) * -1) !important; }
  .mt-xl-n9,
  .my-xl-n9 {
    margin-top: calc(var(--spacer-9) * -1) !important; }
  .mr-xl-n9,
  .mx-xl-n9 {
    margin-right: calc(var(--spacer-9) * -1) !important; }
  .mb-xl-n9,
  .my-xl-n9 {
    margin-bottom: calc(var(--spacer-9) * -1) !important; }
  .ml-xl-n9,
  .mx-xl-n9 {
    margin-left: calc(var(--spacer-9) * -1) !important; }
  .p-xl-9 {
    padding: var(--spacer-9) !important; }
  .pt-xl-9,
  .py-xl-9 {
    padding-top: var(--spacer-9) !important; }
  .pr-xl-9,
  .px-xl-9 {
    padding-right: var(--spacer-9) !important; }
  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: var(--spacer-9) !important; }
  .pl-xl-9,
  .px-xl-9 {
    padding-left: var(--spacer-9) !important; }
  .c-m-xl-9 {
    margin: var(--spacer-9) ; }
  .c-mt-xl-9,
  .c-my-xl-9 {
    margin-top: var(--spacer-9) ; }
  .c-mr-xl-9,
  .c-mx-xl-9 {
    margin-right: var(--spacer-9) ; }
  .c-mb-xl-9,
  .c-my-xl-9 {
    margin-bottom: var(--spacer-9) ; }
  .c-ml-xl-9,
  .c-mx-xl-9 {
    margin-left: var(--spacer-9) ; }
  .c-m-xl-n9 {
    margin: calc(var(--spacer-9) * -1) ; }
  .c-mt-xl-n9,
  .c-my-xl-n9 {
    margin-top: calc(var(--spacer-9) * -1) ; }
  .c-mr-xl-n9,
  .c-mx-xl-n9 {
    margin-right: calc(var(--spacer-9) * -1) ; }
  .c-mb-xl-n9,
  .c-my-xl-n9 {
    margin-bottom: calc(var(--spacer-9) * -1) ; }
  .c-ml-xl-n9,
  .c-mx-xl-n9 {
    margin-left: calc(var(--spacer-9) * -1) ; }
  .c-p-xl-9 {
    padding: var(--spacer-9) ; }
  .c-pt-xl-9,
  .c-py-xl-9 {
    padding-top: var(--spacer-9) ; }
  .c-pr-xl-9,
  .c-px-xl-9 {
    padding-right: var(--spacer-9) ; }
  .c-pb-xl-9,
  .c-py-xl-9 {
    padding-bottom: var(--spacer-9) ; }
  .c-pl-xl-9,
  .c-px-xl-9 {
    padding-left: var(--spacer-9) ; }
  .m-xl-10 {
    margin: var(--spacer-10) !important; }
  .mt-xl-10,
  .my-xl-10 {
    margin-top: var(--spacer-10) !important; }
  .mr-xl-10,
  .mx-xl-10 {
    margin-right: var(--spacer-10) !important; }
  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: var(--spacer-10) !important; }
  .ml-xl-10,
  .mx-xl-10 {
    margin-left: var(--spacer-10) !important; }
  .m-xl-n10 {
    margin: calc(var(--spacer-10) * -1) !important; }
  .mt-xl-n10,
  .my-xl-n10 {
    margin-top: calc(var(--spacer-10) * -1) !important; }
  .mr-xl-n10,
  .mx-xl-n10 {
    margin-right: calc(var(--spacer-10) * -1) !important; }
  .mb-xl-n10,
  .my-xl-n10 {
    margin-bottom: calc(var(--spacer-10) * -1) !important; }
  .ml-xl-n10,
  .mx-xl-n10 {
    margin-left: calc(var(--spacer-10) * -1) !important; }
  .p-xl-10 {
    padding: var(--spacer-10) !important; }
  .pt-xl-10,
  .py-xl-10 {
    padding-top: var(--spacer-10) !important; }
  .pr-xl-10,
  .px-xl-10 {
    padding-right: var(--spacer-10) !important; }
  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: var(--spacer-10) !important; }
  .pl-xl-10,
  .px-xl-10 {
    padding-left: var(--spacer-10) !important; }
  .c-m-xl-10 {
    margin: var(--spacer-10) ; }
  .c-mt-xl-10,
  .c-my-xl-10 {
    margin-top: var(--spacer-10) ; }
  .c-mr-xl-10,
  .c-mx-xl-10 {
    margin-right: var(--spacer-10) ; }
  .c-mb-xl-10,
  .c-my-xl-10 {
    margin-bottom: var(--spacer-10) ; }
  .c-ml-xl-10,
  .c-mx-xl-10 {
    margin-left: var(--spacer-10) ; }
  .c-m-xl-n10 {
    margin: calc(var(--spacer-10) * -1) ; }
  .c-mt-xl-n10,
  .c-my-xl-n10 {
    margin-top: calc(var(--spacer-10) * -1) ; }
  .c-mr-xl-n10,
  .c-mx-xl-n10 {
    margin-right: calc(var(--spacer-10) * -1) ; }
  .c-mb-xl-n10,
  .c-my-xl-n10 {
    margin-bottom: calc(var(--spacer-10) * -1) ; }
  .c-ml-xl-n10,
  .c-mx-xl-n10 {
    margin-left: calc(var(--spacer-10) * -1) ; }
  .c-p-xl-10 {
    padding: var(--spacer-10) ; }
  .c-pt-xl-10,
  .c-py-xl-10 {
    padding-top: var(--spacer-10) ; }
  .c-pr-xl-10,
  .c-px-xl-10 {
    padding-right: var(--spacer-10) ; }
  .c-pb-xl-10,
  .c-py-xl-10 {
    padding-bottom: var(--spacer-10) ; }
  .c-pl-xl-10,
  .c-px-xl-10 {
    padding-left: var(--spacer-10) ; } }

.font-weight-bold {
  font-weight: var(--font-weight-bold) !important; }

.font-weight-bolder {
  font-weight: var(--font-weight-bolder) !important; }

.font-weight-light {
  font-weight: var(--font-weight-light) !important; }

.font-weight-lighter {
  font-weight: var(--font-weight-lighter) !important; }

.font-weight-normal {
  font-weight: var(--font-weight-normal) !important; }

.font-weight-semi-bold {
  font-weight: var(--font-weight-semi-bold) !important; }

.text-muted {
  color: var(--text-muted) !important; }

.collapsing {
  transition: var(--transition-collapse); }

.fade {
  transition: var(--transition-fade); }